caronline
<!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>Car Online</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type='text/css'>
/* CSS Document */
body {
padding:0; margin:0; background:#fff;}
p, div, ul, li, img, h1, h2, h3 ,a {
padding:0; margin:0;
}
.spacer {
clear:both;
line-height:1px;
font-size:1px;
}
form, label, input {
padding:0; margin:0;
}
ul{list-style:none;}
/*-----------------------*/
div#main{width:778px; margin:0 auto 0 auto;}
div#main img.logo{float:left; margin:44px 0 0 19px;}
div#main ul.topcar{ width:315px; margin:5px 0 0 0; float:right; height:92px;}
div#main ul.topcar li{ float:left; line-height:0 ; font-size:0;}
div#main ul.topnav{ width:454px; float:left; height:17px; display:block; padding:5px 0 0 9px; font:11px/14px Tahoma, Arial, Helvetica, sans-serif; color:#FFFFFF; background:#697779; margin:9px 0 0 0;}
div#main ul.topnav li{ float:left;}
div#main ul.topnav li a{ margin:0 10px 0 10px; text-decoration:none; color:#FFFFFF; background:inherit;}
div#main ul.topnav li a:hover{ text-decoration:underline;}
div#main h2.gallary{ background:#000; width:299px; height:17px; padding:5px 0 0 16px; float:right; font:bold 11px/14px Verdana, Arial, Helvetica, sans-serif; color:#CCCCCC;}
div#main div#header{background:url(caronline-images/header.jpg) no-repeat 0 0 ; width:778px; height:295px; display:block; clear:both;}
/*--------body-------------*/
div#main div#body{ width:778px; background:#EEEEEE; padding:0 0 13px 0;}
div#body div.left{padding:31px 0 0 19px; float:left; width:372px;}
div#body div.left p{ color:#7A8282; font:11px/14px Tahoma, Arial, Helvetica, sans-serif; width:361px; margin:14px 0 0 0;}
div#body div.left p a{ text-decoration:underline; color:#7A8282;}
div#body form.search{ width:370px ; height:210px; background:url(caronline-images/form_bg.gif) repeat-x 0 0 #fff ; border:1px solid #BDBFBF; float:right; padding:0 0 9px 0; margin:0 0 14px 0; clear:right;}
div#body div.left p a:hover{text-decoration:none;}
div#body form.search img.head{ margin:10px 0 10px 16px; clear:both;}
div#body form.search label{
color:#535858;
font:bold 11px/14px Tahoma, Arial, Helvetica, sans-serif;
margin:15px 18px 0 31px; width:92px; float:left; }
div#body form.search select.one{ width:143px; height:20px; margin:15px 0 0 0; border:#80A2C2 1px solid; float:left; clear:right;}
div#body form.search select.two{ width:172px; height:20px; margin:15px 0 0 0; border:#80A2C2 1px solid; float:left; clear:right;}
div#body form.search select.three{ width:51px; height:20px; margin:15px 0 0 0; border:#80A2C2 1px solid; float:left;}
div#body form.search select.four{ width:39px; height:20px; margin:15px 0 0 0; border:#80A2C2 1px solid; float:left;}
div#body form.search select.five{ width:79px; height:20px; margin:15px 0 0 0; border:#80A2C2 1px solid; float:left; }
div#body form.search img.date{ margin:15px 0 0 0; float:left;clear:right;}
div#body form.search input.submit{ width:74px; height:16px; border:1px solid #697779; color:#535858; font:bold 11px/12px Tahoma, Arial, Helvetica, sans-serif; text-align:center; float:left; padding:0 0 4px 0; margin:12px 0 0 139px; background:#fff; cursor:pointer;}
div#body h3.tech{ width:741px; border-bottom:1px solid #ABB5B6; margin:0 0 0 19px; clear:both;}
div#body h3.tech img{ margin:0 0 15px 0;}
div#body div.ads{ width:741px; height:56px; background:#fff; margin:2px 0 0 19px; padding:13px 0 0 0 ; text-align:center;}
div#body div.ads img{ float:left;}
div#body p.brd{ margin:3px 0 0 19px; border-bottom:1px solid #ABB5B6; line-height:0; font-size:0; width:741px;}
/*-----------------------------*/
div#body p.footer{ font:11px/14px Tahoma, Arial, Helvetica, sans-serif; text-align:center; margin:21px 0 10px 0; color:#060602;}
div#body p.footer a{ color:#060602; text-decoration:none; margin:0 10px 0 10px;}
div#body p.footer a:hover{ text-decoration:underline;}
/*-----------------*/
div#main div.foot{ height:51px; width:778px; background:#697779; margin:0 auto 0 auto; text-align:center; color:#FFFFFF; font:11px/14px Tahoma, Arial, Helvetica, sans-serif; padding:20px 0 0 0;}
div#main div.foot a{ margin:5px 0 0 0; color:#FFFFFF; text-decoration:underline; background:inherit;}
div#main div.foot a:hover{ text-decoration:none;}
</style>
</head>
<body>
<div id="main"> <a href="http://www.free-css.com/"><img src="caronline-images/logo.gif" alt="" border="0" class="logo" /></a>
<ul class="topcar">
<li><a href="http://www.free-css.com/"><img src="caronline-images/img01.jpg" alt="" width="79" height="92" border="0" /></a></li>
<li><a href="http://www.free-css.com/"><img src="caronline-images/img02.jpg" alt="" border="0" /></a></li>
<li><a href="http://www.free-css.com/"><img src="caronline-images/img03.jpg" alt="" border="0" /></a></li>
<li><a href="http://www.free-css.com/"><img src="caronline-images/img04.jpg" alt="" border="0" /></a></li>
</ul>
<ul class="topnav">
<li><a href="http://www.free-css.com/">Home</a> | </li>
<li><a href="http://www.free-css.com/">Customer Care</a> |</li>
<li><a href="http://www.free-css.com/">Faq </a> |</li>
<li><a href="http://www.free-css.com/">Reservations</a> |</li>
<li><a href="http://www.free-css.com/">Contact</a></li>
</ul>
<h2 class="gallary">Choose a car from Gallery</h2>
<div id="header"> </div>
<div id="body">
<div class="left"> <img src="caronline-images/welcome.gif" alt="" /><br />
<p>This is <strong>Car Online</strong> , a free, fully standards-compliant CSS template designed by Free CSS Templates. <br />
This free template is released under a Creative Commons Attributions 2.5 license, so you're 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>
<p><a href="http://www.free-css.com/">Fusce feugiat malesuada odio morbi nunc odio gravida at</a>... tristique orci ac sem. Duis ultricies pharetra magna. Donec accumsan malesuada orci.Donec sit amet eros.</p>
</div>
<form action="http://www.free-css.com/" method="get" class="search">
<img src="caronline-images/carbooking.gif" alt="" class="head" /><br />
<label>Select State :</label>
<select class="one">
<option>Select State</option>
</select>
<label>Select Location :</label>
<select class="two">
<option>Select Locations</option>
</select>
<label>Pick-Up Date :</label>
<select class="three">
<option></option>
</select>
<select class="four">
<option></option>
</select>
<select class="five">
<option></option>
</select>
<a href="http://www.free-css.com/"><img src="caronline-images/date.gif" alt="" border="0" class="date" /></a>
<label>Drop-Off Date :</label>
<select class="three">
<option></option>
</select>
<select class="four">
<option></option>
</select>
<select class="five">
<option></option>
</select>
<a href="http://www.free-css.com/"><img src="caronline-images/date.gif" alt="" border="0" class="date" /></a>
<input type="submit" class="submit" value="Submit" />
</form>
<h3 class="tech"><img src="caronline-images/our_tech.gif" alt="" width="165" height="16" /></h3>
<div class="ads"> <a href="http://www.free-css.com/"><img src="caronline-images/ads01.jpg" alt="" width="94" height="45" border="0" /></a><a href="http://www.free-css.com/"><img src="caronline-images/ads02.jpg" alt="" border="0" /></a><a href="http://www.free-css.com/"><img src="caronline-images/ads03.jpg" alt="" width="80" height="45" border="0" /></a><a href="http://www.free-css.com/"><img src="caronline-images/ads04.jpg" alt="" border="0" /></a><a href="http://www.free-css.com/"><img src="caronline-images/ads05.jpg" alt="" border="0" /></a><a href="http://www.free-css.com/"><img src="caronline-images/ads06.jpg" alt="" width="101" height="45" border="0" /></a><a href="http://www.free-css.com/"><img src="caronline-images/ads07.jpg" alt="" width="81" height="45" border="0" /></a><a href="http://www.free-css.com/"><img src="caronline-images/ads08.jpg" alt="" width="81" height="45" border="0" /></a></div>
<p class="brd"></p>
<p class="footer"><a href="http://www.free-css.com/">Home</a> | <a href="http://www.free-css.com/">Customer Care</a> | <a href="http://www.free-css.com/">Faq </a> | <a href="http://www.free-css.com/">Reservations</a> | <a href="http://www.free-css.com/">Contact</a></p>
</div>
<div class="foot"> Copyright Information Goes Here<br />
Designed by <a href="http://www.free-css-templates.com/">Free CSS Templates</a>, Thanks to <a href="http://www.dubaiapartments.biz/">Dubai Apartments</a></div>
<br class="spacer" />
</div>
</body>
</html>
Related examples in the same category