Untitled

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!--[if lt IE 9]>
    <script src="dist/html5shiv.js"></script>
    <![endif]-->
    <title>About Me</title>
    <link rel="stylesheet" href="css/normalize.css">
    <link rel="stylesheet" href="css/about_style.css">
  </head>
  <body>
    <div class="nav">
        <a href="index" class="logo">Home</a>
      <ul>
        <li><a href="about">About</a></li>
        <li><a href="work">Work</a></li>
        <li><a href="contact">Contact</a></li>
        <li><a href="faq">FAQ</a></li>
      </ul>
    </div>
    <div class="container">
      <div class="header">
        <h1>About Me</h1>
      </div><!-- end header -->

      <div class="image column">
        <img src="img/about_me.jpg" alt="profile picture">
      </div><!-- end image -->

      <div class="intro column">
        <h2>Short introduction</h2>
        <p>
          My name is Mitch Pauwels and I am a web developer!
        </p>
      </div><!-- end intro -->

      <div class="skills column">
        <h3>My Skills</h3>
          <ul id="skill-list">
            <li>HTML</li>
            <li>CSS</li>
            <li>Javascript</li>
          </ul>
      </div><!-- end skill -->

      <div class="main-text">
        <h3>My Story</h3>
        <p>
          Lorem ipsum dolor amet hot chicken selvage cred, tousled hammock copper mug raw denim literally. Godard pickled drinking vinegar chia tousled edison bulb raw denim. Organic poutine hammock, sustainable fixie vice normcore skateboard taxidermy. Adaptogen literally direct trade, ennui deep v stumptown etsy pour-over ugh pitchfork vegan succulents celiac subway tile. DIY roof party blog green juice helvetica kinfolk. Lyft occupy franzen succulents scenester four loko.
        </p>
      </div><!-- end main-text -->
    </div><!-- end container -->
  </body>
</html>