Posted By

jstgermain on 10/05/10


Tagged


Versions (?)

doba default green


 / Published in: HTML
 

  1. <?php #index.php
  2.  
  3. $top_content = 1;
  4.  
  5. ?>
  6.  
  7. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  8. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  9.  
  10. <!-- START HEAD -->
  11. <title>DEFAULT HOME</title>
  12. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  13. <meta name="keywords" content="" />
  14. <meta name="description" content="" />
  15. <!-- CSS-->
  16. <link href="reset.css" rel="stylesheet" type="text/css" />
  17. <link href="grid.css" rel="stylesheet" type="text/css" />
  18. <link href="style.css" rel="stylesheet" type="text/css" />
  19. <!--[if IE]>
  20. <link href="ie.css" rel="stylesheet" type="text/css" />
  21. <![endif]-->
  22. <!--[if IE 7]>
  23. <link href="ie7.css" rel="stylesheet" type="text/css" />
  24. <![endif]-->
  25. <!-- //END CSS -->
  26.  
  27. </head>
  28. <!-- // END HEAD -->
  29.  
  30. <!-- START BODY -->
  31.  
  32. <!-- START WRAPPER -->
  33. <div id="wrapper">
  34.  
  35. <!-- START PAGE CONTAINER -->
  36. <div id="page_container">
  37.  
  38. <!-- START HEADER -->
  39. <div id="header" class="container_10 clearfix">
  40.  
  41. <!-- START HEADER CONTAINER -->
  42. <div id="header_container" class="grid_10">
  43.  
  44. <!-- START ACTION BOX -->
  45. <div id="action_box">
  46.  
  47. <!-- START IE7 ACTION BOX ENDS -->
  48. <div class="action_box_left"></div>
  49. <div class="action_box_right"></div>
  50. <!-- END IE7 ACTION BOX ENDS -->
  51.  
  52. </div>
  53. <!-- END ACTION BOX -->
  54.  
  55. <h1 id="logo">your e-store</h1>
  56.  
  57. <!-- START NAVIGATION -->
  58. <div id="navigation">
  59. <ul>
  60. <li><a href="">home</a></li>
  61. <li><a href="">store</a></li>
  62. <li><a href="">about us</a></li>
  63. <li><a href="">why us</a></li>
  64. <li><a href="">contact</a></li>
  65. </ul>
  66. </div>
  67. <!-- END NAVIGATION -->
  68.  
  69. </div>
  70. <!-- END HEADER CONTAINER -->
  71.  
  72. </div>
  73. <!-- END HEADER -->
  74.  
  75. <?php if($top_content == 1) { ?>
  76. <!-- START TOP CONTENT -->
  77. <div id="top_content" class="clearfix">
  78.  
  79. <!-- START FOCUS -->
  80. <div id="focus" class="container_10">
  81.  
  82. <!-- START FOCUS CONTAINER -->
  83. <div id="focus_container" class="grid_10 alpha omega">
  84.  
  85. <!-- START FOCUS CONTENT -->
  86. <div class="focus_content">
  87.  
  88. <h2>Your Tagline Goes Here</h2>
  89. <h3>Explore our best value products</h3>
  90. <p class="large">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut in nulla non enim feugiat congue. Fusce ornare tortor at orci adipiscing faucibus. Aliquam tempor fringilla est ut cursus. Curabitur lacinia volutpat dui, et pretium lacus varius id. Nullam posuere mattis pulvinar.</p>
  91. <a href="" class="read_more">read more</a>
  92.  
  93. </div>
  94. <!-- END FOCUS CONTENT -->
  95.  
  96. </div>
  97. <!-- END FOCUS CONTAINER -->
  98.  
  99. </div>
  100. <!-- END FOCUS -->
  101.  
  102. </div>
  103. <!-- END TOP CONTENT -->
  104. <?php } ?>
  105.  
  106. <!-- START MAIN -->
  107. <div id="main" class="clearfix">
  108.  
  109. <!-- START MAIN CONTAINER -->
  110. <div id="main_container" class="container_10">
  111.  
  112. <!-- START LEFT NAVIGATION -->
  113. <div id="left_navigation" class="grid_3">
  114.  
  115. <!-- START CONTAINER -->
  116. <div class="container">
  117. <h2 class="title">your menu title</h2>
  118. <ul>
  119. <li><a href="">Home &amp; Garden</a></li>
  120. <li><a href="">Furniture &amp; Office</a></li>
  121. <li><a href="">Bed, Bath &amp; Beauty</a></li>
  122. <li><a href="">Clothing &amp; Shoes</a></li>
  123. <li><a href="">Electronics</a></li>
  124. <li><a href="">Jewelry &amp; Watches</a></li>
  125. <li><a href="">Sports, Toys &amp; Hobbies</a></li>
  126. <li><a href="">Books</a></li>
  127. <li><a href="">Luggage</a></li>
  128. </ul>
  129. </div>
  130. <!-- END CONTAINER -->
  131.  
  132. </div>
  133. <!-- END LEFT NAVIGATION -->
  134.  
  135. <!-- START PAGE CONTENT -->
  136. <div id="page_content" class="grid_7">
  137.  
  138. <!-- START CONTAINER -->
  139. <div class="container">
  140. <h2 class="title">Featured Products</h2>
  141. <ul class="product first-row last-row clearfix">
  142. <li class="left">
  143. <h3><a href="">Bare Escentuals Crown Jewels Makeup Kit</a></h3>
  144. <div class="product_image"><a href=""><img src="images/product1.jpg" alt="Bare Escentuals Crown Jewels Makeup Kit" /></a></div>
  145. <a href="" class="more_info">Bare Escentuals Crown Jewels Makeup Kit Info</a>
  146. <span class="price">$25.99</span>
  147. </li>
  148. <li>
  149. <h3><a href="">Tag Heuer Grand Carrera</a></h3>
  150. <div class="product_image"><a href=""><img src="images/product2.jpg" alt="Tag Heuer Grand Carrera" /></a></div>
  151. <a href="" class="more_info">Tag Heuer Grand Carrera Info</a>
  152. <span class="price">$3,392.04</span>
  153. </li>
  154. <li class="right">
  155. <h3><a href="">Platinum Engagement Ring</a></h3>
  156. <div class="product_image"><a href=""><img src="images/product3.jpg" alt="Platinum Engagement Ring" /></a></div>
  157. <a href="" class="more_info">Platinum Engagement Ring Info</a>
  158. <span class="price">$18,445.99</span>
  159. </li>
  160. </ul>
  161. </div>
  162. <!-- END CONTAINER -->
  163.  
  164. </div>
  165. <!-- END PAGE CONTENT -->
  166.  
  167. </div>
  168. <!-- END MAIN CONTAINER -->
  169.  
  170. </div>
  171. <!-- END MAIN -->
  172.  
  173. <!-- START PAGE BOTTOM -->
  174. <div id="page_bottom">
  175.  
  176. <!-- START BOTTOM CONTAINER -->
  177. <div id="bottom_container" class="container_10">
  178.  
  179. <!-- START BOTTOM CONTENT -->
  180. <div id="bottom_content" class="grid_10 clearfix">
  181.  
  182. <!-- START BOTTOM LINKS -->
  183. <div id="bottom_links" class="grid_6 alpha">
  184. <h3 class="inline">About Us:</h3><p><a href="">Company Info</a> | <a href="">Contact Us</a> | <a href="">Shipping & Returns</a> | <a href="">Privacy Policy</a> | <a href="">Terms & Conditions</a></p>
  185. <h3 class="inline">My Account:</h3><p><a href="">View Cart</a> | <a href="">Sign-In</a> | <a href="">Order Status</a> | <a href="">Category Index</a> | <a href="">Product Index</a></p>
  186. <h3 class="inline">Costomer Service:</h3><p><a href="">Contact Us</a> | <a href="">Help</a></p>
  187. <h3 class="inline">Questions? Call Us!:</h3><p>Toll-Free: 800-555-5555 | Mon-Fri 9am - 5pm MST</p>
  188. </div>
  189. <!-- END BOTTOM LINKS -->
  190.  
  191. <!-- START BOTTOM SHARE -->
  192. <div id="bottom_share" class="grid_1">
  193. <h3>Follow Us</h3>
  194. </div>
  195. <!-- END BOTTOM SHARE -->
  196.  
  197. <!-- START BOTTOM OFFERS -->
  198. <div id="bottom_offers" class="grid_3 omega">
  199. <h3>Sign Up To Receive Special Offers</h3>
  200. </div>
  201. <!-- END BOTTOM OFFERS -->
  202.  
  203. </div>
  204. <!-- END BOTTOM CONTENT -->
  205.  
  206. <hr class="grid_10 clearfix"/>
  207.  
  208. <!-- START FOOTER CONTENT -->
  209. <div id="footer_content" class="grid_10 clearfix">
  210. <div id="footer_logo">your e-store</div>
  211. <p class="small">&copy; 2010 Company Name. &reg; All Rights Reserved.</p>
  212. </div>
  213. <!-- END FOOTER CONTENT -->
  214.  
  215. </div>
  216. <!-- END BOTTOM CONTAINER -->
  217.  
  218. </div>
  219. <!-- END PAGE BOTTOM -->
  220.  
  221. </div>
  222. <!-- END PAGE CONTAINER -->
  223.  
  224. </div>
  225. <!-- END WRAPPER -->
  226.  
  227. </body>
  228. <!-- END BODY -->
  229.  
  230. </html>

Report this snippet  

You need to login to post a comment.