Avtoprokat – 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>avtoprokat</title>
<link href="./favicon.ico" rel="shortcut icon" type="image/x-icon" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link rel="stylesheet" type="text/css" href="./css/style.css" />
<!--[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/easySlider1.7.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">
		<div class="wrap">
			<ul class="nav">
				<li><a href="">Дорожная карта</a></li>
				<li><a href="">FAQ</a></li>
				<li><a href="">Гид по странам</a></li>
				<li><a href="">Условия</a></li>
				<li><a href="">Как забронировать</a></li>
				<li><a href="">Акции</a></li>
				<li><a href="">Погода в мире</a></li>
			</ul>

			<div class="languages">
				<div class="top">
					<a href="#" rel="languages">
						<span><img src="./images/countries/united-kingdom.jpg" alt="" /></span>
						<span>United Kingdom</span>
						<span>English</span>
						<span>€</span>
					</a>
				</div>
				<form action="" class="bottom">
					<fieldset>
						<label for="lang-country">Страна:</label>
						<div class="select">
							<span class="select"></span>
							<select name="" id="lang-country">
								<option value="0">United Kingdom</option>
								<option value="1">Latvia</option>
							</select>
						</div>
					</fieldset>
					<fieldset>
						<label for="lang-language">Язык:</label>
						<div class="select">
							<span class="select"></span>
							<select name="" id="lang-language">
								<option value="0">Russian</option>
								<option value="1">English</option>
							</select>
						</div>
					</fieldset>
					<fieldset>
						<label for="lang-currency">Валюта:</label>
						<div class="select">
							<span class="select"></span>
							<select name="" id="lang-currency">
								<option value="0">Евро</option>
								<option value="1">Доллар</option>
							</select>
						</div>
					</fieldset>
					<fieldset class="actions">
						<input class="button" type="submit" value="Выбрать" />
					</fieldset>
				</form>
			</div>

			<div class="block">
				<h1><a class="logo" href="">avtoprokat.ru</a></h1>

				<form action="" class="order">
					<fieldset>
						<label for="email">Мой заказ</label>
						<input id="email" type="text" name="" value="Э-почта" />
						<input type="text" name="" value="Номер брони" />
						<input class="button" type="submit" value="Найти" />
					</fieldset>
				</form>

				<ul class="nav">
					<li class="active"><a href="">Главная</a></li>
					<li><a href="">О нас</a></li>
					<li><a href="">Новости</a></li>
					<li><a href="">Партнёрам</a></li>
					<li><a href="">Контакты</a></li>
				</ul>
			</div>
		</div>
	</div>
	<!-- /header -->
	<!-- content -->
	<div id="content">
		<div class="wrap">
			<div id="pre" class="main">
				<div class="info">
					<h1>Система онлайн бронирования автомобилей</h1>
					<p>Лучшие предложения и возможность забронировать автомобиль с наиболее гарантированной низкой ценой на бронирование авто в Европе и в мире.</p>
				</div>
				<div class="support">
					<h2>Нужна помощь?</h2>
					<p>Бесплатная консультация по телефону</p>
					<p>с 9:00 - 22:00 (время Мск.) </p>
					<p class="phone">+7 495 989 16 67</p>
				</div>
			</div>

			<div id="preview">
				<div class="preview">
					<ul>
						<li><img src="./images/preview/image1.png" alt="" /></li>
						<li><img src="./images/preview/image2.png" alt="" /></li>
					</ul>
				</div>

				<form action="" class="search">
					<h1>Заказывайте здесь и сейчас</h1>
					<fieldset class="top">
						<label class="country" for="country">Получение автомобиля</label>
						<label class="country2" for="country2">Возврат автомобиля</label>
					</fieldset>
					<fieldset>
						<label for="country">Страна</label>
						<div class="select">
							<span class="select"></span>
							<select name="" id="country">
								<option value="0">Выберите</option>
								<option value="1">Латвия</option>
							</select>
						</div>
						<div class="select">
							<span class="select"></span>
							<select name="" id="country2" disabled="disabled">
								<option value="0">Выберите</option>
								<option value="1">Выберите</option>
							</select>
						</div>
					</fieldset>
					<fieldset>
						<label for="city">Город</label>
						<div class="select">
							<span class="select"></span>
							<select name="" id="city" disabled="disabled">
								<option value="0">Выберите</option>
								<option value="1">Выберите</option>
							</select>
						</div>
						<div class="select">
							<span class="select"></span>
							<select name="" disabled="disabled">
								<option value="0">Выберите</option>
								<option value="1">Выберите</option>
							</select>
						</div>
					</fieldset>
					<fieldset>
						<label for="location">Место</label>
						<div class="select">
							<span class="select"></span>
							<select name="" id="location" disabled="disabled">
								<option value="0">Выберите</option>
								<option value="1">Выберите</option>
							</select>
						</div>
						<div class="select">
							<span class="select"></span>
							<select name="" disabled="disabled">
								<option value="0">Выберите</option>
								<option value="1">Выберите</option>
							</select>
						</div>
					</fieldset>
					<fieldset>
						<label for="get-date">Дата</label>
						<div class="date">
							<input id="get-date" type="text" value="12.01.2011" />
						</div>
						<div class="select time">
							<span class="select"></span>
							<select name="">
								<option value="0">10:00</option>
								<option value="1">9:00</option>
							</select>
						</div>
						<div class="date">
							<input id="return-date" type="text" value="12.01.2011" />
						</div>
						<div class="select time">
							<span class="select"></span>
							<select name="">
								<option value="0">10:00</option>
								<option value="1">9:00</option>
							</select>
						</div>
					</fieldset>
					<fieldset class="bottom">
						<label for="age">Возраст водителя</label>
						<div class="field">
							<input id="age" type="text" name="" maxlength="2" />
						</div>
						<input class="button" type="submit" value="Найти" />
					</fieldset>
				</form>
			</div>

			<div class="offers">
				<div class="l">
					<h1><a href="">Лучшие предложения на прокат авто</a></h1>

					<ul class="countries">
						<li class="active"><a href="" rel="item1">Испания</a></li>
						<li><a href="" rel="item2">Италия</a></li>
						<li><a href="" rel="item3">Хорватия</a></li>
						<li><a href="" rel="item4">Франция</a></li>
						<li><a href="" rel="item5">Португалия</a></li>
						<li><a href="" rel="item6">Австрия</a></li>
						<li class="last"><a href="" rel="item7">Черногория</a></li>
					</ul>

					<ul class="special item1 active">
						<li>
							<div class="image-container"><img src="./images/cars/image1.jpg" alt="" /></div>
							<div class="info">
								<h3 class="header">Барселона</h3>
								<h4 class="title">Opel Corsa</h4>
								<p>Количество дней: 7</p>
								<p>Код класса: ECMR</p>
								<div class="price">от <strong><span>162</span>.50 €</strong></div>
								<a class="choose" href="">Выбрать</a>
							</div>
						</li>
						<li>
							<div class="image-container"><img src="./images/cars/image2.jpg" alt="" /></div>
							<div class="info">
								<h3 class="header">Барселона</h3>
								<h4 class="title">Opel Corsa</h4>
								<p>Количество дней: 7</p>
								<p>Код класса: ECMR</p>
								<div class="price">от <strong><span>162</span>.50 €</strong></div>
								<a class="choose" href="">Выбрать</a>
							</div>
						</li>
						<li>
							<div class="image-container"><img src="./images/cars/image3.jpg" alt="" /></div>
							<div class="info">
								<h3 class="header">Барселона</h3>
								<h4 class="title">Opel Corsa</h4>
								<p>Количество дней: 7</p>
								<p>Код класса: ECMR</p>
								<div class="price">от <strong><span>162</span>.50 €</strong></div>
								<a class="choose" href="">Выбрать</a>
							</div>
						</li>
					</ul>
					<ul class="special item2">
						<li>
							<div class="image-container"><img src="./images/cars/image2.jpg" alt="" /></div>
							<div class="info">
								<h3 class="header">Рим</h3>
								<h4 class="title">Opel Corsa</h4>
								<p>Количество дней: 7</p>
								<p>Код класса: ECMR</p>
								<div class="price">от <strong><span>162</span>.50 €</strong></div>
								<a class="choose" href="">Выбрать</a>
							</div>
						</li>
						<li>
							<div class="image-container"><img src="./images/cars/image1.jpg" alt="" /></div>
							<div class="info">
								<h3 class="header">Рим</h3>
								<h4 class="title">Opel Corsa</h4>
								<p>Количество дней: 7</p>
								<p>Код класса: ECMR</p>
								<div class="price">от <strong><span>162</span>.50 €</strong></div>
								<a class="choose" href="">Выбрать</a>
							</div>
						</li>
						<li>
							<div class="image-container"><img src="./images/cars/image3.jpg" alt="" /></div>
							<div class="info">
								<h3 class="header">Рим</h3>
								<h4 class="title">Opel Corsa</h4>
								<p>Количество дней: 7</p>
								<p>Код класса: ECMR</p>
								<div class="price">от <strong><span>162</span>.50 €</strong></div>
								<a class="choose" href="">Выбрать</a>
							</div>
						</li>
					</ul>
					<ul class="special item3">
						<li>
							<div class="image-container"><img src="./images/cars/image3.jpg" alt="" /></div>
							<div class="info">
								<h3 class="header">Загреб</h3>
								<h4 class="title">Opel Corsa</h4>
								<p>Количество дней: 7</p>
								<p>Код класса: ECMR</p>
								<div class="price">от <strong><span>162</span>.50 €</strong></div>
								<a class="choose" href="">Выбрать</a>
							</div>
						</li>
						<li>
							<div class="image-container"><img src="./images/cars/image2.jpg" alt="" /></div>
							<div class="info">
								<h3 class="header">	Загреб</h3>
								<h4 class="title">Opel Corsa</h4>
								<p>Количество дней: 7</p>
								<p>Код класса: ECMR</p>
								<div class="price">от <strong><span>162</span>.50 €</strong></div>
								<a class="choose" href="">Выбрать</a>
							</div>
						</li>
						<li>
							<div class="image-container"><img src="./images/cars/image1.jpg" alt="" /></div>
							<div class="info">
								<h3 class="header">	Загреб</h3>
								<h4 class="title">Opel Corsa</h4>
								<p>Количество дней: 7</p>
								<p>Код класса: ECMR</p>
								<div class="price">от <strong><span>162</span>.50 €</strong></div>
								<a class="choose" href="">Выбрать</a>
							</div>
						</li>
					</ul>
				</div>

				<div class="r">
					<div class="block">
						<div class="header"><div></div></div>
						<div class="middle">
							<h1>Уникальные предложения</h1>
							<ul>
								<li class="first">
									<a href="">
										<span class="image-container"><img src="./images/offers/image1.png" alt="" /></span>
										Прокат в Барселоне
										<span class="price"><strong>25</strong>EUR</span>
									</a>
								</li>
								<li>
									<a href="">
										<span class="image-container"><img src="./images/offers/image1.png" alt="" /></span>
										Прокат в Барселоне
										<span class="price"><strong>25</strong>EUR</span>
									</a>
								</li>
							</ul>
							<ul>
								<li class="first">
									<a href="">
										<span class="image-container"><img src="./images/offers/image2.png" alt="" /></span>
										Прокат в Барселоне
										<span class="price"><strong>25</strong>EUR</span>
									</a>
								</li>
								<li>
									<a href="">
										<span class="image-container"><img src="./images/offers/image3.png" alt="" /></span>
										Прокат в Барселоне
										<span class="price"><strong>25</strong>EUR</span>
									</a>
								</li>
							</ul>
							<ul>
								<li class="first">
									<a href="">
										<span class="image-container"><img src="./images/offers/image4.png" alt="" /></span>
										Прокат в Барселоне
										<span class="price"><strong>25</strong>EUR</span>
									</a>
								</li>
								<li>
									<a href="">
										<span class="image-container"><img src="./images/offers/image2.png" alt="" /></span>
										Прокат в Барселоне
										<span class="price"><strong>25</strong>EUR</span>
									</a>
								</li>
							</ul>
						</div>
						<div class="footer"><div></div></div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<!-- /content -->
	<!-- footer -->
	<div id="footer">
		<div class="wrap">
			<div class="info">
				<h2>Почему выгодно работать с брокером аренды автомобиля?</h2>
				<ul>
					<li>Моментальное подтверждение заказа в режиме online и при необходимости модифицикация заказа.</li>
					<li>Возможность быстро найти желаемый класс автомобиля, необходимую компоновку и дополнительные аксессуары: багажник для горных лыж, для груза, цепи для колес для движения в горных курортах, детские сиденья...</li>
					<li>24 часа в сутки - прямой московский телефон 7-495-989-1667 begin_of_the_skype_highlighting <span class="nowrap">7-495-989-1667</span>.</li>
					<li>Брокер – это независимый посредник, наша система выбирает только те варианты, которые наиболее выгодны для Вас.</li>
					<li>Прямые контракты с крупнейшими компаниями индустрии проката автомобилей, такими как Hertz, Avis, Dollar, Sixt, Europcar, Alamo, National и Thrifty, что предусматривает скидки на аренду машин до 50%.</li>
				</ul>
			</div>
			<div class="subscribe">
				<h2>Подписаться на рассылку</h2>
				<form action="" class="form">
					<fieldset><input type="text" value="Имя" /></fieldset>
					<fieldset><input type="text" value="Э-почта" /></fieldset>
					<fieldset><input class="button" type="submit" value="Подписаться" /></fieldset>
				</form>
				<ul class="social">
					<li><a href=""><img src="./images/social/twitter.png" alt="twitter" /></a></li>
					<li><a href=""><img src="./images/social/facebook.png" alt="Facebook" /></a></li>
					<li><a href=""><img src="./images/social/rss.png" alt="RSS" /></a></li>
				</ul>
			</div>
			<div class="links">
				<h2>Бронирование авто</h2>
				<ul>
					<li><a href="">Бронирование авто в мире</a></li>
					<li><a href="">Бронирование авто в Германии</a></li>
					<li><a href="">Бронирование авто во Франции</a></li>
					<li><a href="">Бронирование авто в России</a></li>
					<li><a href="">Бронирование авто в Латвии</a></li>
					<li><a href="">Бронирование авто в Италии</a></li>
					<li><a href="">Бронирование авто в Испании</a></li>
					<li><a href="">Бронирование авто в Украине</a></li>
				</ul>
			</div>
		</div>
		<div class="additional">
			<p class="copyright">Copyright 2008-2010 BookingGroup Ltd | Все права защищены</p>
			<ul class="nav">
				<li><a href="">О нас</a></li>
				<li><a href="">Бизнес с нами</a></li>
				<li><a href="">Условия</a></li>
				<li><a href="">Карта сайта</a></li>
			</ul>
		</div>
	</div>
	<!-- /footer -->
</body>
</html>