cars-website
<!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>Cars Website</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type='text/css'>
body{
font: normal small Arial, Helvetica, sans-serif;
color: #636D78;
text-align:justify;
font-size:13px;
margin-top:0px;
margin-left:100px;
margin-right:0px;
margin-bottom:0px;
background-color:#272C32;
}
#border
{width:779px;
float:left;
}
#left10
{width:310px;
height:260px;
float:left;}
#car
{width:261px;
height:260px;
float:left;
background-image:url(cars-website-images/cars.jpg); background-repeat:no-repeat;}
#links-bg
{width:208px;
height:260px;
float:left;
background-color:#585F65;}
.name
{color:#ffffff;
padding-top:100px;
font-family:"Century Gothic", "Trebuchet MS", "Arial Narrow", Arial, sans-serif;
text-transform:uppercase;
font-size:32px;}
.tag
{color:#ffffff;
padding-left:4px;
padding-top:4px;}
#headingbg
{
background-color:#1A1D22;
height:40px;
line-height:40px;
clear:both;
color:#7F8A97;
font-family:arial;
text-transform:uppercase;
font-weight:bold;
padding-left:15px;
}
.headingbg2
{
background-color:#951E2B;
height:5px;
font-size:1px;
}
#bottom
{height:40px;
width:779px;
line-height:40px;
background-color:#1A1D22;
float:left;}
#main
{padding-right:10px;
padding-top:10px;
padding-bottom:10px;}
.sap
{width:1px;
float:left;
color:#778492;
text-align:center;
}
.bottomlink
{width:152px;
text-align:center;
float:left;
}
.bottomlink a
{color:#778492;
text-decoration:underline;
}
.bottomlink a:hover
{color:#778492;
text-decoration:none;}
.sap2
{width:1px;
height:32px;
float:right;
}
.toplinks
{line-height:52px;
width:188px;
font-weight:bold;
text-transform:uppercase;
padding-left:20px;}
.toplinks a
{color:#C2C8D0;
text-align:center;
display:block;
height:52px;
background-image:url(cars-website-images/off.jpg); background-repeat:no-repeat;
text-decoration:none;
}
.toplinks a:hover
{color:#C2C8D0;
background-image:url(cars-website-images/on.jpg); background-repeat:no-repeat;}
a{color:#ffffff;
text-decoration:underline;
}
a:hover
{color:#ffffff;
text-decoration:none;
}
#header
{background-image:url(cars-website-images/bg.jpg); background-repeat:repeat-x;
height:140px;}
#right
{width:208px;
float:left;}
#left
{width:571px;
float:left;}
#quick_heading
{line-height:40px;
background-color:#951E2B;
width:198px;
font-size:18px;
color:#C2C8D0;
padding-left:10px;
height:40px;}
.quicklinks
{padding-left:10px;
line-height:33px;
height:33px;}
.quicklinks a
{color:#C2C8D0;
font-weight:bold;}
.quicklinks a:hover
{color:#ffffff;}
</style>
</head>
<body>
<div id="border">
<div id="left10">
<div class="name">Car Website Name</div>
<div class="tag">Built for the road ahead.</div>
</div>
<div id="car"></div>
<div id="links-bg">
<div class="toplinks"><a href="http://www.free-css.com/">Homepage</a></div>
<div class="toplinks"><a href="http://www.free-css.com/">About us</a></div>
<div class="toplinks"><a href="http://www.free-css.com/">Products</a></div>
<div class="toplinks"><a href="http://www.free-css.com/">Services</a></div>
<div class="toplinks"><a href="http://www.free-css.com/">Contact us</a></div>
</div>
<div id="mainarea">
<div id="headingbg">Car / Auto Website Title!</div>
<div class="headingbg2"></div>
<div style="background-image:url(cars-website-images/bg2.gif); background-repeat:repeat-y; float:left;">
<div id="left">
<div id="main">
<p>Hi Everybody! Here is a Free Website Layout, named Cars Website Template with CSS and XHTML 1.0 Transitional Validation from CMG Technologies, Web Design India. Feel free to use this template, just keep the Designed by link at the bottom. Thanks! </p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur nibh. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Vestibulum sapien enim, cursus in, aliquam sit amet, convallis eget, metus. Duis dui mi, varius at, lacinia eget, ullamcorper et, tortor. Pellentesque ac pede. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean orci mi, varius eget, mollis vel, rhoncus a, leo. Ut eros enim, vehicula quis, gravida ac, sodales sit amet, orci. Nulla eleifend tristique erat.</p>
<p>Nunc commodo metus et lorem. Phasellus vel libero. Vestibulum eu enim. Mauris pharetra. Vestibulum ligula libero, vestibulum quis, commodo non, sagittis eget, elit. Ut nec tellus. Nunc ligula quam, vulputate ut, imperdiet nec, luctus at, magna. Nunc posuere nulla ac tortor. Donec facilisis, turpis eu hendrerit ultricies, lectus sapien nonummy justo, eget rutrum lorem nulla sed nunc. Nam vestibulum neque vitae lacus aliquam tristique. Ut odio quam, mollis in, ultrices vel, ullamcorper id, diam.</p>
</div>
</div>
<div id="right">
<div id="quick_heading">Quick Links</div>
<div class="quicklinks"><a href="http://www.free-css.com/">Dodge Durango</a></div>
<div class="quicklinks"><a href="http://www.free-css.com/">Auto Insurance</a></div>
<div class="quicklinks"><a href="http://www.free-css.com/">Famous Cars</a></div>
<div class="quicklinks"><a href="http://www.free-css.com/">Used Cars</a></div>
<div class="quicklinks"><a href="http://www.free-css.com/">Free CSS Templates</a></div>
<div class="quicklinks"><a href="http://www.free-css.com/">Find What You Seek</a></div>
</div>
</div>
</div>
<div class="headingbg2"></div>
<div id="bottom">
<div class="bottomlink"><a href="http://www.free-css.com/">Home</a></div>
<div class="sap">|</div>
<div class="bottomlink"><a href="http://www.free-css.com/">About Us</a></div>
<div class="sap">|</div>
<div class="bottomlink"><a href="http://www.free-css.com/">Products</a></div>
<div class="sap">|</div>
<div class="bottomlink"><a href="http://www.free-css.com/">Services</a></div>
<div class="sap">|</div>
<div class="bottomlink"><a href="http://www.free-css.com/">Contact</a></div>
</div>
<center>
<div class="quicklinks">Designed by <a href="http://www.cmgtechnologies.com/">CMG Technologies</a>, Free <a href="http://www.free-css.com/">CSS Templates</a></div>
</center>
</div>
</div>
</body>
</html>
Related examples in the same category