saltandsoap
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Salt and Soap</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type='text/css'>
body {
color: #000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
margin: 0px;
padding: 0px;
text-align:center;
background-color:#5ba0d6;
}
* {margin:0px;padding:0px;}
.clear{clear:both;}
#container {
margin: 0px auto;
text-align: left;
width: 979px;
}
#header {
background-image:url(saltandsoap-images/header.jpg);
width:979px;
height:232px;
display:block;
}
#border {
background-image:url(saltandsoap-images/border.gif);
background-repeat: repeat-y;
width:979px;
}
#main {
background-image:url(saltandsoap-images/contentbg.gif);
background-color:#abe4fe;
margin: 0px 12px 0px 10px;
background-repeat: repeat-x;
}
#left {
width:261px;
float:left;
display:inline;
background-image:url(saltandsoap-images/contentbg.gif);
background-color:#abe4fe;
}
#right {
float:right;
width:580px;
}
/***************** Content ***********************/
.content {
width:530px;
}
.content h3 {
background-image:url(saltandsoap-images/welcome.gif);
background-repeat:no-repeat;
width:520px;
height:33px;
text-indent:700px;
overflow:hidden;
border-bottom: 1px dashed #2e2304;
margin: 10px 0px 15px 0px;
padding: 0px 0px 10px 0px;
}
.content p {
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 13px;
font-style: italic;
color: #003a65;
padding: 10px 0px 0px 6px;
font-weight:900;
}
.content a {
color:#2e260f;
}
.content a:hover {
color:#cf0002;
}
.product {
width:530px;
margin: 20px 0px;
}
.product h3 {
background-image:url(saltandsoap-images/products.gif);
background-repeat:no-repeat;
width:530px;
height:33px;
text-indent:700px;
overflow:hidden;
border-bottom: 1px dashed #2e2304;
margin: 10px 0px 15px 0px;
padding: 0px 0px 10px 0px;
}
.product a {
border: 1px solid #6698bd;
display:inline;
float:left;
margin: 6px 0px 6px 11px;
}
.product a:hover {
border: 1px solid #c40000;
}
.product img {
border: 6px solid #ffffff;
}
/***************** Menu ***********************/
#menu {
background-image:url(saltandsoap-images/menu.gif);
width:261px;
height:449px;
margin-left:93px;
}
#menu ul {
padding: 30px 0px 0px 0px;
width:220px;
margin-left:15px;
}
#menu li {
background-image: url(saltandsoap-images/arrow.gif);
background-repeat: no-repeat;
background-position: right center;
border-bottom: 1px dotted #2e2304;
list-style-type: none;
padding: 4px 30px 4px 0px;
text-align:right;
}
#menu a {
font-family: Arial, Helvetica, sans-serif;
font-style: italic;
font-weight: 900;
color: #2e260f;
text-decoration: none;
font-size: 12px;
}
#menu a:hover {
color:#c40000;
}
.lastchild{
border-bottom: none !important;
}
#menubottom {
background-image:url(saltandsoap-images/menubottom.jpg);
background-repeat:no-repeat;
width:261px;
height:76px;
margin-left:93px;
}
#menubottom ul {
padding: 20px 0px 0px 0px;
width:240px;
margin-left:15px;
}
#menubottom li {
float:left;
display:inline;
width:77px;
text-align:center;
}
#menubottom a {
font-family: Arial, Helvetica, sans-serif;
text-decoration:none;
font-weight: bolder;
font-size:10px;
color: #6e6b53;
text-transform: uppercase;
}
#menubottom a:hover {
color:#c40000;
}
/***************** Footer ***********************/
#footer {
background-color:#8bcaef;
background-image:url(saltandsoap-images/borderfooter.gif);
height:74px;
width:979px;
}
#footerend {
background-image:url(saltandsoap-images/borderfooterend.gif);
background-repeat: no-repeat;
width:979px;
height:9px;
display:block;
}
#copyright {
background-image:url(saltandsoap-images/copyright.jpg);
background-repeat:no-repeat;
width:220px;
height:43px;
display:inline;
margin-left:103px;
float:left;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: 800;
color: #463d16;
padding: 30px 20px 0px 20px;
text-align:center;
}
#copyright a {
font-family: Arial, Helvetica, sans-serif;
color: #463d16;
}
#payment {
float:left;
display:inline;
margin: 10px 0px 20px 135px;
}
#payment img {
border: none;
}
</style>
</head>
<body>
<div id="container">
<div id="header"> </div>
<div id="border">
<div id="main">
<div id="left">
<div id="menu">
<ul>
<li><a href="http://www.free-css.com/">Home</a></li>
<li><a href="http://www.free-css.com/">Lotions & Creams</a></li>
<li><a href="http://www.free-css.com/">Bath Salts</a></li>
<li><a href="http://www.free-css.com/">Shampoo & Shower Gel</a></li>
<li><a href="http://www.free-css.com/">Bubble Bath</a></li>
<li><a href="http://www.free-css.com/">Gift Baskets</a></li>
<li><a href="http://www.free-css.com/">Lip Balms & Candle</a></li>
<li><a href="http://www.free-css.com/">Tarts Bath</a></li>
<li><a href="http://www.free-css.com/">Teas & Gel Candles</a></li>
<li><a href="http://www.free-css.com/">Fragrance List</a></li>
<li><a href="http://www.free-css.com/">Pets</a></li>
<li><a href="http://www.free-css.com/">Recipes</a></li>
<li><a href="http://www.free-css.com/">Favorite Links</a></li>
<li><a href="http://www.free-css.com/">Information Board</a></li>
<li><a href="http://www.free-css.com/">Whats New</a></li>
<li><a href="http://www.free-css.com/">Order Form</a></li>
<li class="lastchild"><a href="http://www.free-css.com/">Terms & Policies</a></li>
</ul>
</div>
<div id="menubottom">
<ul>
<li><a href="http://www.free-css.com/">Home</a></li>
<li><a href="http://www.free-css.com/">About us</a></li>
<li><a href="http://www.free-css.com/">Contact</a></li>
</ul>
</div>
</div>
<div id="right">
<div class="content">
<h3>Welcome</h3>
<p>Don't forgot to check free website templates every day, because we add at least one free website template daily.</p>
<p>This is a template designed by free website templates for you for free you can replace all the text by your own
text. This is just a place holder so you can see how the site would look like.</p>
<p>You can remove any link to our websites from this template you're free to use the template without linking
back to us. Don't want your boss to know you used a free website template ;) .</p>
<p>If you're having problems editing the template please don't hesitate to ask for help on the forum.</p>
<p>If you're looking for beautiful and professionally made templates you can find them at Template Beauty.com.</p>
<p>To find great hosting providers visit Web Hosting Zoom.</p>
</div>
<div class="product">
<h3>Products</h3>
<a href="http://www.free-css.com/"><img src="saltandsoap-images/product1.gif" alt="product" /></a> <a href="http://www.free-css.com/"><img src="saltandsoap-images/product2.gif" alt="product" /></a> <a href="http://www.free-css.com/"><img src="saltandsoap-images/product3.gif" alt="product" /></a> <a href="http://www.free-css.com/"><img src="saltandsoap-images/product4.gif" alt="product" /></a> <a href="http://www.free-css.com/"><img src="saltandsoap-images/product5.gif" alt="product" /></a> <a href="http://www.free-css.com/"><img src="saltandsoap-images/product6.gif" alt="product" /></a> <a href="http://www.free-css.com/"><img src="saltandsoap-images/product7.gif" alt="product" /></a> <a href="http://www.free-css.com/"><img src="saltandsoap-images/product8.gif" alt="product" /></a>
<div class="clear"></div>
</div>
</div>
<div class="clear"></div>
</div>
</div>
<div id="footer">
<div id="copyright"> <span> Copyright Salt and Soap.com, 2006.<br />
designed by <a href="http://www.freewebsitetemplates.com">free website templates</a></span> </div>
<div id="payment"><img src="saltandsoap-images/paypal.gif" alt="paypal" /></div>
</div>
<div id="footerend"></div>
</div>
</body>
</html>
Related examples in the same category