<!DOCTYPE html> 
<html>
<head>
<!-- TemplateBeginEditable name="doctitle" -->
<title>My site</title>
<!-- TemplateEndEditable -->
<!-- TemplateBeginEditable name="head" -->
<meta http-equiv="description" content="">
<meta http-equiv="keywords" content="">
<!-- TemplateEndEditable -->
<link href="../css/main.css" rel="stylesheet" type="text/css">
</head>
<body class="index">
<div id="header-wrapper">
<div id="header" class="content">
<ul id="top-menu">
<li class="first"><a href="#">Home</a></li>
<li><a href="#">Products</a>
<ul>
<li class="first"><a href="#">Category 1</a>
<ul>
<li><a href="#">Subcategory 1</a></li>
<li><a href="#">Subcategory 1</a></li>
</ul></li>
<li><a href="#">Category 2</a>
<ul>
<li><a href="#">Subcategory 1</a></li>
<li><a href="#">Subcategory 1</a></li>
</ul></li>
<li><a href="#">Show All</a></li>
<li><a href="#">Search</a></li></ul>
<li><a href="#">About Us</a></li>
<li><a href="#">Contact Us</a></li>
</ul>		
<ul id="header-menu">
<li class="first"><a id="header-signin" href="#">Sign In</a></li>
<li class="last"><a id="header-register" href="#">Register</a></li>
</ul></div>
</div>
<div id="top-wrapper">
<div id="top" class="content">
<div class="logo">
<a href="/"><img id="header-logo" alt="My Store" src="../images/logo.png" /></a>
</div>
<div id="top-search">
<form id="top-search-form" method="get" action="/products" >
<input name="Search" type="submit" value="Search" id="top-search-submit" alt="Search" class="button" />
<input type="text" name="S_ProductName" id="top-search-query" value="" placeholder="Search..." />
<input name="Search" type="hidden" value="1" />
</form>
</div>
</div>
</div>
<div id="fma-wrapper">
<div id="fma" class="content">
<h1>Promo area</h1>
</div>
</div>
<div id="stacked-featured-popular-wrapper">
<div id="stacked-featured-popular" class="content">
<div class="split-home">
<div class="column-one">
<div id="featured-box" class="home-box">
<h2>PROMO AREA 1</h2>
<div class="info">
<div class="image">
<a href="#"><img src="../images/placeholder.png" width="195" height="195" title="" /></a>
</div>
<div class="details" >
<div class="name"><a href="#">Product name</a></div>
<div class="price">
Price: $</div>
<div class="description">
<p>Product description</p>
</div>
<div class="buttons">
<a href="#" class="button">Learn more</a>
</div>
</div>
</div>
</div>
</div>
<div class="column-two">
<div id="popular-box" class="home-box">
<h2>PROMO AREA 2</h2>
<div class="info">
<div class="image">
<a href="#"><img src="../images/placeholder.png" width="195" height="195" title="" /></a><a href="#"></a>
</div>
<div class="details" >
<div class="name"><a href="#">Product name</a></div>
<div class="price">
Price: $                                                </div>
<div class="description"><p>Product description</p>
</div>
<div class="buttons">
<a href="#" class="button">Learn more</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="search-pod">
<div id="home-search">
<form action="/products" method="get" id="top-search-form">
<input type="submit" class="button" alt="Search" id="home-search-submit" value="Search" name="Search">
<input type="text" placeholder="Search..." value="" id="home-search-query" name="S_ProductName" class="field">
<input type="hidden" value="1" name="Search">
</form>
</div>
<div id="info-content">
<div id="info-content-heading"><h2>
About our services</h2></div>
<div id="info-content-body">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec  condimentum rutrum ligula non pharetra. Suspendisse mauris quam,  venenatis eu porta at, rhoncus non orci. Vestibulum diam tellus,  suscipit nec ullamcorper eget, volutpat non augue. Nulla in sapien id  arcu laoreet laoreet id vel arcu. Curabitur mollis vitae elit accumsan  tempus. Etiam mattis consequat feugiat. In ullamcorper nunc sed  ullamcorper elementum. Nulla id egestas diam. Suspendisse lacinia  imperdiet erat, a tristique sapien tincidunt pretium. </p>
<p>Morbi sit amet mi tincidunt, adipiscing ante quis, vestibulum metus.  Cras tincidunt, diam in varius dignissim, sem libero auctor tellus, a  dictum neque arcu ac massa. In hac habitasse platea dictumst. Nunc  luctus auctor sodales. Proin dictum venenatis mauris. Cum sociis natoque  penatibus et magnis dis parturient montes, nascetur ridiculus mus.  Pellentesque velit nisi, placerat eu erat tristique, vestibulum pulvinar  justo. Vestibulum tempor, enim ut ultrices tristique, augue arcu  pulvinar purus, a ullamcorper nisi erat in leo. </p>
</div>
</div>
</div>
</div>
</div>
<!-- footer -->
<div id="footer-wrapper">
<div id="footer" class="content">
<ul>
<li class="first"><a href="#" rel="">FAQ</a></li><li class=""><a href="#">Privacy Policy</a></li><li><a href="#" rel="">Terms of Use</a></li><li class="last"><a href="http://www.webassist.com?RID=19" rel="">Free Dreamweaver template by WebAssist</a></li></ul>
</div>
</div>
<!-- TemplateBeginEditable name="end" --><!-- TemplateEndEditable -->
</body>
</html>