HTML

<!doctype html>
<!-- paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ -->
<!--[if lt IE 7]> <html class="no-js ie6" lang="en"> <![endif]-->
<!--[if IE 7]>    <html class="no-js ie7" lang="en"> <![endif]-->
<!--[if IE 8]>    <html class="no-js ie8" lang="en"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
<head>
  <meta charset="utf-8">

  <!-- Always force latest IE rendering engine (even in intranet) & Chrome Frame
       Remove this if you use the .htaccess -->
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

  <title>MarsNeedsDesigners - We design stuff! (mostly websites.)</title>
  <meta name="description" content="">
  <meta name="author" content="">

  <!-- Mobile viewport optimized: j.mp/bplateviewport -->
  <meta name="viewport" content="width=device-width, initial-scale=1.0">

  <!-- Place favicon.ico and apple-touch-icon.png in the root directory: mathiasbynens.be/notes/touch-icons -->

  <!-- CSS: implied media="all" -->
  <link rel="stylesheet" href="css/style.css">


  <!-- All JavaScript at the bottom, except for Modernizr and Respond.
       Modernizr enables HTML5 elements & feature detects; Respond is a polyfill for min/max-width CSS3 Media Queries -->
  <script src="js/libs/modernizr-1.7.min.js"></script>
  <script src='js/libs/respond.min.js'></script>
</head>

<body>

    <div id="container">

        <header>

            <div id="logo">
                <a href="#">
                <img src="img/logo.png" alt="" />
                </a>
            </div>
            <div id="seperator"></div>
            <div id="man"></div>
            <div id="hello"></div>


        </header>

        <div id="main">

            <h2>Latest Work</h2>


            <div id="box1">

            <img src="img/box.gif" alt="" />

            <h3>Personal Blog</h3>
            <h4>ebmf.blogg.se</h4>
            <p>A clean and simple blog with lots of whitespace and simple navigation. Designed and coded in 4 hours.</p>

            <br> <br>

            <a href="#">
           <img src="img/visit.png" alt="" />
           </a>

            </div> <!-- end box1 -->


            <div id="box2">

            <img src="img/box.gif" alt="" />

            <h3>Personal Blog</h3>
            <h4>ebmf.blogg.se</h4>
            <p>A clean and simple blog with lots of whitespace and simple navigation. Designed and coded in 4 hours.</p>

            <br> <br>

            <a href="#">
           <img src="img/visit.png" alt="" />
           </a>

            </div> <!-- end box2 -->


            <div id="box3">

            <img src="img/box.gif" alt="" />

            <h3>Personal Blog</h3>
            <h4>ebmf.blogg.se</h4>
            <p>A clean and simple blog with lots of whitespace and simple navigation. Designed and coded in 4 hours.</p>

            <br> <br>

            <a href="#">
           <img src="img/visit.png" alt="" />
           </a>

            </div> <!-- end box3 -->


                <div id="box4">

            <img src="img/box.gif" alt="" />

            <h3>Personal Blog</h3>
            <h4>ebmf.blogg.se</h4>
            <p>A clean and simple blog with lots of whitespace and simple navigation. Designed and coded in 4 hours.</p>

            <br> <br>

            <a href="#">
           <img src="img/visit.png" alt="" />
           </a>

            </div> <!-- end box4 -->


        </div> <!-- end main  -->


        <div id="bot">

            <div id="separators">
            <img src="img/seperator2.png" alt="" />

             <br> <br>

            <div id="interest"></div>

            <br>

            <img src="img/seperator2.png" alt="" />


        <div id="contact">

            <a href="#">
            <img src="img/contact.png" alt="" />
            </a>

        </div>  <!-- end contact -->

            </div>


            <div id="wip">

                <h1 id="Work in Progress"></h1>

            </div>  <!-- end wip -->


        </div>  <!-- end bot  -->


        <footer>


        </footer>


    </div> <!-- end container -->


  <!-- JavaScript at the bottom for fast page loading -->

  <!-- Grab Google CDN's jQuery, with a protocol relative URL; fall back to local if necessary -->
  <script src="//ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.js"></script>
  <script>window.jQuery || document.write("<script src='js/libs/jquery-1.6.min.js'>\x3C/script>")</script>


  <!-- scripts concatenated and minified via ant build script-->
  <script src="js/plugins.js"></script>
  <script src="js/script.js"></script>
  <!-- end scripts-->


  <!-- mathiasbynens.be/notes/async-analytics-snippet Change UA-XXXXX-X to be your site's ID -->
  <script>
    var _gaq=[["_setAccount","UA-XXXXX-X"],["_trackPageview"],["_trackPageLoadTime"]];
    (function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];g.async=1;
    g.src=("https:"==location.protocol?"//ssl":"//www")+".google-analytics.com/ga.js";
    s.parentNode.insertBefore(g,s)}(document,"script"));
  </script>

</body>
</html>