• Name: Jordan
  • Language: (X)HTML
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5.  
  6. <style type="text/css">
  7.  
  8. * {
  9.     margin: 0;
  10.     padding: 0;
  11. }
  12.  
  13. body {
  14.     text-align: center;
  15.     font-size: 75%;
  16.     color: #000;
  17.     height: 100%;
  18.     font-family: Arial, Helvetica, sans-serif;
  19.     font-size: x-small;
  20. }
  21.  
  22. div#wrapper {
  23.     position: absolute;
  24.     top: 0;
  25.     left: 0;
  26.     height: 100%;
  27.     width: 100%;
  28.     text-align: center;
  29.     margin: 0 auto;
  30. }
  31.  
  32. div#header {
  33.     width: 100%;
  34.     height: 96px;
  35.     background: url(../images/headerbg.gif) bottom #003148;
  36.     text-align: center;
  37. }
  38.  
  39. div#hc {
  40.     width: 900px;
  41.     height: 96px;
  42.     text-align: center;
  43.     margin: 0 auto;
  44. }
  45.  
  46. div#hc .left {
  47.     float: left;
  48.     margin: 0 auto;
  49.     text-align: center;
  50.     width: 375px;
  51.     height: 96px;
  52.     background: url(../images/logo.gif) left #003148;
  53. }
  54.  
  55.  
  56. div#hc .navh {
  57.     background: url(../images/number.gif) no-repeat right;;
  58.     height: 31px;
  59.     text-align: right;
  60. }
  61.  
  62. div#hc .right {
  63.     float: right;
  64.     padding-top: 25px;
  65.     height: 10px;
  66.     font-size: 95%;
  67.     font-weight: bold;
  68.     line-height: normal;
  69. }
  70.  
  71. ul#nav {
  72.     overflow: auto;
  73.     list-style: none;
  74. }
  75.  
  76. ul#nav li {
  77.     float: left;
  78.     padding: 0 4px 10px 0px;
  79. }
  80.  
  81. ul#nav a {
  82.     float: left;
  83.     text-decoration: none;
  84.     padding: 0px 0 18px;
  85.     color: #fff;
  86.     text-align: center;
  87. }
  88.  
  89. ul#nav a:hover {
  90.     background: url(../images/drop.gif) no-repeat center bottom;
  91.     cursor:default;
  92.     color: #fff;
  93. }
  94.  
  95. ul#nav a:active {
  96.     background: url(../images/drop.gif) no-repeat center bottom;
  97.     color: #278ecb;
  98. }
  99.  
  100. .spacer {
  101.     width: 4px;
  102.     height: 13px;
  103.     background: url(../images/navspacer.gif) no-repeat;
  104. }
  105.  
  106. div#hs1 {
  107.     width: 100%;
  108.     height: 8px;
  109.     font-size: 0;
  110.     background-color: #005d89;
  111. }
  112.  
  113. div#hs2 {
  114.     width: 100%;
  115.     height: 8px;
  116.     font-size: 0;
  117.     background-color: #f3f3f3;
  118. }
  119.  
  120. div#contentParent {
  121.     position: relative;
  122.     height: 100%;
  123.     background: url(../images/bg.gif) #fff;
  124. }
  125.  
  126. div#coupons {
  127.     overflow: hidden;
  128.     width: 850px;
  129.     height: 95px;
  130.     text-align: center;
  131.     margin: 0 auto;
  132.     background: #f3f3f3;
  133.     line-height: 95px;
  134. }
  135.  
  136. div#cb {
  137.     height: 25px;
  138.     width: 850px;
  139.     text-align: right;
  140.     margin: 0 auto;
  141.     background: url(../images/couponsbg.gif) bottom no-repeat #f3f3f3;
  142. }
  143.  
  144. div#cb span {
  145.     margin-right: 15px;
  146. }
  147.  
  148. div#cb span img {
  149.     border: none;
  150.     margin-left: -15px;
  151. }
  152.  
  153. div#cpc {
  154.     width: 900px;
  155.     height: 100%;
  156.     text-align: center;
  157.     margin: 0 auto;
  158.     background: #fff;
  159. }
  160.  
  161. div#cpcc {
  162.     padding: 10px;
  163.     width: 900px;
  164. }
  165.  
  166. div#sidebar {
  167.     float: left;
  168.     width: 250px;
  169.     height: 100%;
  170.     text-align: left;
  171. }
  172.  
  173. div#content {
  174.     float: left;
  175.     text-align: left;
  176.     padding-left: 10px;
  177.     height: 100%;
  178.     width: 615px;
  179. }
  180.  
  181.  
  182. div#footer {
  183.     background-image: url(../images/footerbg.gif);
  184.     text-align: center;
  185.     margin: 0 auto;
  186.     height: 134px;
  187.     line-height:134px;
  188.     color: #44758b;
  189. }
  190. </style>
  191.  
  192. <script language="JavaScript" src="js/motionpack.js"></script>
  193. <title>[TITLE]</title>
  194. </head>
  196. <div id="wrapper">
  197.     <div id="header">
  198.         <div id="hc">
  199.             <div class="left"></div><!-- END #left -->
  200.             <div class="navh"></div><!-- END #navh -->
  201.             <div class="right">
  202.                 <ul id="nav">
  203.                     <li><a href="index.php">home</a></li>
  204.                     <li class="spacer"></li>
  205.                     <li><a href="index.php?page=services">services</a></li>
  206.                     <li class="spacer"></li>
  207.                     <li><a href="index.php?page=about">about</a></li>
  208.                     <li class="spacer"></li>
  209.                     <li><a href="index.php?page=contact">contact</a></li>
  210.                     <li class="spacer"></li>
  211.                     <li><a href="index.php?page=coupons">coupons</a></li>
  212.                     <li class="spacer"></li>
  213.                 </ul>
  214.             </div><!-- END #right -->
  215.         </div><!-- END #hc -->
  216.     </div><!-- END #header -->
  217.     <div id="hs1"></div><!-- END #hs1 -->
  218.     <div id="hs2"></div><!-- END #hs2 -->
  219.     <div id="contentParent">
  220.         <div id="cpc">
  221.             <div id="coupons" style="overflow:hidden; height:95px;">[Coupons Go Here]</div><!-- END #coupons -->
  222.             <div id="cb">
  223.             <span><a href="javascript:;" onmousedown="slideup('coupons');"><img src="images/hide.gif" alt="Hide Coupons" title="Hide Coupons" /></a></span>
  224.             <span><a href="javascript:;" onmousedown="slidedown('coupons');"><img src="images/show.gif" title="Show Coupons" alt="Show Coupons" /></a></span>          </div>
  225.         <div id="cpcc">
  226.             <div id="sidebar">
  227.               <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<br />Do exercitation Duis ea mollit magna incididunt commodo aliquip et commodo exercitation Duis Ut nisi mollit in ut Duis nisi Ut Ut veniam, qui consectetur nisi veniam, eiusmod deserunt veniam, aliqua. id velit consequat. aliqua. ad exercitation in et exercitation dolor in Ut dolor proident, nisi magna commodo et Duis consequat. anim dolor exercitation reprehenderit sit qui sit cillum fugiat incididunt sit.<br />Nulla commodo irure aliquip laboris dolor velit nostrud adipisicing in in laborum. magna elit, mollit deserunt amet, laborum. occaecat id non laborum. amet, nostrud enim et est et ipsum labore ad occaecat labore quis undefined nostrud in eu non ut ea voluptate ut deserunt amet, in dolore dolore eu irure Lorem sunt Excepteur aliqua. ullamco.<br />IdLorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<br />Do exercitation Duis ea mollit magna incididunt commodo aliquip et commodo exercitation Duis Ut nisi mollit in ut Duis nisi Ut Ut veniam, qui consectetur nisi veniam, eiusmod deserunt veniam, aliqua. id velit consequat. aliqua. ad exercitation in et exercitation dolor in Ut dolor proident, nisi magna commodo et Duis consequat. anim dolor exercitation reprehenderit sit qui sit cillum fugiat incididunt sit.<br />Nulla commodo irure aliquip laboris dolor velit nostrud adipisicing in in laborum. magna elit, mollit deserunt amet, laborum. occaecat id non laborum. amet, nostrud enim et est et ipsum labore ad occaecat labore quis undefined nostrud in eu non ut ea voluptate ut deserunt amet, in dolore dolore eu irure Lorem sunt Excepteur aliqua. ullamco.<br />IdLorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris m. a</p>
  228.             </div>
  229.             <!-- END #sidebar -->
  230.             <div id="content">
  231.               <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<br />Do exercitation Duis ea mollit magna incididunt commodo aliquip et commodo exercitation Duis Ut nisi mollit in ut Duis nisi Ut Ut veniam, qui consectetur nisi veniam, eiusmod deserunt veniam, aliqua. id velit consequat. aliqua. ad exercitation in et exercitation dolor in Ut dolor proident, nisi magna commodo et Duis consequat. anim dolor exercitation reprehenderit sit qui sit cillum fugiat incididunt sit.<br />Nulla commodo irure aliquip laboris dolor velit nostrud adipisicing in in laborum. magna elit, mollit deserunt amet, laborum. occaecat id non laborum. amet, nostrud enim et est et ipsum labore ad occaecat labore quis undefined nostrud in eu non ut ea voluptate ut deserunt amet, in dolore dolore eu irure Lorem sunt Excepteur aliqua. ullamco.<br />IdvLorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<br />Do exercitation Duis ea mollit magna incididunt commodo aliquip et commodo exercitation Duis Ut nisi mollit in ut Duis nisi Ut Ut veniam, qui consectetur nisi veniam, eiusmod deserunt veniam, aliqua. id velit consequat. aliqua. ad exercitation in et exercitation dolor in Ut dolor proident, nisi magna commodo et Duis consequat. anim dolor exercitation reprehenderit sit qui sit cillum fugiat incididunt sit.<br />Nulla commodo irure aliquip laboris dolor velit nostrud adipisicing in in laborum. magna elit, mollit deserunt amet, laborum. occaecat id non laborum. amet, nostrud enim et est et ipsum labore ad occaecat labore quis undefined nostrud in eu non ut ea voluptate ut deserunt amet, in dolore dolore eu irure Lorem sunt Excepteur aliqua. ullamco.<br />IdLorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<br />Do exercitation Duis ea mollit magna incididunt commodo aliquip et commodo exercitation Duis Ut nisi mollit in ut Duis nisi Ut Ut veniam, qui consectetur nisi veniam, eiusmod deserunt veniam, aliqua. id velit consequat. aliqua. ad exercitation in et exercitation dolor in Ut dolor proident, nisi magna commodo et Duis consequat. anim dolor exercitation reprehenderit sit qui sit cillum fugiat incididunt sit.<br />Nulla commodo irure aliquip laboris dolor velit nostrud adipisicing in in laborum. magna elit, mollit deserunt amet, laborum. occaecat id non laborum. amet, nostrud enim et est et ipsum labore ad occaecat labore quis undefined nostrud in eu non ut ea voluptate ut deserunt amet, in dolore dolore eu irure Lorem sunt Excepteur aliqua. ullamco.<br />IdLorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<br />Do exercitation Duis ea mollit magna incididunt commodo aliquip et commodo exercitation Duis Ut nisi mollit in ut Duis nisi Ut Ut veniam, qui consectetur nisi veniam, eiusmod deserunt veniam, aliqua. id velit consequat. aliqua. ad exercitation in et exercitation dolor in Ut dolor proident, nisi magna commodo et Duis consequat. anim dolor exercitation reprehenderit sit qui sit cillum fugiat incididunt sit.<br />Nulla commodo irure aliquip laboris dolor velit nostrud adipisicing in in laborum. magna elit, mollit deserunt amet, laborum. occaecat id non laborum. amet, nostrud enim et est et ipsum labore ad occaecat labore quis undefined nostrud in eu non ut ea voluptate ut deserunt amet, in dolore dolore eu irure Lorem sunt Excepteur aliqua. ullamco.<br />Id</p>
  232.               <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<br />Do exercitation Duis ea mollit magna incididunt commodo aliquip et commodo exercitation Duis Ut nisi mollit in ut Duis nisi Ut Ut veniam, qui consectetur nisi veniam, eiusmod deserunt veniam, aliqua. id velit consequat. aliqua. ad exercitation in et exercitation dolor in Ut dolor proident, nisi magna commodo et Duis consequat. anim dolor exercitation reprehenderit sit qui sit cillum fugiat incididunt sit.<br /></p>
  233.             </div><!-- END #content -->
  234.         </div>
  235.         </div><!-- END #cpContainer -->
  236. </div>
  237. <!-- END #contentParent -->
  238.     <div id="footer">
  239.         <p></p>
  240.         <p>© 2008 All Valley Plumbing - A Subsidiary of R.E. Clemmons &#38; Associates, Inc.</p>
  241.     </div><!--END #footer -->
  242. </div><!-- END #wrapper -->
  243. </body>
  244. </html>
  245.