<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <title></title>
  <link rel="stylesheet" href="">
</head>
<body>
  
</body>
</html>
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <title>Oh My Codeness</title>
  <link rel="stylesheet" href="styles/main.css">
</head>

<body id="index">
  <div class="container">
    <section>
      <h1>Oh My Codeness</h1>
      <h2>Hi, I'm Zippo.</h2>
      <h3>This is my Pursuit of Code</h3>
      <p>
        Follow me on my journey where I dive head first into the world of web development. I’m hoping that keeping a blog will keep me accountable and hopefully when I look back I’ll see some progress and be able to laugh about this adventure.
      </p>
    </section>
  </div>

  <nav>
    <div class="container">
      <ul>
        <li><a href="#" title="">Blog</a></li>
        <li><a href="#" title="">Portfolio</a></li>
        <li><a href="#" title="">About Me</a></li>
        <li><a href="#" title="">Contact Me</a></li>
      </ul>
    </div>
  </nav>

  <section id="about">
    <h4><a href="#">Get to know me</a></h4>
    <a href="#"><img src="http://placehold.it/600x300" alt="Photos of me"></a>
  </section>

  <section id="portfolio">
    <h4>Portfolio</h4>
    <div class="row">
      <img src="http://placehold.it/600x300" alt="Portfolio">
      <h5>Title of Portfolio</h5>
      <p>
        Short summary of work done on this project, including tools used
      </p>
      <a href="#">Learn more about this project</a>
    </div>

<div class="row">
      <img src="http://placehold.it/600x300" alt="Portfolio">
      <h5>Title of Portfolio</h5>
      <p>
        Short summary of work done on this project, including tools used
      </p>
      <a href="#">Learn more about this project</a>
    </div>

  </section>

  <section id="contact">
    <h4>Get in touch</h4>
    <form>
   <!-- form -->
    </form>
  </section>

  <footer>
    <ul>
      <li><a href="#" title="Twitter"></a>Twitter</li>
      <li><a href="#" title="Github"></a>Github</li>
      <li><a href="#" title="Instagram"></a>Instagram</li>
      <li><a href="#" title="Email"></a>Email</li>
    </ul>
  </footer>

</body>
</html>
Convert wireframe into HTML elements
Convert wireframe into HTML elements
