Untitled

<!DOCTYPE html>
<html>
<head>
  <title>My Compass Project</title>
  <link href="stylesheets/page.css" rel="stylesheet">
  <link href="stylesheets/style.css" rel="stylesheet">
</head>
<body>
<body>
  <div id="root" class="container">
    <header class="main-header">
      <h1 class="main-logo"><a href="#">My Compass</a></h1>
      <ul class="main-nav">
        <li><a href="#">About</a></li>
        <li><a href="#">Work</a></li>
        <li><a href="#">Blog</a></li>
      </ul>
    </header>
    <div class="main-content">
      <h2>Compass Layout and Typography</h2>
      <p>Artisan kitsch mlkshk Neutra, Cosby sweater literally McSweeney's banjo. Scenester biodiesel roof party, gastropub four loko master cleanse fixie squid vinyl banjo umami slow-carb swag +1 craft beer.</p>
      <p>Direct trade gluten-free swag, Banksy ugh craft beer tattooed single-origin coffee pour-over quinoa jean shorts. Seitan Intelligentsia Brooklyn, fanny pack lo-fi Etsy cardigan Pinterest before they sold out hashtag Williamsburg narwhal gentrify bicycle rights wolf. Schlitz leggings try-hard butcher stumptown.</p>
      <h3>Street Art Bespoke Retro Sticky Footerness</h3>
      <p>Hashtag twee Carles, Thundercats PBR viral gluten-free YOLO polaroid actually. 8-bit Echo Park blog, leggings narwhal forage Tonx butcher retro cardigan PBR&B direct trade mumblecore craft beer 3 wolf moon.</p>
      <p>Art party iPhone freegan bespoke, ethnic Truffaut XOXO. 8-bit &mdash; vinyl Odd Future paleo, tofu vegan gastropub art party tattooed pug. Gastropub vegan photo booth mumblecore selvage Tonx flexitarian, readymade DIY typewriter 3 wolf moon butcher street art.</p>
    </div>
    <div id="root_footer"></div>
  </div>
  <footer id="footer" class="main-footer">
    <p>&copy;2014 My Compass Layout</p>
  </footer>
</body>
</html>