<!DOCTYPE html>
<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!--><html lang="en"> <!--<![endif]-->
<head>
<!-- Basic Page Needs
================================================== -->
<meta charset="utf-8">
<title></title>
<meta name="description" content="">
<meta name="author" content="">
<!-- Mobile Specific Metas
================================================== -->
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<!-- CSS
================================================== -->
<link rel="stylesheet" href="static/css/zerogrid.css">
<link rel="stylesheet" href="static/css/style.css">
<link rel="stylesheet" href="static/css/responsiveslides.css">
<script src="static/js/jquery-latest.min.js"></script>
<script src="static/js/script.js"></script>
<script src="static/js/jquery183.min.js"></script>
<script src="static/js/responsiveslides.min.js"></script>
<script>
// You can also use "$(window).load(function() {"
$(function () {
// Slideshow
$("#slider").responsiveSlides({
auto: true,
pager: false,
nav: true,
speed: 500,
namespace: "callbacks",
before: function () {
$('.events').append("<li>before event fired.</li>");
},
after: function () {
$('.events').append("<li>after event fired.</li>");
}
});
});
</script>
<!--[if lt IE 8]>
<div style=' clear: both; text-align:center; position: relative;'>
<a href="http://windows.microsoft.com/en-US/internet-explorer/products/ie/home?ocid=ie6_countdown_bannercode">
<img src="http://storage.ie6countdown.com/assets/100/images/banners/warning_bar_0000_us.jpg" border="0" height="42" width="820" alt="You are using an outdated browser. For a faster, safer browsing experience, upgrade for free today." />
</a>
</div>
<![endif]-->
<!--[if lt IE 9]>
<script src="static/static/js/html5.js"></script>
<script src="static/static/js/css3-mediaqueries.js"></script>
<![endif]-->
</head>
<body>
<div class="wrap-body">
<!--////////////////////////////////////Header-->
<header class="bg-theme">
<div class="wrap-header zerogrid">
<div class="row">
<div id="cssmenu">
<ul>
<li class='active'><a href="">Home</a></li>
<li><a href="#">Cars</a></li>
<li><a href="single.html">About</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</div>
<a href='' class="logo"><img src="static/picture/logo.png"></a>
</div>
</div>
</header>
<div class="slider">
<!-- Slideshow -->
<div class="callbacks_container">
<ul class="rslides" id="slider">
<li>
<img src="static/picture/slideshow-image1.jpg" alt="">
<div class="caption">
<h1>CAR DEALER WEBSITE NAME</h1>
<span>Lorem ipsum dolor sit amet</span>
</div>
</li>
<li>
<img src="static/picture/slideshow-image2.jpg" alt="">
<div class="caption">
<h1>CAR DEALER WEBSITE NAME</h1>
<span>Lorem ipsum dolor sit amet</span>
</div>
</li>
<li>
<img src="static/picture/slideshow-image3.jpg" alt="">
<div class="caption">
<h1>CAR DEALER WEBSITE NAME</h1>
<span>Lorem ipsum dolor sit amet</span>
</div>
</li>
</ul>
</div>
<div class="clear"></div>
</div>
<div class="bg-theme">
<div class="filter zerogrid">
<h2 class="t-center">FIND CAR THAT YOU LOVE</h2>
<div class="row">
<div class="col-1-4">
<div class="wrap-col">
<span>Make :</span><br>
<select>
<option>--ALL--</option>
<option>Honda</option>
<option>Infiniti</option>
<option>Jeep</option>
<option>Mercedes-Benz</option>
<option>Volvo</option>
</select>
</div>
</div>
<div class="col-1-4">
<div class="wrap-col">
<span>Modal :</span><br>
<select>
<option>--ALL--</option>
<option>Aston martin</option>
<option>Audi</option>
<option>Bentley</option>
<option>Bmw</option>
<option>Cadillac</option>
<option>Chevrolet</option>
<option>Citroen</option>
<option>Dacia</option>
<option>Dodge</option>
<option>Ferrari</option>
<option>Ford</option>
<option>Gmc</option>
<option>Hyundai</option>
<option>Jaguar</option>
<option>Lexus</option>
</select>
</div>
</div>
<div class="col-1-4">
<div class="wrap-col">
<span>Price :</span><br>
<select>
<option>--ALL--</option>
<option>0-1000</option>
<option>1000-5000</option>
<option>5000-10000</option>
</select>
</div>
</div>
<div class="col-1-4">
<div class="wrap-col">
<br>
<a href="#" class="button bt1">Search</a>
</div>
</div>
</div>
</div>
</div>
<!--////////////////////////////////////Container-->
<section id="container">
<div class="wrap-container clearfix">
<div id="main-content">
<div class="wrap-box"><!--Start Box-->
<div class="zerogrid">
<div class="header">
<h2>FEATURED CARS</h2>
</div>
<div class="row">
<div class="col-1-3">
<div class="wrap-col">
<div class="item t-center">
<div class="item-container">
<a href="single.html">
<div class="item-caption">
<div class="item-caption-inner">
<div class="item-caption-inner1">
<span>2006 / 32,000 km / 250 HP / petrol / automatic / Sports car/Coupe / Beige</span>
</div>
</div>
</div>
<img src="static/picture/car1.jpg">
</a>
</div>
<div class="item-info">
<a href="single.html"><h3>LAMBORGHINI GALLARDO</h3></a>
<p>32,000 km €78,400</p>
</div>
</div>
<div class="item t-center">
<div class="item-container">
<a href="single.html">
<div class="item-caption">
<div class="item-caption-inner">
<div class="item-caption-inner1">
<span>2006 / 32,000 km / 250 HP / petrol / automatic / Sports car/Coupe / Beige</span>
</div>
</div>
</div>
<img src="static/picture/car5.jpg">
</a>
</div>
<div class="item-info">
<a href="single.html"><h3>LAMBORGHINI GALLARDO</h3></a>
<p>32,000 km €78,400</p>
</div>
</div>
</div>
</div>
<div class="col-1-3">
<div class="wrap-col">
<div class="item t-center">
<div class="item-container">
<a href="single.html">
<div class="item-caption">
<div class="item-caption-inner">
<div class="item-caption-inner1">
<span>2006 / 32,000 km / 250 HP / petrol / automatic / Sports car/Coupe / Beige</span>
</div>
</div>
</div>
<img src="static/picture/car2.jpg">
</a>
</div>
<div class="item-info">
<a href="single.html"><h3>LAMBORGHINI GALLARDO</h3></a>
<p>32,000 km €78,400</p>
</div>
</div>
<div class="item t-center">
<div class="item-container">
<a href="single.html">
<div class="item-caption">
<div class="item-caption-inner">
<div class="item-caption-inner1">
<span>2006 / 32,000 km / 250 HP / petrol / automatic / Sports car/Coupe / Beige</span>
</div>
</div>
</div>
<img src="static/picture/car4.jpg">