Homepage Skeleton


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

Basic layout of a typical template homepage


Copy this code and paste it in your HTML
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  4. <title>Untitled Document</title>
  5. </head>
  6.  
  7. <div id="content">
  8. <div id="header">
  9. <div id="header_left">
  10. <img id="header_logo" alt="" />
  11. </div>
  12. <div id="header_right">
  13. <div id="contact_info"></div>
  14. </div>
  15. </div><!-- End Header -->
  16.  
  17. <ul id="main_nav">
  18. </ul><!-- End Main Nav -->
  19.  
  20. <div id="left_sec">
  21. <ul id="lef_nav">
  22. </ul>
  23. </div><!-- End Left Section -->
  24.  
  25. <div id="top_sec">
  26. <div id="rotator"></div>
  27. </div><!-- End Top Section -->
  28.  
  29. <div id="mid_sec">
  30.  
  31. </div><!-- End Middle Section -->
  32.  
  33. <div id="bot_sec">
  34. <div id="footer">
  35. <div id="seo_text"></div>
  36. <div id="copyright"></div>
  37. <ul id="footer_nav"></ul>
  38. <div id="signature"></div>
  39. <img id="dis_logo" />
  40. </div><!-- End Footer -->
  41. </div><!-- End Bottom Section -->
  42.  
  43. </div><!-- End Content-->
  44. </body>
  45. </html>

Report this snippet


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.