Posted By

sethetter on 03/08/11


Tagged

textmate html page site Compass fullsite


Versions (?)

Compass HTML Page Template


 / Published in: HTML
 

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  4. <meta name="author" content="Seth Etter">
  5.  
  6. <!-- javascript -->
  7. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
  8. <script type="text/javascript" src="js/scripts.js"></script>
  9.  
  10. <!-- style sheets -->
  11. <link href="stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" />
  12. <link href="stylesheets/print.css" media="print" rel="stylesheet" type="text/css" />
  13. <!--[if lt IE 8]>
  14. <link href="stylesheets/ie.css" media="screen, projection" rel="stylesheet" type="text/css" />
  15. <![endif]-->
  16.  
  17. <title>Compass Project</title>
  18.  
  19. </head>
  20. <body class="bp two-col">
  21.  
  22. <div id="container">
  23.  
  24. <div id="header">
  25. <h1 id="logo">Hello!</h1>
  26. </div><!-- header -->
  27.  
  28. <ul id="nav">
  29. <li><a href="#" title="Home">Home</a></li>
  30. </ul><!-- nav -->
  31.  
  32. <div id="content">
  33. <h2>Yonderstein</h2>
  34. <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis et massa orci, in scelerisque felis. Duis et diam sed lacus vulputate convallis et et eros. Quisque egestas pharetra turpis nec lobortis. Ut eget nunc ligula. Duis vel felis lorem. Aliquam erat volutpat. Mauris ac nulla eget lorem ultrices mattis quis at ante. Maecenas luctus fermentum purus sed viverra. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.</p>
  35. </div><!-- content -->
  36.  
  37. <div id="sidebar">
  38. <h2>Sidebar</h2>
  39. <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis et massa orci, in scelerisque felis. Duis et diam sed lacus vulputate convallis et et eros. Quisque egestas pharetra turpis nec lobortis.</p>
  40. </div><!-- #sidebar -->
  41.  
  42. <div id="footer">
  43. <p class="copy">Copyright info blah blah blah. 2011</p>
  44. </div><!-- footer -->
  45.  
  46. </div><!-- wrap -->
  47.  
  48. </body><!-- .bp two-col -->
  49. </html>

Report this snippet  

You need to login to post a comment.