Skip to content

Commit a028f0f

Browse files
howard31622howard31622
committed
layout
1 parent 40f1bd6 commit a028f0f

File tree

9 files changed

+89
-73
lines changed

9 files changed

+89
-73
lines changed

‎.DS_Store‎

2 KB
Binary file not shown.

‎css/.DS_Store‎

6 KB
Binary file not shown.

‎css/nivo_themes/.DS_Store‎

6 KB
Binary file not shown.

‎css/style.css‎

Lines changed: 51 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -530,7 +530,7 @@ portfolio section
530530
display: block;
531531
}
532532

533-
/* ==========================================================================
533+
/* /* ==========================================================================
534534
pricing section
535535
========================================================================== */
536536
#pricing {
@@ -597,8 +597,57 @@ pricing section
597597
}
598598
#pricing .plan .btn:hover {
599599
background-color: #3B3B3B;
600-
}
600+
} */
601601

602+
/* ==========================================================================
603+
education section
604+
========================================================================== */
605+
#contact {
606+
background: #3B3B3B url('../images/img.jpg') no-repeat center center;
607+
background-size: cover;
608+
color: #ffffff;
609+
}
610+
#contact h2 {
611+
padding-bottom: 20px;
612+
}
613+
#contact h3 {
614+
font-size: 16px;
615+
font-weight: bold;
616+
letter-spacing: 1px;
617+
}
618+
#contact .medium-icon {
619+
padding-top: 10px;
620+
padding-right: 10px;
621+
}
622+
#contact .contact-info div {
623+
padding-top: 14px;
624+
padding-bottom: 14px;
625+
}
626+
#contact form {
627+
padding-top: 60px;
628+
}
629+
#contact .form-control {
630+
border: 2px solid #ffffff;
631+
border-radius: 0;
632+
box-shadow: none;
633+
margin-top: 10px;
634+
margin-bottom: 10px;
635+
transition: all 0.4s ease-in-out;
636+
}
637+
#contact input {
638+
height: 40px;
639+
}
640+
#contact input[type="submit"] {
641+
background: #00c6d7;
642+
border: 3px solid #00c6d7;
643+
letter-spacing: 1px;
644+
margin-top: 18px;
645+
height: 50px;
646+
color: #ffffff;
647+
}
648+
#contact input[type="submit"]:hover {
649+
color: #000000;
650+
}
602651

