View file web/index.html

File size: 7.11Kb
<!--
Author: W3layouts
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
-->
<!DOCTYPE HTML>
<html>
<head>
<title>Tesla a Autos & Transportation Category Flat Bootstarp Responsive Website Template | Home :: w3layouts</title>
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all">
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="Tesla Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template, 
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<link href='http://fonts.googleapis.com/css?family=Varela+Round' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="css/flexslider.css" type="text/css" media="screen" />
<script src="js/jquery.min.js"></script>
</head>
<body>
<!-- header -->
	<div class="banner">
		<div class="container">
			<div class="header-bottom">
				<div class="logo">
					<a href="index.html"><img src="images/logo.png" class="img-responsive" alt="" /></a>
				</div>
				<div class="head-nav">
					<span class="menu"> </span>
						<ul class="cl-effect-15">
							<li><a href="order.html" data-hover="ORDER">ORDER</a></li>
							<li class="active"><a href="index.html">TEST DRIVE</a></li>
							<li><a href="gallery.html" data-hover="GALLERY">GALLERY</a></li>
							<li><a href="videos.html" data-hover="VIDEOS">VIDEOS</a></li>
								<li><a href="404.html" data-hover="CHARGING">CHARGING</a></li>
								<div class="clearfix"> </div>
						</ul>
				</div>
				<div class="clearfix"> </div>
			</div>
						<!-- script-for-nav -->
					<script>
						$( "span.menu" ).click(function() {
						  $( ".head-nav ul" ).slideToggle(300, function() {
							// Animation complete.
						  });
						});
					</script>
				<!-- script-for-nav --> 	
				<section class="slider">
				<div class="flexslider">
					<ul class="slides">
						<li>
							<div class="banner-info">
								<h1>Tesla Model S</h1>
								<p>The Tesla Model S is a full-sized electric five-door, luxury liftback, produced by Tesla Motors. Since its introduction in June 2012 it has achieved rapidly growing sales, particularly in Norway and California. </p>
								<a href="#" class="more">TEST DRIVE</a>
							</div>
						</li>
						<li>
							<div class="banner-info">
								<h1>Tesla Model S</h1>
								<p>The Tesla Model S is a full-sized electric five-door, luxury liftback, produced by Tesla Motors. Since its introduction in June 2012 it has achieved rapidly growing sales, particularly in Norway and California. </p>
								<a href="#" class="more">TEST DRIVE</a>
							</div>
						</li>
						<li>	
							<div class="banner-info">
								<h1>Tesla Model S</h1>
								<p>The Tesla Model S is a full-sized electric five-door, luxury liftback, produced by Tesla Motors. Since its introduction in June 2012 it has achieved rapidly growing sales, particularly in Norway and California. </p>
								<a href="#" class="more">TEST DRIVE</a>
							</div>
						</li>
						<li>	
							<div class="banner-info">
								<h1>Tesla Model S</h1>
								<p>The Tesla Model S is a full-sized electric five-door, luxury liftback, produced by Tesla Motors. Since its introduction in June 2012 it has achieved rapidly growing sales, particularly in Norway and California. </p>
								<a href="#" class="more">TEST DRIVE</a>
							</div>
						</li>
						<li>
							<div class="banner-info">
								<h1>Tesla Model S</h1>
								<p>The Tesla Model S is a full-sized electric five-door, luxury liftback, produced by Tesla Motors. Since its introduction in June 2012 it has achieved rapidly growing sales, particularly in Norway and California. </p>
								<a href="#" class="more">TEST DRIVE</a>
							</div>
						</li>
					</ul>
				</div>
			</section>
						<!-- FlexSlider -->
							  <script defer src="js/jquery.flexslider.js"></script>
							  <script type="text/javascript">
								$(function(){
								  SyntaxHighlighter.all();
								});
								$(window).load(function(){
								  $('.flexslider').flexslider({
									animation: "slide",
									start: function(slider){
									  $('body').removeClass('loading');
									}
								  });
								});
							  </script>
						<!-- FlexSlider -->
		</div>
	</div>
<!-- seats -->
	<div class="seats">
		<div class="seats-1">
				<i class="line1"> </i>		
		</div>
	</div>
<!-- seats -->
<div class="avilable">
				<div class="col-md-4 avilable-1">
				<i class="line"> </i>
					<h3>5+2</h3>
					<p>available seats</p>
				</div>
				<div class="col-md-4 avilable-1">
					<i class="line"> </i>
					<h3>3.2<sup>sec</sup></h3>
					<p>0 — 60 max acceleration</p>
				</div>
				<div class="col-md-4 avilable-1">
					<i class="line"> </i>
					<h3>275<sup>mi</sup></h3>
					<p>range at 65 mpH</p>
				</div>
					<div class="clearfix"> </div>
		</div>
<!-- carbon -->
	<div class="carbon">
		<div class="col-md-6 carbon-left">
		
			<h3>Carbon Fiber Spoiler</h3>
			<p>Beginning with vehicles manufactured in late September 2014, all new Model S's come equipped with a camera mounted at the top of the windshield, forward looking radar in the lower grill, and ultrasonic sonar sensors in the front and rear bumpers that provide a 360-degree buffer zone around the car. </p>
		</div>
		<div class="col-md-6 carbon-right">
		<i class="line2"> </i>	
		<img src="images/img1.jpg" class="img-responsive" alt="">
		</div>
		
			<div class="clearfix"> </div>
			<div class="col-md-6 carbon-right">
		<img src="images/img2.jpg" class="img-responsive" alt="">
		</div>
		<div class="col-md-6 carbon-left1">
		<i class="line3"> </i>	
			<h3>Premium Interrior</h3>
			<p>The instrument panel is a 12.3 in (31 cm) LCD display that indicates speed, power usage, charge level, estimated range and active gear. The gearbox can be set to Drive, Neutral, Reverse and Park.</p>
		
		</div>
		<div class="clearfix"> </div>
	</div>
<!-- carbon -->
<!-- jo-us -->
<div class="jo-us">
<div class="container">
	<a href="#" class="join">join us to test drive</a>
	<h6>* All guests who wish to test drive the new Tesla Model S will be subject to a credit check</h6>
</div>
</div>
<!-- jo-us -->
<!-- footer -->
	<div class="footer">
		<div class="container">
			<a href="index.html"><img src="images/foot.png" class="img-responsive" alt="" /></a>
			<p>Copyrights © 2015 Tesla All rights reserved | Template by <a href="http://w3layouts.com/">W3layouts</a></p>
		</div>
	</div>
<!-- footer -->
</body>
</html>