
<!-- 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>
