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. <head>
  4.  
  5.         <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  6.                
  7.         <title>Salon BELLAMY</title>
  8.                
  9.         <script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
  10.         <script type="text/javascript" src="js/init.js"></script>      
  11.        
  12.         <!--[if lte IE 7]>
  13.         <script type="text/javascript" src="js/IEinit.js"></script>    
  14.         <![endif]-->
  15.        
  16.         <link rel="stylesheet" type="text/css" media="screen" href="css/style.css"/>
  17.         <link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
  18.                
  19.         <!--[if IE 6]>
  20.         <script src="js/DD_belatedPNG.js"></script>
  21.         <script> DD_belatedPNG.fix('#wrapper2,#hh_img'); </script>
  22.         <![endif]-->
  23.  
  24. </head>
  25. <body class="homepage">
  26.        
  27.         <div id="wrapper1"><div id="wrapper2"><div id="wrapper3">
  28.                
  29.         <div id="site">
  30.        
  31.                 <div id="header">
  32.                
  33.                         <a id="logo" href="#">Salon BELLAMY</a>
  34.                        
  35.                         <form method="get" action="#">
  36.                                 <p><input type="text" value="" name="search" /></p>
  37.                         </form>
  38.                        
  39.                         <a id="cart" href="#">View Cart</a>
  40.                        
  41.                 </div>
  42.                        
  43.                 <div id="main">
  44.  
  45.                         <div id="homepage_header">
  46.                                 <img id="hh_img" src="images/images/header.png" alt="" />
  47.                                 <a id="hh_link" href="#"></a>  
  48.                                 <div id="hh_text">Some kind of text can go in this area about feature, or <a href="#">links</a> could go here!!</div>
  49.                         </div>
  50.                        
  51.                         <div id="main_menu">
  52.                                 <ul>
  53.                                         <li><a href="#">ABOUT LINK</a></li>
  54.                                         <li><a href="#">PRODUCTS</a></li>  
  55.                                         <li><a href="#">ANOTHER LINK</a></li>
  56.                                         <li><a href="#">ANOTHER LINK</a></li>
  57.                                         <li><a href="#">ANOTHER LINK</a></li>
  58.                                         <li><a href="#">CONTACT US</a></li>
  59.                                 </ul>
  60.                         </div>         
  61.                                
  62.                         <div id="sidebar">
  63.                                 <h3 class="bestsellers">BEST SELLERS</h3>
  64.                                 <ul>
  65.                                         <li><a href="#">Lorem ipsum dolor si</a></li>
  66.                                         <li><a href="#">Nulla ultricies eros sit</a></li>
  67.                                         <li><a href="#">Ut eget tortor eget</a></li>
  68.                                         <li><a href="#">Sed et lacus in qua</a></li>
  69.                                         <li><a href="#">Curabitur vehicula</a></li>
  70.                                         <li><a href="#">Praesent viverra elei</a></li>
  71.                                         <li><a href="#">Quisque condimen</a></li>
  72.                                         <li><a href="#">Nulla at purus in risu</a></li>
  73.                                 </ul>
  74.                                
  75.                                 <h3 class="browsebyproduct">BROWSE BY PRODUCT</h3>
  76.                                 <ul>
  77.                                         <li><a href="#">Lorem ipsum dolor si</a></li>
  78.                                         <li><a href="#">Nulla ultricies eros sit</a></li>
  79.                                         <li><a href="#">Ut eget tortor eget</a></li>
  80.                                         <li><a href="#">Sed et lacus in qua</a></li>
  81.                                         <li><a href="#">Curabitur vehicula</a></li>
  82.                                         <li><a href="#">Praesent viverra elei</a></li>
  83.                                         <li><a href="#">Quisque condimen</a></li>
  84.                                         <li><a href="#">Nulla at purus in risu</a></li>
  85.                                 </ul>
  86.                         </div>
  87.                                
  88.                         <div id="contents">
  89.                                
  90.                                 <div class="clr">
  91.                                
  92.                                 <div class="product">  
  93.                                         <a href="#">
  94.                                                 <img src="images/images/product.png" alt="" />
  95.                                                 <span class="name">Name of Product</span>
  96.                                                 <span class="discount50"></span>
  97.                                         </a>
  98.                                         <span class="description">Description of product in this area. More about</span>
  99.                                         <a class="tocart" href="#">to cart</a>
  100.                                 </div>
  101.                                 <div class="product">  
  102.                                         <a href="#">
  103.                                                 <img src="images/images/product.png" alt="" />
  104.                                                 <span class="name">Name of Product</span>
  105.                                         </a>
  106.                                         <span class="description">Description of product in this area. More about</span>
  107.                                         <a class="tocart" href="#">to cart</a>
  108.                                 </div>
  109.                                 <div class="product">  
  110.                                         <a href="#">
  111.                                                 <img src="images/images/product.png" alt="" />
  112.                                                 <span class="name">Name of Product</span>
  113.                                         </a>
  114.                                         <span class="description">Description of product in this area. More about</span>
  115.                                         <a class="tocart" href="#">to cart</a>
  116.                                 </div>
  117.                                        
  118.                                 </div>
  119.                                 <div class="clr">
  120.                                                
  121.                                 <div class="product">  
  122.                                         <a href="#">
  123.                                                 <img src="images/images/product.png" alt="" />
  124.                                                 <span class="name">Name of Product</span>
  125.                                         </a>
  126.                                         <span class="description">Description of product in this area. More about</span>
  127.                                         <a class="tocart" href="#">to cart</a>
  128.                                 </div>
  129.                                 <div class="product">  
  130.                                         <a href="#">
  131.                                                 <img src="images/images/product.png" alt="" />
  132.                                                 <span class="name">Name of Product</span>
  133.                                                 <span class="discount50"></span>
  134.                                         </a>
  135.                                         <span class="description">Description of product in this area. More about</span>
  136.                                         <a class="tocart" href="#">to cart</a>
  137.                                 </div>
  138.                                 <div class="product">  
  139.                                         <a href="#">
  140.                                                 <img src="images/images/product.png" alt="" />
  141.                                                 <span class="name">Name of Product</span>
  142.                                         </a>
  143.                                         <span class="description">Description of product in this area. More about</span>
  144.                                         <a class="tocart" href="#">to cart</a>
  145.                                 </div>
  146.                                        
  147.                                 </div>
  148.                                
  149.                         </div>
  150.                                        
  151.                         <div class="clr"></div>
  152.        
  153.                 </div>
  154.                        
  155.         </div>
  156.                
  157.         </div></div></div>
  158.                        
  159. </body>
  160. </html>