File size: 5.09Kb
<!--
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 | Order :: 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>
<script src="js/jquery.easydropdown.js"></script>
</head>
<body>
<!-- header -->
<div class="banner1">
<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 class="active"><a href="order.html">ORDER</a></li>
<li><a href="index.html" data-hover="TEST DRIVE">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 -->
</div>
</div>
<!-- header -->
<div class="order-section-page">
<div class="ordering-form">
<div class="container">
<div class="order-form-head text-center wow bounceInLeft" data-wow-delay="0.4s">
<h3>Car Booking Order Form</h3>
<p>Ordering Car Was Never So Simple !!!!!!</p>
</div>
<div class="col-md-6 order-form-grids">
<div class="order-form-grid wow fadeInLeft" data-wow-delay="0.4s">
<h5>Order Information</h5>
<span>Type of Order</span>
<div class="dropdown-button">
<select class="dropdown" tabindex="9" data-settings='{"wrapperClass":"flat"}'>
<option value="0">Home delivery</option>
<option value="1">Lorem</option>
<option value="2">Ipsum</option>
</select>
</div>
<span>Shop Location</span>
<div class="dropdown-button wow">
<select class="dropdown" tabindex="9" data-settings='{"wrapperClass":"flat"}'>
<option value="0">Shop A,144 East MG Road Indore</option>
<option value="1">Shop B,64 Paarli Hills IndoreIndore</option>
</select>
</div>
<span>Location name</span>
<div class="dropdown-button">
<select class="dropdown" tabindex="9" data-settings='{"wrapperClass":"flat"}'>
<option value="0">Secundrabad</option>
<option value="1">Location-1</option>
<option value="2">Location-2</option>
</select>
</div>
<span>Car-name</span>
<div class="dropdown-button">
<select class="dropdown" tabindex="9" data-settings='{"wrapperClass":"flat"}'>
<option value="0">HYUNDAI</option>
<option value="1">TATA NANAO LX</option>
<option value="2">MARUTI SUZUKI</option>
</select>
</div>
<input type="text" class="text" value="Time" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Time';}"><br>
<div class="wow swing animated" data-wow-delay= "0.4s">
<input type="button" value="order now">
</div>
</div>
</div>
<div class="col-md-6 ordering-image wow bounceIn" data-wow-delay="0.4s">
<img src="images/img3.png" class="img-responsive" alt="" />
</div>
</div>
</div>
</div>
<!-- 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>