NanoCarRentals – Car Rental

HTML
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title></title>
<link href="./favicon.ico" rel="shortcut icon" type="image/x-icon" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<style type="text/css" media="all">
	@import url("./css/style.css");
</style>
<!--[if IE 6]><link rel="stylesheet" type="text/css" href="./css/ie6.css" /><![endif]-->
<!--[if IE 7]><link rel="stylesheet" type="text/css" href="./css/ie7.css" /><![endif]-->
<!--[if IE 8]><link rel="stylesheet" type="text/css" href="./css/ie8.css" /><![endif]-->

<script type="text/javascript" src="./js/jquery-1.4.4.min.js"></script>
<script type="text/javascript" src="./js/jquery.ui.core.js"></script>
<script type="text/javascript" src="./js/jquery.ui.datepicker.js"></script>

<script type="text/javascript" src="./js/jquery.code.js"></script>

<!--[if IE 6]>
<script type="text/javascript" src="./js/png/DD_belatedPNG_0.0.8a-min.js"></script>
<script type="text/javascript" src="./js/png/fix.js"></script>
<![endif]-->
</head>
<body>
	<!-- header -->
	<div id="header">
		<h1><a class="logo" href="">Nano CarRentals</a></h1>
		<ul id="nav" class="main">
			<li class="active home"><a href="">HOME</a></li>
			<li class="booking"><a href="">BOOKING</a></li>
			<li class="specials"><a href="">SPECIALS</a></li>
			<li class="holiday-tips"><a href="">HOLIDAY TIPS</a></li>
			<li class="service"><a href="">SERVICE</a></li>
			<li class="fleetlist"><a href="">FLEET LIST</a></li>
		</ul>

		<div class="support">
			<a class="title" href="">SUPPORT</a>
			<dl class="phone">
				<dt>Free phone</dt>
				<dd>0610 7567234</dd>
			</dl>
		</div>
	</div>
	<!-- /header -->
	<div id="promo">
		<img src="./images/promo/promo1.png" alt="" />
		<div class="banner">
			<object>
				<embed width="100%" height="100%"
					src="./flash/car_ganim.swf"
					type="application/x-shockwave-flash"
                   allowscriptaccess="always"
                   allowfullscreen="true"
                   wmode="transparent"></embed>
			</object>
		</div>
		<form id="search-bar" action="">
			<h2>Start your search</h2>
			<fieldset>
				<label for="pick-up-location">Pick Up Location</label>
				<div class="field">
					<div class="autocomplete">
						<input id="pick-up-location" type="text" value="London" maxlength="255" />
						<ul>
							<li><a href="#"><strong>London</strong>- Airport City </a></li>
							<li><a href="#"><strong>London</strong>- Airport Heathrow</a></li>
							<li><a href="#"><strong>London</strong>- Airport Gatwick</a></li>
							<li><a href="#"><strong>London</strong>- Stansted Airport</a></li>
							<li><a href="#"><strong>London</strong>- Airport, Canada </a></li>
							<li class="pager">
								<a href="#" class="prev"> </a>
								<span>Page 4 of 30</span>
								<a href="#" class="next"> </a>
							</li>
						</ul>
					</div>
				</div>
			</fieldset>
			<fieldset>
				<label for="pick-up-date">Pick up Date and Time</label>
				<div class="field select date">
					<input id="pick-up-date" type="text" value="08/10/2010" maxlength="255" />
				</div>
				<div class="field select time">
					<span class="select"></span>
					<select name="" id="pick-up-time">
						<option value="0">10:00</option>
						<option value="1">11:00</option>
					</select>
				</div>
			</fieldset>

			<fieldset>
				<label for="drop-off-location">Drop Off</label>
				<div class="field select custom">
					<span class="select"></span>
					<select name="" id="drop-off-location">
						<option value="0">Different Location</option>
						<option value="1">Location</option>
					</select>
				</div>
			</fieldset>
			<fieldset>
				<label for="drop-off-date">Drop Off Date and Time</label>
				<div class="field select date">
					<input id="drop-off-date" type="text" value="08/10/2010" maxlength="255" />
				</div>
				<div class="field select time">
					<span class="select"></span>
					<select name="" id="drop-off-times">
						<option value="0">10:00</option>
						<option value="1">11:00</option>
					</select>
				</div>
			</fieldset>

			<fieldset>
				<label for="car-group">Car Group</label>
				<div class="field select">
					<span class="select"></span>
					<select name="" id="car-group">
						<option value="0">Show All</option>
						<option value="1">Mercedes-Benz</option>
					</select>
				</div>
			</fieldset>

			<fieldset>
				<label for="driver-s-age">Driver’s Age</label>
				<div class="field age">
					<input id="driver-s-age" type="text" maxlength="5" />
				</div>
			</fieldset>

			<fieldset>
				<label for="currency">Currency</label>
				<div class="field select">
					<span class="select"></span>
					<select name="" id="currency">
						<option value="0">Latvian Lats</option>
						<option value="1">US Dollars</option>
					</select>
				</div>
			</fieldset>

			<fieldset>
				<label for="country">Country of Residence</label>
				<div class="field select">
					<span class="select"></span>
					<select name="" id="country">
						<option value="0">Latvia</option>
						<option value="1">Spain</option>
					</select>
				</div>
			</fieldset>

			<fieldset>
				<div class="best-price-guarantee">Best Price Guarantee</div>
			</fieldset>
			<fieldset class="button continue">
				<input type="submit" name="search_a_car" value="Search a Car" />
			</fieldset>
		</form>
	</div>
	<!-- content -->
	<div id="content">
		<div class="hot-deals">
			<div class="top">
				<h2>HOT DEALS</h2>
				<p>Listed prices start from per day for a 7 day car hire duration.</p>
			</div>

			<div class="prices">
				<table>
					<tbody>
						<tr>
							<td><div><a href=""><span class="price-block">£ <span class="value">11</span></span><strong>CarHire Alicante</strong></a></div></td>
							<td><div><a href=""><span class="price-block">£ <span class="value">13</span></span><strong>Corfu Special</strong></a></div></td>
							<td class="outermost"><div><a href=""><span class="price-block">£ <span class="value">12</span></span><strong>Faro Offer</strong></a></div></td>
						</tr>
						<tr>
							<td><div><a href=""><span class="price-block">£ <span class="value">14</span></span><strong>Heraklion Pro</strong></a></div></td>
							<td><div><a href=""><span class="price-block">£ <span class="value">15</span></span><strong>Ibiza Today</strong></a></div></td>
							<td class="outermost"><div><a href=""><span class="price-block">£ <span class="value">20</span></span><strong>Malaga Plus</strong></a></div></td>
						</tr>
						<tr class="bottom">
							<td><div><a href=""><span class="price-block">£ <span class="value">13</span></span><strong>Palma De Lux</strong></a></div></td>
							<td><div><a href=""><span class="price-block">£ <span class="value">12</span></span><strong>Grand Pisa</strong></a></div></td>
							<td class="outermost"><div><a href=""><span class="price-block">£ <span class="value">14</span></span><strong>London Special</strong></a></div></td>
						</tr>
					</tbody>
				</table>
			</div>
		</div>

		<div class="b">
			<a class="ad" href="">
				<img src="./images/ads/holland.png" alt="Holland" />
				<span class="title">
					<span class="header">Get out and about in <strong>Holland</strong></span>
					<span class="details">Explore the beauty of south-west Holland in your hire car!</span>
				</span>
			</a>
			<a class="ad nano-fleet-go" href="">Nano Fleet Go</a>
		</div>

		<div class="b">
			<div class="text">
				<h2 class="narrow">WHY NANO CARRENTALS</h2>
				<p>Whether you’re searching for a cheap car hire Lady Carhire is definitely the right place to be and best of all our hire cars are all-inclusive. This means mileage, as well as vehicle theft and comprehensive cover. </p>
			</div>
			<div class="text">
				<h2>TESTIMONIALS</h2>
				<blockquote>
					<p><cite>Will definitely use Nano CarRentals again. The service was excellent and the car was fairly priced would recommend.</cite></p>
					<div class="author">
						<span class="name">Dawn Solinski</span>
						<span class="date">17.04.2010</span>
					</div>
				</blockquote>
			</div>
		</div>
	</div>
	<!-- /content -->
	<!-- footer -->
	<div id="footer">
		<div class="info">
			<div class="information">
				<h3>Information</h3>
				<ul>
					<li><a href="">About Us</a></li>
					<li><a href="">Locations</a></li>
					<li><a href="">Newsletter</a></li>
					<li><a href="">FAQ</a></li>
					<li><a href="">Contact</a></li>
				</ul>
			</div>
			<div class="connect-us">
				<h3>Connect us</h3>
				<ul>
					<li class="twitter"><a href="">Twitter</a></li>
					<li class="facebook"><a href="">Facebook</a></li>
					<li class="friendfeed"><a href="">FriendFeed</a></li>
					<li class="stumbleupon"><a href="">StumbleUpon</a></li>
					<li class="digg"><a href="">Digg</a></li>
				</ul>
			</div>
			<div class="locations">
				<h3>Locations</h3>
				<ul>
					<li><a href="">New York</a></li>
					<li><a href="">London</a></li>
					<li><a href="">Paris</a></li>
					<li><a href="">Riga</a></li>
					<li><a href="">More</a></li>
				</ul>
			</div>
			<div class="newsletter">
				<h3>NEWSLETTER</h3>
				<p>Register here for up to date offers</p>
				<form action="">
					<fieldset class="subscribe">
						<div class="field"><input type="text" name="email" value="Your e-mail" title="Your e-mail" /></div>
						<div class="button"><input type="submit" value="Send" /></div>
					</fieldset>
					<fieldset class="unsubscribe">
						<a href="">Unsubscribe</a>
					</fieldset>
				</form>
			</div>
			<div class="safe-site">
				<h3>SAFE SITE</h3>
				<p class="hint">How seriously we take the protection of your data. <a href="">Details</a></p>
				<ul class="payment">
					<li class="visa"><a href=""></a></li>
					<li class="mastercard"><a href=""></a></li>
					<li class="maestro"><a href=""></a></li>
				</ul>
			</div>

		</div>

		<div class="sub">
			<address class="copyright">
				© 2010 Nano CarRentals
			</address>
			<ul class="nav">
				<li><a href="">Home</a></li>
				<li><a href="">Help Centre</a></li>
				<li><a href="">Privacy Policy</a></li>
				<li><a href="">Website Security</a></li>
				<li><a href="">Sitemap</a></li>
			</ul>
			<address class="webmasters">
				<a class="design" href="http://www.studio-43.org" rel="external">Studio43</a>
			</address>
		</div>
	</div>
	<!-- /footer -->
</body>
</html>