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="page">
  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="main_menu">
  46.                                 <ul>
  47.                                         <li><a href="#">ABOUT LINK</a></li>
  48.                                         <li><a href="#">PRODUCTS</a></li>  
  49.                                         <li><a href="#">ANOTHER LINK</a></li>
  50.                                         <li><a href="#">ANOTHER LINK</a></li>
  51.                                         <li><a href="#">ANOTHER LINK</a></li>
  52.                                         <li><a href="#">CONTACT US</a></li>
  53.                                 </ul>
  54.                         </div> 
  55.                                
  56.                         <div id="product">
  57.                                 <a href="#">
  58.                                         <img src="images/images/productLarge.png" alt="" />
  59.                                         <span class="product_text"></span>
  60.                                 </a>
  61.                                 <div class="data">
  62.                                         <div class="inner">
  63.                                                 <a href="#" class="name">Name of Product</a>
  64.                                                 <span class="description">Description of product in this area. More about</span>
  65.                                                 <span class="price">$10.00</span>
  66.                                                 <a class="tocart" href="#">to cart</a>
  67.                                                 <a class="others" href="#">See others like this</a>
  68.                                         </div>
  69.                                 </div>
  70.                         </div>
  71.                                
  72.                         <div id="sidebar">
  73.                                 <h3 class="bestsellers">BEST SELLERS</h3>
  74.                                 <ul>
  75.                                         <li><a href="#">Lorem ipsum dolor si</a></li>
  76.                                         <li><a href="#">Nulla ultricies eros sit</a></li>
  77.                                         <li><a href="#">Ut eget tortor eget</a></li>
  78.                                         <li><a href="#">Sed et lacus in qua</a></li>
  79.                                         <li><a href="#">Curabitur vehicula</a></li>
  80.                                         <li><a href="#">Praesent viverra elei</a></li>
  81.                                         <li><a href="#">Quisque condimen</a></li>
  82.                                         <li><a href="#">Nulla at purus in risu</a></li>
  83.                                 </ul>
  84.                                
  85.                                 <h3 class="browsebyproduct">BROWSE BY PRODUCT</h3>
  86.                                 <ul>
  87.                                         <li><a href="#">Lorem ipsum dolor si</a></li>
  88.                                         <li><a href="#">Nulla ultricies eros sit</a></li>
  89.                                         <li><a href="#">Ut eget tortor eget</a></li>
  90.                                         <li><a href="#">Sed et lacus in qua</a></li>
  91.                                         <li><a href="#">Curabitur vehicula</a></li>
  92.                                         <li><a href="#">Praesent viverra elei</a></li>
  93.                                         <li><a href="#">Quisque condimen</a></li>
  94.                                         <li><a href="#">Nulla at purus in risu</a></li>
  95.                                 </ul>
  96.                         </div>
  97.                                
  98.                         <div id="contents">
  99.                                
  100.                                 <div class="clr">
  101.                                
  102.                                 <div class="product">  
  103.                                         <a href="#">
  104.                                                 <img src="images/images/product.png" alt="" />
  105.                                                 <span class="name">Name of Product</span>
  106.                                                 <span class="discount50"></span>
  107.                                         </a>
  108.                                         <span class="description">Description of product in this area. More about</span>
  109.                                         <a class="tocart" href="#">to cart</a>
  110.                                 </div>
  111.                                 <div class="product">  
  112.                                         <a href="#">
  113.                                                 <img src="images/images/product.png" alt="" />
  114.                                                 <span class="name">Name of Product</span>
  115.                                         </a>
  116.                                         <span class="description">Description of product in this area. More about</span>
  117.                                         <a class="tocart" href="#">to cart</a>
  118.                                 </div>
  119.                                 <div class="product">  
  120.                                         <a href="#">
  121.                                                 <img src="images/images/product.png" alt="" />
  122.                                                 <span class="name">Name of Product</span>
  123.                                         </a>
  124.                                         <span class="description">Description of product in this area. More about</span>
  125.                                         <a class="tocart" href="#">to cart</a>
  126.                                 </div>
  127.                                        
  128.                                 </div>
  129.                                 <div class="clr">
  130.                                        
  131.                                 <div class="product">  
  132.                                         <a href="#">
  133.                                                 <img src="images/images/product.png" alt="" />
  134.                                                 <span class="name">Name of Product</span>
  135.                                         </a>
  136.                                         <span class="description">Description of product in this area. More about</span>
  137.                                         <a class="tocart" href="#">to cart</a>
  138.                                 </div>
  139.                                 <div class="product">  
  140.                                         <a href="#">
  141.                                                 <img src="images/images/product.png" alt="" />
  142.                                                 <span class="name">Name of Product</span>
  143.                                                 <span class="discount50"></span>
  144.                                         </a>
  145.                                         <span class="description">Description of product in this area. More about</span>
  146.                                         <a class="tocart" href="#">to cart</a>
  147.                                 </div>
  148.                                 <div class="product">  
  149.                                         <a href="#">
  150.                                                 <img src="images/images/product.png" alt="" />
  151.                                                 <span class="name">Name of Product</span>
  152.                                         </a>
  153.                                         <span class="description">Description of product in this area. More about</span>
  154.                                         <a class="tocart" href="#">to cart</a>
  155.                                 </div>
  156.                                        
  157.                                 </div>
  158.                                
  159.                         </div>
  160.                
  161.                         <div class="clr"></div>
  162.        
  163.                 </div>
  164.                        
  165.         </div>
  166.                
  167.         </div></div></div>
  168.                        
  169. </body>
  170. </html>