You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
111 lines
3.4 KiB
HTML
111 lines
3.4 KiB
HTML
|
|
<!-- Portfolio -->
|
|
<section id="portfolio" class="two">
|
|
<div class="container">
|
|
|
|
<header>
|
|
<h2>Portfolio</h2>
|
|
</header>
|
|
|
|
<p>Vitae natoque dictum etiam semper magnis enim feugiat convallis convallis
|
|
egestas rhoncus ridiculus in quis risus amet curabitur tempor orci penatibus.
|
|
Tellus erat mauris ipsum fermentum etiam vivamus eget. Nunc nibh morbi quis
|
|
fusce hendrerit lacus ridiculus.</p>
|
|
|
|
<div class="row">
|
|
<div class="col-4 col-12-mobile">
|
|
<article class="item">
|
|
<a href="#" class="image fit"><img src="/static/images/pic02.jpg" alt="" /></a>
|
|
<header>
|
|
<h3>Ipsum Feugiat</h3>
|
|
</header>
|
|
</article>
|
|
<article class="item">
|
|
<a href="#" class="image fit"><img src="/static/images/pic03.jpg" alt="" /></a>
|
|
<header>
|
|
<h3>Rhoncus Semper</h3>
|
|
</header>
|
|
</article>
|
|
</div>
|
|
<div class="col-4 col-12-mobile">
|
|
<article class="item">
|
|
<a href="#" class="image fit"><img src="/static/images/pic04.jpg" alt="" /></a>
|
|
<header>
|
|
<h3>Magna Nullam</h3>
|
|
</header>
|
|
</article>
|
|
<article class="item">
|
|
<a href="#" class="image fit"><img src="/static/images/pic05.jpg" alt="" /></a>
|
|
<header>
|
|
<h3>Natoque Vitae</h3>
|
|
</header>
|
|
</article>
|
|
</div>
|
|
<div class="col-4 col-12-mobile">
|
|
<article class="item">
|
|
<a href="#" class="image fit"><img src="/static/images/pic06.jpg" alt="" /></a>
|
|
<header>
|
|
<h3>Dolor Penatibus</h3>
|
|
</header>
|
|
</article>
|
|
<article class="item">
|
|
<a href="#" class="image fit"><img src="/static/images/pic07.jpg" alt="" /></a>
|
|
<header>
|
|
<h3>Orci Convallis</h3>
|
|
</header>
|
|
</article>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</section>
|
|
|
|
<!-- About Me -->
|
|
<section id="about" class="three">
|
|
<div class="container">
|
|
|
|
<header>
|
|
<h2>About Me</h2>
|
|
</header>
|
|
|
|
<a href="#" class="image featured"><img src="/static/images/pic08.jpg" alt="" /></a>
|
|
|
|
<p>Tincidunt eu elit diam magnis pretium accumsan etiam id urna. Ridiculus
|
|
ultricies curae quis et rhoncus velit. Lobortis elementum aliquet nec vitae
|
|
laoreet eget cubilia quam non etiam odio tincidunt montes. Elementum sem
|
|
parturient nulla quam placerat viverra mauris non cum elit tempus ullamcorper
|
|
dolor. Libero rutrum ut lacinia donec curae mus vel quisque sociis nec
|
|
ornare iaculis.</p>
|
|
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Contact -->
|
|
<section id="contact" class="four">
|
|
<div class="container">
|
|
|
|
<header>
|
|
<h2>Contact</h2>
|
|
</header>
|
|
|
|
<p>Elementum sem parturient nulla quam placerat viverra
|
|
mauris non cum elit tempus ullamcorper dolor. Libero rutrum ut lacinia
|
|
donec curae mus. Eleifend id porttitor ac ultricies lobortis sem nunc
|
|
orci ridiculus faucibus a consectetur. Porttitor curae mauris urna mi dolor.</p>
|
|
|
|
<form method="post" action="#">
|
|
<div class="row">
|
|
<div class="col-6 col-12-mobile"><input type="text" name="name" placeholder="Name" /></div>
|
|
<div class="col-6 col-12-mobile"><input type="text" name="email" placeholder="Email" /></div>
|
|
<div class="col-12">
|
|
<textarea name="message" placeholder="Message"></textarea>
|
|
</div>
|
|
<div class="col-12">
|
|
<input type="submit" value="Send Message" />
|
|
</div>
|
|
</div>
|
|
</form>
|
|
|
|
</div>
|
|
</section>
|