533 lines
24 KiB
PHP
533 lines
24 KiB
PHP
<!-- Vehicles start -->
|
|
<section id="vehicles" class="container">
|
|
<div class="row">
|
|
<div class="col-md-12">
|
|
<h2 class="title wow fadeInDown" data-wow-offset="200">Vehicle Models - <span class="subtitle">Our rental fleet at a glance</span></h2>
|
|
</div>
|
|
|
|
<!-- Vehicle nav start -->
|
|
<div class="col-md-3 vehicle-nav-row wow fadeInUp" data-wow-offset="100">
|
|
<div id="vehicle-nav-container">
|
|
<ul class="vehicle-nav">
|
|
<li class="active"><a href="index.php#vehicle-1">VW Golf VII</a><span class="active"> </span></li>
|
|
<li><a href="index.php#vehicle-2">Audi A1 S-LINE</a><span class="active"> </span></li>
|
|
<li><a href="index.php#vehicle-3">Toyota Camry</a><span class="active"> </span></li>
|
|
<li><a href="index.php#vehicle-4">BMW 320 ModernLine</a><span class="active"> </span></li>
|
|
<li><a href="index.php#vehicle-5">Mercedes-Benz GLK</a><span class="active"> </span></li>
|
|
<li><a href="index.php#vehicle-6">VW Passat CC</a><span class="active"> </span></li>
|
|
|
|
<li><a href="index.php#vehicle-7">Audi A1 S-LINE</a><span class="active"> </span></li>
|
|
<li><a href="index.php#vehicle-8">Toyota Camry</a><span class="active"> </span></li>
|
|
<li><a href="index.php#vehicle-9">BMW 320 ModernLine</a><span class="active"> </span></li>
|
|
<li><a href="index.php#vehicle-10">Mercedes-Benz GLK</a><span class="active"> </span></li>
|
|
<li><a href="index.php#vehicle-11">VW Passat CC</a><span class="active"> </span></li>
|
|
|
|
<li><a href="index.php#vehicle-7">Audi A1 S-LINE 12</a><span class="active"> </span></li>
|
|
<li><a href="index.php#vehicle-8">Toyota Camry 13</a><span class="active"> </span></li>
|
|
<li><a href="index.php#vehicle-9">BMW 320 ModernLine 14</a><span class="active"> </span></li>
|
|
<li><a href="index.php#vehicle-10">Mercedes-Benz GLK 15</a><span class="active"> </span></li>
|
|
<li><a href="index.php#vehicle-11">VW Passat CC 16</a><span class="active"> </span></li>
|
|
|
|
<li><a href="index.php#vehicle-7">Audi A1 S-LINE</a><span class="active"> </span></li>
|
|
<li><a href="index.php#vehicle-8">Toyota Camry</a><span class="active"> </span></li>
|
|
<li><a href="index.php#vehicle-9">BMW 320 ModernLine</a><span class="active"> </span></li>
|
|
<li><a href="index.php#vehicle-10">Mercedes-Benz GLK</a><span class="active"> </span></li>
|
|
<li><a href="index.php#vehicle-11">VW Passat CC</a><span class="active"> </span></li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="vehicle-nav-control">
|
|
<a class="vehicle-nav-scroll" data-direction="up" href="index.php#"><i class="fa fa-chevron-up"></i></a>
|
|
<a class="vehicle-nav-scroll" data-direction="down" href="index.php#"><i class="fa fa-chevron-down"></i></a>
|
|
</div>
|
|
|
|
</div>
|
|
<!-- Vehicle nav end -->
|
|
|
|
<!-- Vehicle 1 data start -->
|
|
<div class="vehicle-data" id="vehicle-1">
|
|
<div class="col-md-6 wow fadeIn" data-wow-offset="100">
|
|
<div class="vehicle-img">
|
|
<img class="img-responsive" src="img/vehicle1.jpg" alt="Vehicle">
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3 wow fadeInUp" data-wow-offset="200">
|
|
<div class="vehicle-price">$ 37.40 <span class="info">rent per day</span></div>
|
|
<table class="table vehicle-features">
|
|
<tr>
|
|
<td>Model</td>
|
|
<td>Limousine</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Doors</td>
|
|
<td>4</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Seats</td>
|
|
<td>5</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Luggage</td>
|
|
<td>2 Suitcases / 2 Bags</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Transmission</td>
|
|
<td>Automatic</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Air conditioning</td>
|
|
<td>Yes</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Minimum age</td>
|
|
<td>25 years</td>
|
|
</tr>
|
|
</table>
|
|
<a href="index.php#teaser" class="reserve-button scroll-to"><span class="glyphicon glyphicon-calendar"></span> Reserve now</a>
|
|
</div>
|
|
</div>
|
|
<!-- Vehicle 1 data end -->
|
|
|
|
<!-- Vehicle 2 data start -->
|
|
<div class="vehicle-data" id="vehicle-2">
|
|
<div class="col-md-6" data-wow-offset="200">
|
|
<div class="vehicle-img">
|
|
<img class="img-responsive" src="img/vehicle2.jpg" alt="Vehicle">
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3" data-wow-offset="200">
|
|
<div class="vehicle-price">$ 70.40 <span class="info">rent per day</span></div>
|
|
<table class="table vehicle-features">
|
|
<tr>
|
|
<td>Model</td>
|
|
<td>Limousine</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Doors</td>
|
|
<td>4</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Seats</td>
|
|
<td>5</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Luggage</td>
|
|
<td>2 Suitcases / 2 Bags</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Transmission</td>
|
|
<td>Automatic</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Air conditioning</td>
|
|
<td>Yes</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Minimum age</td>
|
|
<td>25 years</td>
|
|
</tr>
|
|
</table>
|
|
<a href="index.php#teaser" class="reserve-button scroll-to"><span class="glyphicon glyphicon-calendar"></span> Reserve now</a>
|
|
</div>
|
|
</div>
|
|
<!-- Vehicle 2 data end -->
|
|
|
|
<!-- Vehicle 3 data start -->
|
|
<div class="vehicle-data" id="vehicle-3">
|
|
<div class="col-md-6" data-wow-offset="200">
|
|
<div class="vehicle-img">
|
|
<img class="img-responsive" src="img/vehicle3.jpg" alt="Vehicle">
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3" data-wow-offset="200">
|
|
<div class="vehicle-price">$ 100.40 <span class="info">rent per day</span></div>
|
|
<table class="table vehicle-features">
|
|
<tr>
|
|
<td>Model</td>
|
|
<td>Limousine</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Doors</td>
|
|
<td>4</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Seats</td>
|
|
<td>5</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Luggage</td>
|
|
<td>2 Suitcases / 2 Bags</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Transmission</td>
|
|
<td>Automatic</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Air conditioning</td>
|
|
<td>Yes</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Minimum age</td>
|
|
<td>25 years</td>
|
|
</tr>
|
|
</table>
|
|
<a href="index.php#teaser" class="reserve-button scroll-to"><span class="glyphicon glyphicon-calendar"></span> Reserve now</a>
|
|
</div>
|
|
</div>
|
|
<!-- Vehicle 3 data end -->
|
|
|
|
<!-- Vehicle 4 data start -->
|
|
<div class="vehicle-data" id="vehicle-4">
|
|
<div class="col-md-6" data-wow-offset="200">
|
|
<div class="vehicle-img">
|
|
<img class="img-responsive" src="img/vehicle4.jpg" alt="Vehicle">
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3" data-wow-offset="200">
|
|
<div class="vehicle-price">$ 100.40 <span class="info">rent per day</span></div>
|
|
<table class="table vehicle-features">
|
|
<tr>
|
|
<td>Model</td>
|
|
<td>Limousine</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Doors</td>
|
|
<td>4</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Seats</td>
|
|
<td>5</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Luggage</td>
|
|
<td>2 Suitcases / 2 Bags</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Transmission</td>
|
|
<td>Automatic</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Air conditioning</td>
|
|
<td>Yes</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Minimum age</td>
|
|
<td>25 years</td>
|
|
</tr>
|
|
</table>
|
|
<a href="index.php#teaser" class="reserve-button scroll-to"><span class="glyphicon glyphicon-calendar"></span> Reserve now</a>
|
|
</div>
|
|
</div>
|
|
<!-- Vehicle 4 data end -->
|
|
|
|
<!-- Vehicle 5 data start -->
|
|
<div class="vehicle-data" id="vehicle-5">
|
|
<div class="col-md-6" data-wow-offset="200">
|
|
<div class="vehicle-img">
|
|
<img class="img-responsive" src="img/vehicle5.jpg" alt="Vehicle">
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3" data-wow-offset="200">
|
|
<div class="vehicle-price">$ 100.40 <span class="info">rent per day</span></div>
|
|
<table class="table vehicle-features">
|
|
<tr>
|
|
<td>Model</td>
|
|
<td>Limousine</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Doors</td>
|
|
<td>4</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Seats</td>
|
|
<td>5</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Luggage</td>
|
|
<td>2 Suitcases / 2 Bags</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Transmission</td>
|
|
<td>Automatic</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Air conditioning</td>
|
|
<td>Yes</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Minimum age</td>
|
|
<td>25 years</td>
|
|
</tr>
|
|
</table>
|
|
<a href="index.php#teaser" class="reserve-button scroll-to"><span class="glyphicon glyphicon-calendar"></span> Reserve now</a>
|
|
</div>
|
|
</div>
|
|
<!-- Vehicle 5 data end -->
|
|
|
|
<!-- Vehicle 6 data start -->
|
|
<div class="vehicle-data" id="vehicle-6">
|
|
<div class="col-md-6" data-wow-offset="200">
|
|
<div class="vehicle-img">
|
|
<img class="img-responsive" src="img/vehicle6.jpg" alt="Vehicle">
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3" data-wow-offset="200">
|
|
<div class="vehicle-price">$ 100.40 <span class="info">rent per day</span></div>
|
|
<table class="table vehicle-features">
|
|
<tr>
|
|
<td>Model</td>
|
|
<td>Limousine</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Doors</td>
|
|
<td>4</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Seats</td>
|
|
<td>5</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Luggage</td>
|
|
<td>2 Suitcases / 2 Bags</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Transmission</td>
|
|
<td>Automatic</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Air conditioning</td>
|
|
<td>Yes</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Minimum age</td>
|
|
<td>25 years</td>
|
|
</tr>
|
|
</table>
|
|
<a href="index.php#teaser" class="reserve-button scroll-to"><span class="glyphicon glyphicon-calendar"></span> Reserve now</a>
|
|
</div>
|
|
</div>
|
|
<!-- Vehicle 6 data end -->
|
|
|
|
<!-- Vehicle 7 data start -->
|
|
<div class="vehicle-data" id="vehicle-7">
|
|
<div class="col-md-6" data-wow-offset="200">
|
|
<div class="vehicle-img">
|
|
<img class="img-responsive" src="img/vehicle2.jpg" alt="Vehicle">
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3" data-wow-offset="200">
|
|
<div class="vehicle-price">$ 70.40 <span class="info">rent per day</span></div>
|
|
<table class="table vehicle-features">
|
|
<tr>
|
|
<td>Model</td>
|
|
<td>Limousine</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Doors</td>
|
|
<td>4</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Seats</td>
|
|
<td>5</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Luggage</td>
|
|
<td>2 Suitcases / 2 Bags</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Transmission</td>
|
|
<td>Automatic</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Air conditioning</td>
|
|
<td>Yes</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Minimum age</td>
|
|
<td>25 years</td>
|
|
</tr>
|
|
</table>
|
|
<a href="index.php#teaser" class="reserve-button scroll-to"><span class="glyphicon glyphicon-calendar"></span> Reserve now</a>
|
|
</div>
|
|
</div>
|
|
<!-- Vehicle 7 data end -->
|
|
|
|
<!-- Vehicle 8 data start -->
|
|
<div class="vehicle-data" id="vehicle-8">
|
|
<div class="col-md-6" data-wow-offset="200">
|
|
<div class="vehicle-img">
|
|
<img class="img-responsive" src="img/vehicle3.jpg" alt="Vehicle">
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3" data-wow-offset="200">
|
|
<div class="vehicle-price">$ 100.40 <span class="info">rent per day</span></div>
|
|
<table class="table vehicle-features">
|
|
<tr>
|
|
<td>Model</td>
|
|
<td>Limousine</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Doors</td>
|
|
<td>4</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Seats</td>
|
|
<td>5</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Luggage</td>
|
|
<td>2 Suitcases / 2 Bags</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Transmission</td>
|
|
<td>Automatic</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Air conditioning</td>
|
|
<td>Yes</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Minimum age</td>
|
|
<td>25 years</td>
|
|
</tr>
|
|
</table>
|
|
<a href="index.php#teaser" class="reserve-button scroll-to"><span class="glyphicon glyphicon-calendar"></span> Reserve now</a>
|
|
</div>
|
|
</div>
|
|
<!-- Vehicle 8 data end -->
|
|
|
|
<!-- Vehicle 9 data start -->
|
|
<div class="vehicle-data" id="vehicle-9">
|
|
<div class="col-md-6" data-wow-offset="200">
|
|
<div class="vehicle-img">
|
|
<img class="img-responsive" src="img/vehicle4.jpg" alt="Vehicle">
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3" data-wow-offset="200">
|
|
<div class="vehicle-price">$ 100.40 <span class="info">rent per day</span></div>
|
|
<table class="table vehicle-features">
|
|
<tr>
|
|
<td>Model</td>
|
|
<td>Limousine</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Doors</td>
|
|
<td>4</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Seats</td>
|
|
<td>5</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Luggage</td>
|
|
<td>2 Suitcases / 2 Bags</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Transmission</td>
|
|
<td>Automatic</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Air conditioning</td>
|
|
<td>Yes</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Minimum age</td>
|
|
<td>25 years</td>
|
|
</tr>
|
|
</table>
|
|
<a href="index.php#teaser" class="reserve-button scroll-to"><span class="glyphicon glyphicon-calendar"></span> Reserve now</a>
|
|
</div>
|
|
</div>
|
|
<!-- Vehicle 9 data end -->
|
|
|
|
<!-- Vehicle 10 data start -->
|
|
<div class="vehicle-data" id="vehicle-10">
|
|
<div class="col-md-6" data-wow-offset="200">
|
|
<div class="vehicle-img">
|
|
<img class="img-responsive" src="img/vehicle5.jpg" alt="Vehicle">
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3" data-wow-offset="200">
|
|
<div class="vehicle-price">$ 100.40 <span class="info">rent per day</span></div>
|
|
<table class="table vehicle-features">
|
|
<tr>
|
|
<td>Model</td>
|
|
<td>Limousine</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Doors</td>
|
|
<td>4</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Seats</td>
|
|
<td>5</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Luggage</td>
|
|
<td>2 Suitcases / 2 Bags</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Transmission</td>
|
|
<td>Automatic</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Air conditioning</td>
|
|
<td>Yes</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Minimum age</td>
|
|
<td>25 years</td>
|
|
</tr>
|
|
</table>
|
|
<a href="index.php#teaser" class="reserve-button scroll-to"><span class="glyphicon glyphicon-calendar"></span> Reserve now</a>
|
|
</div>
|
|
</div>
|
|
<!-- Vehicle 10 data end -->
|
|
|
|
<!-- Vehicle 11 data start -->
|
|
<div class="vehicle-data" id="vehicle-11">
|
|
<div class="col-md-6" data-wow-offset="200">
|
|
<div class="vehicle-img">
|
|
<img class="img-responsive" src="img/vehicle6.jpg" alt="Vehicle">
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3" data-wow-offset="200">
|
|
<div class="vehicle-price">$ 100.40 <span class="info">rent per day</span></div>
|
|
<table class="table vehicle-features">
|
|
<tr>
|
|
<td>Model</td>
|
|
<td>Limousine</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Doors</td>
|
|
<td>4</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Seats</td>
|
|
<td>5</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Luggage</td>
|
|
<td>2 Suitcases / 2 Bags</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Transmission</td>
|
|
<td>Automatic</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Air conditioning</td>
|
|
<td>Yes</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Minimum age</td>
|
|
<td>25 years</td>
|
|
</tr>
|
|
</table>
|
|
<a href="index.php#teaser" class="reserve-button scroll-to"><span class="glyphicon glyphicon-calendar"></span> Reserve now</a>
|
|
</div>
|
|
</div>
|
|
<!-- Vehicle 11 data end -->
|
|
|
|
</div>
|
|
</section>
|
|
<!-- Vehicles end --> |