222 lines
13 KiB
PHP
222 lines
13 KiB
PHP
|
<!-- Teaser start -->
|
|||
|
|
<section id="teaser">
|
|||
|
|
<div class="container">
|
|||
|
|
<div class="row">
|
|||
|
|
<div class="col-md-7 col-xs-12 pull-right">
|
|||
|
|
<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
|
|||
|
|
<!-- Wrapper for slides start -->
|
|||
|
|
<div class="carousel-inner">
|
|||
|
|
<div class="item active">
|
|||
|
|
<h1 class="title">Luxury car from from $28 day
|
|||
|
|
<span class="subtitle">Treat yourself in USA</span></h1>
|
|||
|
|
<div class="car-img">
|
|||
|
|
<img src="img/car1.png" class="img-responsive" alt="car1">
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="item">
|
|||
|
|
<h1 class="title">Get 15% off your rental
|
|||
|
|
<span class="subtitle">Plan your trip now</span></h1>
|
|||
|
|
<div class="car-img">
|
|||
|
|
<img src="img/car2.png" class="img-responsive" alt="car1">
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<!-- Wrapper for slides end -->
|
|||
|
|
|
|||
|
|
<!-- Slider Controls start -->
|
|||
|
|
<a class="left carousel-control" href="index.php.html#carousel-example-generic" data-slide="prev">
|
|||
|
|
<span class="glyphicon glyphicon-chevron-left"></span>
|
|||
|
|
</a>
|
|||
|
|
<a class="right carousel-control" href="index.php.html#carousel-example-generic" data-slide="next">
|
|||
|
|
<span class="glyphicon glyphicon-chevron-right"></span>
|
|||
|
|
</a>
|
|||
|
|
<!-- Slider Controls end -->
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="col-md-5 col-xs-12 pull-left">
|
|||
|
|
<div class="reservation-form-shadow">
|
|||
|
|
|
|||
|
|
<form action="#" method="post" name="car-select-form" id="car-select-form">
|
|||
|
|
|
|||
|
|
<div class="alert alert-danger hidden" id="car-select-form-msg">
|
|||
|
|
<button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
|
|||
|
|
<strong>Note:</strong> All fields required!
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<!-- Car select start -->
|
|||
|
|
<div class="styled-select-car">
|
|||
|
|
<select name="car-select" id="car-select">
|
|||
|
|
<option value="">Select your car type</option>
|
|||
|
|
<option value="img/vehicle1.jpg">VW Golf VII</option>
|
|||
|
|
<option value="img/vehicle2.jpg">Audi A1 S-LINE</option>
|
|||
|
|
<option value="img/vehicle3.jpg">Toyota Camry</option>
|
|||
|
|
<option value="img/vehicle4.jpg">BMW 320 ModernLine</option>
|
|||
|
|
<option value="img/vehicle5.jpg">Mercedes-Benz GLK</option>
|
|||
|
|
<option value="img/vehicle6.jpg">VW Passat CC</option>
|
|||
|
|
</select>
|
|||
|
|
</div>
|
|||
|
|
<!-- Car select end -->
|
|||
|
|
|
|||
|
|
<!-- Pick-up location start -->
|
|||
|
|
<div class="location">
|
|||
|
|
<div class="input-group pick-up">
|
|||
|
|
<span class="input-group-addon"><span class="glyphicon glyphicon-map-marker"></span> Pick-up</span>
|
|||
|
|
<input type="text" name="pick-up-location" id="pick-up-location" class="form-control autocomplete-location" placeholder="Enter a City or Airport">
|
|||
|
|
</div>
|
|||
|
|
<!-- Pick-up location end -->
|
|||
|
|
|
|||
|
|
<a class="different-drop-off" href="index.php.html#">Need a different drop-off location?</a>
|
|||
|
|
|
|||
|
|
<!-- Drop-off location start -->
|
|||
|
|
<div class="input-group drop-off">
|
|||
|
|
<span class="input-group-addon"><span class="glyphicon glyphicon-map-marker"></span> Drop-off</span>
|
|||
|
|
<input type="text" name="drop-off-location" id="drop-off-location" class="form-control autocomplete-location" placeholder="Enter a City or Airport">
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<!-- Drop-off location end -->
|
|||
|
|
|
|||
|
|
<!-- Pick-up date/time start -->
|
|||
|
|
<div class="datetime pick-up">
|
|||
|
|
<div class="date pull-left">
|
|||
|
|
<div class="input-group">
|
|||
|
|
<span class="input-group-addon pixelfix"><span class="glyphicon glyphicon-calendar"></span> Pick-up</span>
|
|||
|
|
<input type="text" readonly="true" name="pick-up-date" id="pick-up-date" class="form-control datepicker" placeholder="mm/dd/yyyy">
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="time pull-right">
|
|||
|
|
<div class="styled-select-time">
|
|||
|
|
<select name="pick-up-time" id="pick-up-time">
|
|||
|
|
<option value="12:00 AM">12:00 AM</option>
|
|||
|
|
<option value="12:30 AM">12:30 AM</option>
|
|||
|
|
<option value="01:00 AM">01:00 AM</option>
|
|||
|
|
<option value="01:30 AM">01:30 AM</option>
|
|||
|
|
<option value="02:00 AM">02:00 AM</option>
|
|||
|
|
<option value="02:30 AM">02:30 AM</option>
|
|||
|
|
<option value="03:00 AM">03:00 AM</option>
|
|||
|
|
<option value="03:30 AM">03:30 AM</option>
|
|||
|
|
<option value="04:00 AM">04:00 AM</option>
|
|||
|
|
<option value="04:30 AM">04:30 AM</option>
|
|||
|
|
<option value="05:00 AM">05:00 AM</option>
|
|||
|
|
<option value="05:30 AM">05:30 AM</option>
|
|||
|
|
<option value="06:00 AM">06:00 AM</option>
|
|||
|
|
<option value="06:30 AM">06:30 AM</option>
|
|||
|
|
<option value="07:00 AM">07:00 AM</option>
|
|||
|
|
<option value="07:30 AM">07:30 AM</option>
|
|||
|
|
<option value="08:00 AM">08:00 AM</option>
|
|||
|
|
<option value="08:30 AM">08:30 AM</option>
|
|||
|
|
<option value="09:00 AM">09:00 AM</option>
|
|||
|
|
<option value="09:30 AM">09:30 AM</option>
|
|||
|
|
<option value="10:00 AM">10:00 AM</option>
|
|||
|
|
<option value="10:30 AM">10:30 AM</option>
|
|||
|
|
<option value="11:00 AM">11:00 AM</option>
|
|||
|
|
<option value="11:30 AM">11:30 AM</option>
|
|||
|
|
<option value="12:00 PM">12:00 PM</option>
|
|||
|
|
<option value="12:30 PM">12:30 PM</option>
|
|||
|
|
<option value="01:00 PM">01:00 PM</option>
|
|||
|
|
<option value="01:30 PM">01:30 PM</option>
|
|||
|
|
<option value="02:00 PM">02:00 PM</option>
|
|||
|
|
<option value="02:30 PM">02:30 PM</option>
|
|||
|
|
<option value="03:00 PM">03:00 PM</option>
|
|||
|
|
<option value="03:30 PM">03:30 PM</option>
|
|||
|
|
<option value="04:00 PM">04:00 PM</option>
|
|||
|
|
<option value="04:30 PM">04:30 PM</option>
|
|||
|
|
<option value="05:00 PM">05:00 PM</option>
|
|||
|
|
<option value="05:30 PM">05:30 PM</option>
|
|||
|
|
<option value="06:00 PM">06:00 PM</option>
|
|||
|
|
<option value="06:30 PM">06:30 PM</option>
|
|||
|
|
<option value="07:00 PM">07:00 PM</option>
|
|||
|
|
<option value="07:30 PM">07:30 PM</option>
|
|||
|
|
<option value="08:00 PM">08:00 PM</option>
|
|||
|
|
<option value="08:30 PM">08:30 PM</option>
|
|||
|
|
<option value="09:00 PM">09:00 PM</option>
|
|||
|
|
<option value="09:30 PM">09:30 PM</option>
|
|||
|
|
<option value="10:00 PM">10:00 PM</option>
|
|||
|
|
<option value="10:30 PM">10:30 PM</option>
|
|||
|
|
<option value="11:00 PM">11:00 PM</option>
|
|||
|
|
<option value="11:30 PM">11:30 PM</option>
|
|||
|
|
</select>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="clearfix"></div>
|
|||
|
|
</div>
|
|||
|
|
<!-- Pick-up date/time end -->
|
|||
|
|
|
|||
|
|
<!-- Drop-off date/time start -->
|
|||
|
|
<div class="datetime drop-off">
|
|||
|
|
<div class="date pull-left">
|
|||
|
|
<div class="input-group">
|
|||
|
|
<span class="input-group-addon pixelfix"><span class="glyphicon glyphicon-calendar"></span> Drop-off</span>
|
|||
|
|
<input type="text" readonly="true" name="drop-off-date" id="drop-off-date" class="form-control datepicker" placeholder="mm/dd/yyyy">
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="time pull-right">
|
|||
|
|
<div class="styled-select-time">
|
|||
|
|
<select name="drop-off-time" id="drop-off-time">
|
|||
|
|
<option value="12:00 AM">12:00 AM</option>
|
|||
|
|
<option value="12:30 AM">12:30 AM</option>
|
|||
|
|
<option value="01:00 AM">01:00 AM</option>
|
|||
|
|
<option value="01:30 AM">01:30 AM</option>
|
|||
|
|
<option value="02:00 AM">02:00 AM</option>
|
|||
|
|
<option value="02:30 AM">02:30 AM</option>
|
|||
|
|
<option value="03:00 AM">03:00 AM</option>
|
|||
|
|
<option value="03:30 AM">03:30 AM</option>
|
|||
|
|
<option value="04:00 AM">04:00 AM</option>
|
|||
|
|
<option value="04:30 AM">04:30 AM</option>
|
|||
|
|
<option value="05:00 AM">05:00 AM</option>
|
|||
|
|
<option value="05:30 AM">05:30 AM</option>
|
|||
|
|
<option value="06:00 AM">06:00 AM</option>
|
|||
|
|
<option value="06:30 AM">06:30 AM</option>
|
|||
|
|
<option value="07:00 AM">07:00 AM</option>
|
|||
|
|
<option value="07:30 AM">07:30 AM</option>
|
|||
|
|
<option value="08:00 AM">08:00 AM</option>
|
|||
|
|
<option value="08:30 AM">08:30 AM</option>
|
|||
|
|
<option value="09:00 AM">09:00 AM</option>
|
|||
|
|
<option value="09:30 AM">09:30 AM</option>
|
|||
|
|
<option value="10:00 AM">10:00 AM</option>
|
|||
|
|
<option value="10:30 AM">10:30 AM</option>
|
|||
|
|
<option value="11:00 AM">11:00 AM</option>
|
|||
|
|
<option value="11:30 AM">11:30 AM</option>
|
|||
|
|
<option value="12:00 PM">12:00 PM</option>
|
|||
|
|
<option value="12:30 PM">12:30 PM</option>
|
|||
|
|
<option value="01:00 PM">01:00 PM</option>
|
|||
|
|
<option value="01:30 PM">01:30 PM</option>
|
|||
|
|
<option value="02:00 PM">02:00 PM</option>
|
|||
|
|
<option value="02:30 PM">02:30 PM</option>
|
|||
|
|
<option value="03:00 PM">03:00 PM</option>
|
|||
|
|
<option value="03:30 PM">03:30 PM</option>
|
|||
|
|
<option value="04:00 PM">04:00 PM</option>
|
|||
|
|
<option value="04:30 PM">04:30 PM</option>
|
|||
|
|
<option value="05:00 PM">05:00 PM</option>
|
|||
|
|
<option value="05:30 PM">05:30 PM</option>
|
|||
|
|
<option value="06:00 PM">06:00 PM</option>
|
|||
|
|
<option value="06:30 PM">06:30 PM</option>
|
|||
|
|
<option value="07:00 PM">07:00 PM</option>
|
|||
|
|
<option value="07:30 PM">07:30 PM</option>
|
|||
|
|
<option value="08:00 PM">08:00 PM</option>
|
|||
|
|
<option value="08:30 PM">08:30 PM</option>
|
|||
|
|
<option value="09:00 PM">09:00 PM</option>
|
|||
|
|
<option value="09:30 PM">09:30 PM</option>
|
|||
|
|
<option value="10:00 PM">10:00 PM</option>
|
|||
|
|
<option value="10:30 PM">10:30 PM</option>
|
|||
|
|
<option value="11:00 PM">11:00 PM</option>
|
|||
|
|
<option value="11:30 PM">11:30 PM</option>
|
|||
|
|
</select>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="clearfix"></div>
|
|||
|
|
</div>
|
|||
|
|
<!-- Drop-off date/time end -->
|
|||
|
|
|
|||
|
|
<input type="submit" class="submit" name="submit" value="continue car reservation" id="checkoutModalLabel">
|
|||
|
|
</form>
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</section>
|
|||
|
|
<div class="arrow-down"></div>
|
|||
|
|
<!-- Teaser end -->
|
|||
|
|
|