XHTML 1.0 Template - header - content - modules - footer


/ Published in: XHTML
Save to your folder(s)

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


Copy this code and paste it in your HTML
  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


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.