bigdeal
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Free CSS Lunch</title>
<style type='text/css'>
body {
text-align:center;
}
a {
text-decoration:none;
}
a:hover {
text-decoration: underline;
}
#wrap {
width:900px;
text-align:left;
margin:0 auto;
}
#header {
height:222px;
background:url(bigdeal-images/hd.gif) no-repeat;
}
ul#nav {
position:absolute;
top:173px;
padding-left: 130px;
}
ul#nav a {
color:#6f6f6f;
font-weight:700;
}
ul#nav a:hover {
color:#000;
}
ul#nav li {
line-height:30px;
display:inline;
padding:0 30px;
}
ul#nav li.nd {
padding:0 15px;
}
ul#nav li.thr {
padding:0 60px;
}
ul#nav li.four {
padding:0 25px;
}
#mid {
height:139px;
background:url(bigdeal-images/mid.gif) no-repeat center;
color:#FFFFFF;
}
#mid div {
padding-top: 10px;
width:780px;
margin:0 auto
}
div#mid h2 {
font-size:24px;
color:#FFFFFF;
padding-left: 50px;
padding-top: 20px;
font-weight:700
}
div#mid h2 span {
font-size:14px;
color:#FFFFFF
}
#left {
height:400px;
background:url(bigdeal-images/left.gif) no-repeat;
float:left;
width:270px;
margin-left: 27px;
}
#left h2 {
padding-top: 27px;
padding-left: 21px;
}
#left-inner {
width: 230px;
padding: 0 0 0 20px
}
.small {
clear:both;
padding-top:10px
}
#left img {
padding:5px;
}
#left h3 {
color:#848484;
font-weight:700
}
#scbox span {
float:left;
padding-left: 50px;
font-size:18px;
color:#fff;
font-weight:bold
}
span#scboxes {
float: right
}
span#scboxes form {
display:inline
}
.big {
clear:both;
padding:35px 60px 0 60px
}
.big h3 {
font-size:18px;
font-weight:700
}
.big span a {
padding-left:10px
}
.article h2 {
background:url(bigdeal-images/line.gif) no-repeat left bottom
}
#scb {
padding-right: 50px;
}
#rt {
float:right;
width:600px
}
#sc {
clear:both;
padding-top:30px;
background:url(bigdeal-images/sc.gif) no-repeat center;
height:376px;
}
#footer {
padding-top:10px;
height:60px;
background: #000000;
clear:both;
text-align:center;
color:#FFF;
}
#footer a {
color:#FFF;
}
#footer a:hover {
color:#FFF;
text-decoration:underline
}
#ftlink, #copyright {
}
#content h2 {
color:#414141;
font-size:18px;
padding-bottom:10px;
font-weight:700
}
#logo {
font-size:20px;
margin-left: 136px;
background:url(bigdeal-images/logo.gif) no-repeat;
height:161px;
}
.article {
width: 500px;
padding:10px 50px 50px 50px
}
</style>
<link rel="stylesheet" type="text/css" href="style.css" />
<!--[if IE]>
<style>
.big {
padding:5px 60px 0px 60px;
height:150px
}
</style> <![endif]-->
</head>
<body>
<div id="wrap">
<div id="header">
<h1 id="logo"></h1>
<ul id="nav">
<li><a href="#">Home</a></li>
<li class="nd"><a href="#">About us</a></li>
<li class="thr"><a href="#">Production</a></li>
<li class="four"><a href="#">Submission</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div>
<div id="content">
<div id="mid">
<h2>HEMOFIRE<span style="padding-left: 20px; padding-right: 320px; color:#00719d">Revoluntionary Dentistry Tool</span><span style=" text-align::right">Learn all about it!</span></h2>
<div> A revolutionary tool that will help Dental Lab Technitians make crowns and bridges in half the time. The amazing inovation of doctors have led to the invention that greatly reduces the time for making dental crowns and bridges! A revolutionary tool that will help Dental Lab Technitians make crowns and bridges in half the time. Learn More</div>
</div>
<div id="main">
<div id="left">
<div id="left-inner">
<h2>Featured Products</h2>
<div class="small"> <img src="bigdeal-images/thumb.gif" style="float:left" />
<h3>Dentist Tool</h3>
<p>An addition to the hemo
fire, allows for extra dur-
ability with those really
bad teeth. <br/>
<a href="#">Purchase</a> </p>
</div>
<div class="small"> <img src="bigdeal-images/thumb.gif" style="float:left" />
<h3>Dentist Tool</h3>
<p>An addition to the hemo
fire, allows for extra dur-
ability with those really
bad teeth. <br/>
<a href="#">Purchase</a> </p>
</div>
<div class="small"> <img src="bigdeal-images/thumb.gif" style="float:left" />
<h3>Dentist Tool</h3>
<p>An addition to the hemo
fire, allows for extra dur-
ability with those really
bad teeth. <br/>
<a href="#">Purchase</a> </p>
</div>
</div>
</div>
<div id="rt">
<div class="article">
<h2>About Accuden</h2>
<p>This is BIG DEAL, a free, fully standards-compliant CSS template designed by <a href="http://www.free-css-templates.com/">Free CSS Templates</a>.
This free template is released under a Creative Commons Attributions 2.5 license, so youre pretty much free to do whatever you want with it (even use it commercially) provided you keep the links in the footer intact. Aside from that, have fun with it :) </p>
</div>
<div class="article">
<h2>Whats the HemoFire?</h2>
<p>This is BIG DEAL, a free, fully standards-compliant CSS template designed by <a href="http://www.free-css-templates.com/">Free CSS Templates</a>.
This free template is released under a Creative Commons Attributions 2.5 license, so youre pretty much free to do whatever you want with it (even use it commercially) provided you keep the links in the footer intact. Aside from that, have fun with it :) </p>
</div>
</div>
<div id="sc">
<div id="scbox"> <span>Accudens Product Shop</span> <span id="scboxes"> Search:
<form action="/" method="post" id="scb">
<input type="text" name="q" id="q" value="" class="q"/>
</form>
</span> </div>
<div class="big"> <img src="bigdeal-images/thumb-big.gif" style="float:left" />
<h3>Dentist Tool Name</h3>
<p>A revolutionary add on to one of the best tools on the dentist market.A revolutionary add on to one of the best tools on the dentist market.A revolutionary add on to one of the best tools on the dentist market.A revolutionary add on to one of the best tools on the dentist market.A revolutionary add on to one of the best tools on the dentist market.<br/>
<br/>
<span>Price: $1290.00<a href="#">Add To Cart</a><a href="#">Learn More</a></span> </p>
</div>
<div class="big"> <img src="bigdeal-images/thumb-big.gif" style="float:left" />
<h3>Dentist Tool Name</h3>
<p>A revolutionary add on to one of the best tools on the dentist market.A revolutionary add on to one of the best tools on the dentist market.A revolutionary add on to one of the best tools on the dentist market.A revolutionary add on to one of the best tools on the dentist market.A revolutionary add on to one of the best tools on the dentist market.<br/>
<br/>
<span>Price: $1290.00<a href="#">Add To Cart</a><a href="#">Learn More</a></span> </p>
</div>
</div>
</div>
</div>
<div id="footer">
Copyright Design-a-lie 2007 - 2008 | Credit to Robbylai (sorry if spelt wrong) | Accuden : Revolutionary Tag Line
<div id="ftlink"> <a href="#">Home</a> | <a href="#">About Us</a> | <a href="#">Production</a> | <a href="#">Submission</a> | <a href="#">Contact</a> </div>
<p id="copyright"> 2008. All Rights Reserved.
<a href="http://www.templatesold.com/" target="_blank">Website Templates</a> by <a href="http://www.free-css-templates.com/" target="_blank">Free CSS Templates</a></p>
</div>
</div>
</body>
</html>
Related examples in the same category