html restructure

clone.klosinski.net.html

      <div id="header">
        <div id="menu" class="col"></div>
        <div id="logo" class="col">
          <h1>JEY-EM ESPLANA</h1>
        </div>

        <div id="social" class="col">
          <ul>
            <li>
              <a href="http://www.facebook.com/jmesplana"><img class="icon" src="src/img/facebook_icon.svg" target="_blank" alt="facebook icon"></a>
            </li>
            <li>
              <a href="http://www.twitter.com/jeyem"><img class="icon" src="src/img/twitter_icon.svg" target="_blank" alt="twitter icon"></a>
            </li>
            <li>
              <a href="http://www.github.com/hammerhead79"><img class="icon" src="src/img/github_icon.svg" target="_blank" alt="github icon"></a>
            </li>
            <li>
              <a href="http://www.linkedin.com/in/jmesplana"><img class="icon" src="src/img/linkedin_icon.svg" target="_blank" alt="linkedin icon"></a>
            </li>
          </ul>
        </div>
      </div> <!-- header -->

      <nav class="main-nav">
          <ul>
            <li>
              <a href="#">about</a>
            </li>
            <li>
              <a href="#">portfolio</a>
            </li>
            <li>
              <a href="#">portfolio</a>
            </li>
            <li>
              <a href="#">blog</a>
            </li>
            <li>
              <a href="http://www.jey-em.com">contact</a>
            </li>
          </ul>
        </nav> <!-- nav -->

        <div id="about">
            <img class="container" src="src/img/klosinski.jpg">

            <h2 class="container">about me</h2>
            <p>I'm a UX/UI Designer and Front End Developer from Montreal, Quebec Canada.</p>

            <p>I enjoy turning complex problems into simple, beautiful and intuitive interface designs. When I'm not coding or pushing pixels, you'll find me in the gym or on the court shooting hoops.</p>

            <img class="go" src="src/img/next.png">        
        </div> <!-- about -->