603652
/* ==========================================================================
604653
contact section

‎images/img-01.jpg‎

29.4 KB
Loading

‎images/img-02.jpg‎

46.6 KB
Loading

‎images/img-03.jpg‎

47.1 KB
Loading

‎images/img-04.jpg‎

43.1 KB
Loading

‎index.html‎

Lines changed: 38 additions & 71 deletions
Original file line numberDiff line numberDiff line change
@@ -58,7 +58,7 @@
5858
<ul class="nav navbar-nav navbar-right">
5959
<li><a href="#home" class="smoothScroll">HOME</a></li>
6060
<li><a href="#about" class="smoothScroll">ABOUT</a></li>
61-
<li><a href="#portfolio" class="smoothScroll">PORTFOLIO</a></li>
61+
<li><a href="#education" class="smoothScroll">EDUCATION</a></li>
6262
<li><a href="#contact" class="smoothScroll">CONTACT</a></li>
6363
</ul>
6464
</div>
@@ -88,7 +88,7 @@ <h1>DIGITAL TEAM</h1>
8888
<div class="row">
8989
<div class="col-md-12 col-sm-12 text-center">
9090
<div class="section-title">
91-
<strong>02</strong>
91+
<strong>01</strong>
9292
<h1 class="heading bold">OUR AGENCY</h1>
9393
<hr>
9494
</div>
@@ -126,62 +126,44 @@ <h1 class="heading bold">Best Design Agency from California</h1>
126126
</div>
127127
</section>
128128

129-
130-
131-
<!-- portfolio section -->
132-
<div id="portfolio">
133-
<div class="container">
134-
<div class="row">
135-
<div class="col-md-12 col-sm-12">
129+
<section id ="education">
130+
<div class="container ">
131+
<div class="row">
132+
<div class="col-md-12 col-sm-12 text-center">
136133
<div class="section-title">
137-
<strong>04</strong>
138-
<h1 class="heading bold">OUR PORTFOLIO</h1>
134+
<strong>02</strong>
135+
<h1 class="heading bold">CONTACT Me</h1>
139136
<hr>
140137
</div>
141-
<!-- ISO section -->
142-
<div class="iso-section">
143-
<ul class="filter-wrapper clearfix">
144-
<li><a href="#" data-filter="*" class="selected opc-main-bg">All</a></li>
145-
<li><a href="#" class="opc-main-bg" data-filter=".html">HTML</a></li>
146-
<li><a href="#" class="opc-main-bg" data-filter=".photoshop">Photoshop</a></li>
147-
<li><a href="#" class="opc-main-bg" data-filter=".wordpress">Wordpress</a></li>
148-
<li><a href="#" class="opc-main-bg" data-filter=".mobile">Mobile</a></li>
149-
</ul>
150-
<div class="iso-box-section wow fadeIn" data-wow-delay="0.9s">
151-
<div class="iso-box-wrapper col4-iso-box">
152-
153-
<div class="iso-box html wordpress mobile col-lg-4 col-md-4 col-sm-6">
154-
<a href="images/portfolio-img1.jpg" data-lightbox-gallery="portfolio-gallery"><img src="images/portfolio-img1.jpg" alt="portfolio img"></a>
155-
</div>
156-
157-
<div class="iso-box wordpress col-lg-4 col-md-4 col-sm-6">
158-
<a href="images/portfolio-img2.jpg" data-lightbox-gallery="portfolio-gallery"><img src="images/portfolio-img2.jpg" alt="portfolio img"></a>
159-
</div>
160-
161-
<div class="iso-box html mobile col-lg-4 col-md-4 col-sm-6">
162-
<a href="images/portfolio-img3.jpg" data-lightbox-gallery="portfolio-gallery"><img src="images/portfolio-img3.jpg" alt="portfolio img"></a>
163-
</div>
164-
165-
<div class="iso-box wordpress col-lg-4 col-md-4 col-sm-6">
166-
<a href="images/portfolio-img4.jpg" data-lightbox-gallery="portfolio-gallery"><img src="images/portfolio-img4.jpg" alt="portfolio img"></a>
167-
</div>
168-
169-
<div class="iso-box html photoshop col-lg-4 col-md-4 col-sm-6">
170-
<a href="images/portfolio-img5.jpg" data-lightbox-gallery="portfolio-gallery"><img src="images/portfolio-img5.jpg" alt="portfolio img"></a>
171-
</div>
172-
173-
<div class="iso-box photoshop col-lg-4 col-md-4 col-sm-6">
174-
<a href="images/portfolio-img6.jpg" data-lightbox-gallery="portfolio-gallery"><img src="images/portfolio-img6.jpg" alt="portfolio img"></a>
175-
</div>
176-
177-
</div>
178-
</div>
179-
180-
</div>
181138
</div>
182-
</div>
183-
</div>
184-
</div>
139+
</div>
140+
<div class="row tm-section-mb">
141+
<div class="col-lg-12">
142+
143+
144+
145+
<div class="tm-timeline-item">
146+
<div class="tm-timeline-item-inner">
147+
<img src="images/img-03.jpg" alt="Image" class="rounded-circle tm-img-timeline">
148+
<div class="tm-timeline-connector">
149+
<p class="mb-0">&nbsp;</p>
150+
</div>
151+
<div class="tm-timeline-description-wrap">
152+
<div class="tm-bg-dark tm-timeline-description">
153+
<h3 class="tm-text-yellow tm-font-400">Pellentesque accumsan convallis</h3>
154+
<p>Suspendisse felis massa, maximus sed mauris at, elementum fermentum nisl. Aliquam quis elit vel ipsum ornare sollicitudin. Nulla et dolor eget nisi varius convallis.</p>
155+
<p class="tm-text-yellow float-right mb-0">Latest News . 30 June 2018</p>
156+
</div>
157+
</div>
158+
</div>
159+
<div class="tm-timeline-connector-vertical"></div>
160+
</div>
161+
162+
163+
164+
</div>
165+
</div>
166+
</section>
185167

186168

187169
<!-- contact section -->
@@ -190,7 +172,7 @@ <h1 class="heading bold">OUR PORTFOLIO</h1>
190172
<div class="row">
191173
<div class="col-md-12 col-sm-12 text-center">
192174
<div class="section-title">
193-
<strong>06</strong>
175+
<strong>03</strong>
194176
<h1 class="heading bold">CONTACT Me</h1>
195177
<hr>
196178
</div>
@@ -204,22 +186,7 @@ <h3><i class="icon-envelope medium-icon wow bounceIn" data-wow-delay="0.6s"></i>
204186
</div>
205187

206188
</div>
207-
<div class="col-md-6 col-sm-12">
208-
<form action="#" method="get" class="wow fadeInUp" data-wow-delay="0.6s">
209-
<div class="col-md-6 col-sm-6">
210-
<input type="text" class="form-control" placeholder="Name" name="name">
211-
</div>
212-
<div class="col-md-6 col-sm-6">
213-
<input type="email" class="form-control" placeholder="Email" name="email">
214-
</div>
215-
<div class="col-md-12 col-sm-12">
216-
<textarea class="form-control" placeholder="Message" rows="7" name="message"></textarea>
217-
</div>
218-
<div class="col-md-offset-4 col-md-8 col-sm-offset-4 col-sm-8">
219-
<input type="submit" class="form-control" value="SEND MESSAGE">
220-
</div>
221-
</form>
222-
</div>
189+
223190
</div>
224191
</div>
225192
</section>

0 commit comments

Comments
 (0)