Posted By

morvan on 10/26/09


Tagged

template xhtml


Versions (?)

Who likes this?

2 people have marked this snippet as a favorite

shabbar
createinside


XHTML 1.0 Template - header - content - modules - footer


 / Published in: XHTML
 

Simple HTML template containing a header, a content area, a moduleposition/sidebar and a footer

  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3. <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
  4. <link rel="stylesheet" href="reset.css" type="text/css" />
  5. <link rel="stylesheet" href="style.css" type="text/css" />
  6. </head>
  7.  
  8. <div id="wrapper">
  9.  
  10. <div id="header">
  11.  
  12. <div id="nav">
  13. <ul>
  14. <li><a href="#">Home</a></li>
  15. <li><a href="#">Products</a></li>
  16. <li><a href="#">About</a></li>
  17. </ul>
  18. </div>
  19.  
  20. </div><!-- END header -->
  21.  
  22.  
  23. <div id="contentWrapper">
  24.  
  25. <div id="content">
  26. <h1>Here goes the title<h1>
  27. <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent volutpat pretium congue. Etiam tincidunt, arcu ut tempus molestie, massa felis molestie ipsum, eu dictum nibh tellus id mauris. Nunc ac enim augue. Vestibulum aliquet viverra arcu in vehicula. Integer convallis metus nec augue commodo porta tristique sapien malesuada. Aenean molestie ornare consequat. Ut lacinia nisi ut leo ultrices eu adipiscing nibh interdum. Ut ac diam id lorem tempor sollicitudin. Nulla et ligula at tortor mattis scelerisque. Maecenas eget neque eget leo viverra pulvinar. Maecenas ut justo enim, ac suscipit mi. Nam vel eros sit amet orci laoreet fringilla. Nunc posuere urna eu libero ultrices varius. Integer ultricies suscipit tristique. Mauris consequat fringilla nibh eget tristique.</p>
  28. </div><!-- END content -->
  29.  
  30. <div id="modules">
  31.  
  32. <div class="moduleWrapper">
  33. <div id="moduleHeader">
  34. <h2>Module Title</h2>
  35. </div><!-- END moduleHeader -->
  36. <div id="moduleContent">
  37.  
  38. <!-- #### MODULE CONTENT HERE #### -->
  39.  
  40. </div><!-- END MODULECONTENT -->
  41. </div><!-- END moduleWrapper -->
  42.  
  43. </div><!-- END modules -->
  44.  
  45. </div><!-- END CONTENTWRAPPER -->
  46.  
  47.  
  48. <div id="footerWrapper">
  49. <div id="footer">
  50. </div><!-- END FOOTER -->
  51. </div><!-- END FOOTERWRAPPER -->
  52.  
  53. </div><!-- END WRAPPER -->
  54.  
  55. </body>
  56. </html>

Report this snippet  

You need to login to post a comment.