Skip to content

Commit 3f5bcd9

Browse files
Some-Dumb-RobotSome-Dumb-Robot
committed
changed style and officer page
1 parent 3dd9ef8 commit 3f5bcd9

3 files changed

Lines changed: 42 additions & 136 deletions

File tree

‎css/styles.css‎

Lines changed: 23 additions & 23 deletions
Original file line numberDiff line numberDiff line change
@@ -31,7 +31,7 @@ h3 {
3131
}
3232

3333
a,a:hover {
34-
color: #cc580c;
34+
color: #ef3f00;
3535
text-decoration: none;
3636
}
3737

@@ -55,8 +55,8 @@ img {
5555

5656
.fade-carousel .carousel-indicators > li {
5757
margin: 0 2px;
58-
background-color: #f34e12;
59-
border-color: #f35912ed;
58+
background-color: #ef3f00;
59+
border-color: #ef3f00;
6060
opacity: .7;
6161
border-radius: 0;
6262
width: 20px;
@@ -122,13 +122,13 @@ img {
122122

123123
.btn.btn-hero, .btn.btn-hero:hover, .btn.btn-hero:focus {
124124
color: #f5f5f5;
125-
background-color: #c54c14;
126-
border-color: #e45508;
125+
background-color: #ef3f00;
126+
border-color: #ef3f00;
127127
outline: none;
128128
padding: 12px 32px;
129129
margin: 20px auto;
130130
border-radius: 0px;
131-
border-bottom: 4px solid #ff6a00;
131+
border-bottom: 4px solid #ef3f00;
132132
}
133133
/********************************/
134134
/* Overlay */
@@ -213,7 +213,7 @@ img {
213213
}
214214

215215
#quote-carousel .carousel-indicators .active {
216-
background: #f36812;
216+
background: #ef3f00;
217217
}
218218

219219
#quote-carousel img {
@@ -246,12 +246,12 @@ img {
246246
background: #F0F0F0;
247247
border-bottom: 10px solid #E2E2E2;
248248
border-radius: 0 0 15px 15px;
249-
border-top: 1px solid #f35d12;
249+
border-top: 1px solid #ef3f00;
250250
}
251251

252252
.box-area-icon i {
253253
font-size: 40px;
254-
color: #f35d12;
254+
color: #ef3f00;
255255
}
256256

257257
.news-events-box {
@@ -326,7 +326,7 @@ img {
326326

327327
.nav>li>a:hover, .nav>li>a:focus {
328328
text-decoration: none;
329-
background-color: rgb(220, 104, 8);
329+
background-color: #ef3f00;
330330
color: #FFFFFF;
331331
}
332332

@@ -391,20 +391,20 @@ img {
391391

392392
#main-nav ul.nav>li.active>a {
393393
color: #fff;
394-
background-color: rgb(205, 128, 5);
394+
background-color: #ef3f00;
395395
}
396396

397397
.hideClass {
398398
display: none;
399399
}
400400

401401
.isFixed .navbar-inverse .navbar-nav>.active>a,.isFixed .navbar-inverse .navbar-nav>.active>a:focus {
402-
background: #cc580c;
402+
background: #ef3f00;
403403
color: #fff;
404404
}
405405

406406
.isFixed .navbar.navbar-inverse.navbar-static-top a:hover {
407-
background: #cc580c;
407+
background: #ef3f00;
408408
color: #fff;
409409
}
410410

@@ -418,11 +418,11 @@ img {
418418
-moz-transition: all .5s;
419419
-webkit-transition: all .5s;
420420
transition: all .5s;
421-
background: #f37012;
421+
background: #ef3f00;
422422
}
423423

424424
.isFixed {
425-
background: #f37712;
425+
background: #ef3f00;
426426
-o-transition: all .5s;
427427
-ms-transition: all .5s;
428428
-moz-transition: all .5s;
@@ -452,7 +452,7 @@ header {
452452
.heading h2 {
453453
font-weight: 700;
454454
font-size: 35px;
455-
color: #f37312;
455+
color: #ef3f00;
456456
margin: 0;
457457
padding: 5px;
458458
text-transform: capitalize;
@@ -529,7 +529,7 @@ img#site-title {
529529
.grid figcaption {
530530
background: #300F00;
531531
padding: 12px 18px;
532-
border-top: #f36c12 solid 1px;
532+
border-top: #ef3f00 solid 1px;
533533
}
534534
/* Slideshow style */
535535
.slideshow {
@@ -743,7 +743,7 @@ textarea.contact {
743743
}
744744

745745
.contact.submit {
746-
background: #e97a0a;
746+
background: #ef3f00;
747747
font-family: 'Montserrat',sans-serif;
748748
color: #1A1A1A;
749749
font-size: 16px;
@@ -757,7 +757,7 @@ textarea.contact {
757757
}
758758

759759
.contact.submit:hover {
760-
background: #fa8d2d;
760+
background: #ef3f00;
761761
}
762762

763763
.done {
@@ -848,7 +848,7 @@ textarea.contact {
848848
}
849849

850850
.gototop i {
851-
color: #f37f12;
851+
color: #ef3f00;
852852
line-height: 40px;
853853
}
854854

@@ -872,12 +872,12 @@ blockquote:before {
872872
position: absolute;
873873
left: 10px;
874874
top: -30px;
875-
color: #cc580c;
875+
color: #ef3f00;
876876
font-family: Georgia;
877877
}
878878

879879
blockquote cite {
880-
color: #cc580c;
880+
color: #ef3f00;
881881
font-size: 14px;
882882
display: block;
883883
margin-top: 5px;
@@ -1020,7 +1020,7 @@ blockquote footer, blockquote small, blockquote .small {
10201020
@media screen and (max-width:768px) {
10211021

10221022
#main-nav {
1023-
background: #f37712;
1023+
background: #ef3f00;
10241024
}
10251025

10261026
.navbar-nav>li {

‎img/person-placeholder.png‎

28.5 KB
Loading

‎officers.html‎

Lines changed: 19 additions & 113 deletions
Original file line numberDiff line numberDiff line change
@@ -71,72 +71,6 @@ <h3>Meet the Officers</h3>
7171
</div>
7272
</header>
7373

74-
<section class="service page-section" id="service">
75-
<div class="container text-center">
76-
<div class="heading">
77-
<h2>Eat & Chat</h2>
78-
<h3>Phasellus non dolor nibh. Nullam elementum tellus pretium feugiat.<br>
79-
Cras dictum tellus dui, vitae sollicitudin ipsum tincidunt in. Sed tincidunt tristique enim sed sollcitudin.</h3>
80-
</div>
81-
82-
<div class="row">
83-
<div class="col-md-4">
84-
<div class="box-area">
85-
<div class="box-area-icon">
86-
<i class="fa fa-heart"></i>
87-
</div>
88-
<h3>Streets Best</h3>
89-
<div class="box-area-text">Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat.</div>
90-
</div>
91-
</div>
92-
<div class="col-md-4">
93-
<div class="box-area">
94-
<div class="box-area-icon">
95-
<i class="fa fa-users"></i>
96-
</div>
97-
<h3>Continental</h3>
98-
<div class="box-area-text">Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat.</div>
99-
</div>
100-
</div>
101-
<div class="col-md-4">
102-
<div class="box-area">
103-
<div class="box-area-icon">
104-
<i class="fa fa-fire"></i>
105-
</div>
106-
<h3>Daily Dishes</h3>
107-
<div class="box-area-text">Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat.</div>
108-
</div>
109-
</div>
110-
<div class="col-md-4">
111-
<div class="box-area">
112-
<div class="box-area-icon">
113-
<i class="fa fa-film"></i>
114-
</div>
115-
<h3>Cookies</h3>
116-
<div class="box-area-text">Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat.</div>
117-
</div>
118-
</div>
119-
<div class="col-md-4">
120-
<div class="box-area">
121-
<div class="box-area-icon">
122-
<i class="fa fa-cubes"></i>
123-
</div>
124-
<h3>Cakes</h3>
125-
<div class="box-area-text">Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat.</div>
126-
</div>
127-
</div>
128-
<div class="col-md-4">
129-
<div class="box-area">
130-
<div class="box-area-icon">
131-
<i class="fa fa-envelope"></i>
132-
</div>
133-
<h3>Meeting point</h3>
134-
<div class="box-area-text">Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat.</div>
135-
</div>
136-
</div>
137-
</div>
138-
</div>
139-
</section>
14074

14175
<!--about us-->
14276
<section class="aboutus page-section" id="aboutUs">
@@ -164,9 +98,8 @@ <h3>Phasellus non dolor nibh. Nullam elementum tellus pretium feugiat.<br>
16498
<section class="gallery page-section" id="gallery">
16599
<div class="container">
166100
<div class="heading">
167-
<h2>Our Gallery</h2>
168-
<h3>Phasellus non dolor nibh. Nullam elementum tellus pretium feugiat.<br>
169-
Cras dictum tellus dui, vitae sollicitudin ipsum tincidunt in. Sed tincidunt tristique enim sed sollcitudin.</h3>
101+
<h2>Our Officers:</h2>
102+
<h3>The officers of EPICS work to ensure the organization stays at its best!<br>
170103
</div>
171104

172105
<div id="grid-gallery" class="grid-gallery">
@@ -176,52 +109,52 @@ <h3>Phasellus non dolor nibh. Nullam elementum tellus pretium feugiat.<br>
176109
<li class="grid-sizer"></li><!-- for Masonry column width -->
177110
<li>
178111
<figure>
179-
<img src="img/gallery/img1.jpg" alt=""/>
180-
<figcaption><h3>Thundercats level</h3> </figcaption>
112+
<img src="img/person-placeholder.png" alt=""/>
113+
<figcaption><h3>Officer 1</h3> </figcaption>
181114
</figure>
182115
</li>
183116
<li>
184117
<figure>
185-
<img src="img/gallery/img2.jpg" alt=""/>
186-
<figcaption><h3>Bushwick selvage</h3></figcaption>
118+
<img src="img/person-placeholder.png" alt=""/>
119+
<figcaption><h3>Officer 2</h3></figcaption>
187120
</figure>
188121
</li>
189122
<li>
190123
<figure>
191-
<img src="img/gallery/img3.jpg" alt=""/>
192-
<figcaption><h3>Bottle wayfarers</h3></figcaption>
124+
<img src="img/person-placeholder.png" alt=""/>
125+
<figcaption><h3>Officer 3<h3></figcaption>
193126
</figure>
194127
</li>
195128
<li>
196129
<figure>
197-
<img src="img/gallery/img4.jpg" alt=""/>
198-
<figcaption><h3>Letterpress</h3></figcaption>
130+
<img src="img/person-placeholder.png" alt=""/>
131+
<figcaption><h3>Officer 4</h3></figcaption>
199132
</figure>
200133
</li>
201134
<li>
202135
<figure>
203-
<img src="img/gallery/img5.jpg" alt=""/>
204-
<figcaption><h3>Vice velit chia</h3></figcaption>
136+
<img src="img/person-placeholder.png" alt=""/>
137+
<figcaption><h3>Officer 5</h3></figcaption>
205138
</figure>
206139
</li>
207140
<li>
208141
<figure>
209-
<img src="img/gallery/img6.jpg" alt=""/>
210-
<figcaption><h3>Brunch semiotics</h3></figcaption>
142+
<img src="img/person-placeholder.png" alt=""/>
143+
<figcaption><h3>Officer 6</h3></figcaption>
211144
</figure>
212145
</li>
213146

214147
<li>
215148
<figure>
216-
<img src="img/gallery/img7.jpg" alt=""/>
217-
<figcaption><h3>Brunch semiotics</h3></figcaption>
149+
<img src="img/person-placeholder.png" alt=""/>
150+
<figcaption><h3>Officer 7</h3></figcaption>
218151
</figure>
219152
</li>
220153

221154
<li>
222155
<figure>
223-
<img src="img/gallery/img8.jpg" alt=""/>
224-
<figcaption><h3>Brunch semiotics</h3></figcaption>
156+
<img src="img/person-placeholder.png" alt=""/>
157+
<figcaption><h3>Officer 8</h3></figcaption>
225158
</figure>
226159
</li>
227160

@@ -369,34 +302,7 @@ <h3>Phasellus non dolor nibh. Nullam elementum tellus pretium feugiat.<br>
369302
</div>
370303
</section>
371304

372-
<!--feedback-->
373-
<section class="contact page-section" id="contact">
374-
<div class="container">
375-
<div class="heading">
376-
377-
<h2>Contact Us</h2>
378-
379-
<h3>Phasellus non dolor nibh. Nullam elementum tellus pretium feugiat.<br>
380-
Cras dictum tellus dui, vitae sollicitudin ipsum tincidunt in. Sed tincidunt tristique enim sed sollcitudin.</h3>
381-
</div>
382-
</div>
383-
<div class="container w960">
384-
<div class="row">
385-
<div class="done">
386-
<div class="alert alert-success">
387-
<button type="button" class="close" data-dismiss="alert">×</button>
388-
Your message has been sent. Thank you!
389-
</div>
390-
</div>
391-
<form method="post" action="contact.php" id="contactform">
392-
<input name="name" type="text" class="contact col-md-6" placeholder="Your Name *" >
393-
<input name="email" type="email" class="contact noMarr col-md-6" placeholder="E-mail address *" >
394-
<textarea name="comment" class="contact col-md-12" placeholder="Message *"></textarea>
395-
<input type="submit" id="submit" class="contact submit" value="Send message">
396-
</form>
397-
</div>
398-
</div>
399-
</section>
305+
400306

401307
<!--footer-->
402308
<section class="footer" id="footer">

0 commit comments

Comments
 (0)