changes
changes
This commit is contained in:
@ -1,32 +1,331 @@
|
||||
<!-- Cta Rental Section Start -->
|
||||
<section class="cta-rental-section bg-cover fix section-padding" style="background-image: url('img/cta/bg-app.jpg');">
|
||||
|
||||
|
||||
<!-- Car Rentals Section Start -->
|
||||
<section class="car-rentals-section-2 section-padding fix">
|
||||
<div class="container">
|
||||
<div class="row g-4 justify-content-between align-items-center">
|
||||
<div class="col-lg-6">
|
||||
<div class="cta-rental-items">
|
||||
<h4 class="wow fadeInUp" data-wow-delay=".3s">Faster, easier access to car rental services</h4>
|
||||
<h2 class="wow fadeInUp" data-wow-delay=".5s">Premium Car Rental</h2>
|
||||
<div class="rental-app-button">
|
||||
<a href="index.php" class="app-button-items wow fadeInUp" data-wow-delay=".7s">
|
||||
<span class="button-icon"><i class="fa-solid fa-play"></i></span>
|
||||
<span class="button-text">
|
||||
<span class="text">Get in</span> <br>
|
||||
<span class="headding-text">Google Play</span>
|
||||
</span>
|
||||
</a>
|
||||
<a href="index.php" class="app-button-items style-2 wow fadeInUp" data-wow-delay=".8s">
|
||||
<span class="button-icon"><i class="fa-brands fa-apple"></i></span>
|
||||
<span class="button-text">
|
||||
<span class="text">Get in</span> <br>
|
||||
<span class="headding-text">Play Store</span>
|
||||
</span>
|
||||
</a>
|
||||
<div class="section-title text-center">
|
||||
<img src="img/sub-icon.png" alt="icon-img" class="wow fadeInUp">
|
||||
<span class="wow fadeInUp" data-wow-delay=".2s">Checkout our cars</span>
|
||||
<h2 class="wow fadeInUp" data-wow-delay=".4s">
|
||||
Cars We’re Offering <br>
|
||||
for Rentals
|
||||
</h2>
|
||||
</div>
|
||||
<div class="row g-4">
|
||||
<div class="col-xl-4 col-lg-6 col-md-6 wow fadeInUp" data-wow-delay=".3s">
|
||||
<div class="car-rentals-items mt-0">
|
||||
<div class="car-image">
|
||||
<img src="img/Cars/peugeot_308.jpg" alt="img">
|
||||
</div>
|
||||
<div class="car-content">
|
||||
<div class="post-cat">
|
||||
2015 Model
|
||||
</div>
|
||||
<div class="star">
|
||||
<i class="fa-solid fa-star"></i>
|
||||
<i class="fa-solid fa-star"></i>
|
||||
<i class="fa-solid fa-star"></i>
|
||||
<i class="fa-solid fa-star"></i>
|
||||
<i class="fa-solid fa-star"></i>
|
||||
<span>2 Reviews</span>
|
||||
</div>
|
||||
<h4><a href="car-details.php">peugeot 308</a></h4>
|
||||
<h6>$70.00 <span>/ Day</span></h6>
|
||||
<div class="icon-items">
|
||||
<ul>
|
||||
<li>
|
||||
<img src="img/car/seat.svg" alt="img" class="me-1">
|
||||
5 Seats
|
||||
</li>
|
||||
<li>
|
||||
<img src="img/car/door.svg" alt="img" class="me-1">
|
||||
5 Doors
|
||||
</li>
|
||||
</ul>
|
||||
<ul>
|
||||
<li>
|
||||
<img src="img/car/automatic.svg" alt="img" class="me-1">
|
||||
Automatic and Manual
|
||||
</li>
|
||||
<li>
|
||||
<img src="img/car/petrol.svg" alt="img" class="me-1">
|
||||
Petrol
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<a href="car-details.php" class="theme-btn bg-color w-100 text-center">book now <i class="fa-solid fa-arrow-right ps-1"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-5 wow fadeInUp" data-wow-delay=".4s">
|
||||
<div class="mobile-remons-image">
|
||||
<img src="img/mobile-remons.png" alt="img">
|
||||
<div class="col-xl-4 col-lg-6 col-md-6 wow fadeInUp" data-wow-delay=".5s">
|
||||
<div class="car-rentals-items mt-0">
|
||||
<div class="car-image">
|
||||
<img src="img/Cars/navara.jpg" alt="img">
|
||||
</div>
|
||||
<div class="car-content">
|
||||
<div class="post-cat">
|
||||
2015 Model
|
||||
</div>
|
||||
<div class="star">
|
||||
<i class="fa-solid fa-star"></i>
|
||||
<i class="fa-solid fa-star"></i>
|
||||
<i class="fa-solid fa-star"></i>
|
||||
<i class="fa-solid fa-star"></i>
|
||||
<i class="fa-solid fa-star"></i>
|
||||
<span>2 Reviews</span>
|
||||
</div>
|
||||
<h4><a href="car-details.php">Navara</a></h4>
|
||||
<h6>$70.00 <span>/ Day</span></h6>
|
||||
<div class="icon-items">
|
||||
<ul>
|
||||
<li>
|
||||
<img src="img/car/seat.svg" alt="img" class="me-1">
|
||||
5 Seats
|
||||
</li>
|
||||
<li>
|
||||
<img src="img/car/door.svg" alt="img" class="me-1">
|
||||
4 Doors (Double cab)
|
||||
</li>
|
||||
</ul>
|
||||
<ul>
|
||||
<li>
|
||||
<img src="img/car/automatic.svg" alt="img" class="me-1">
|
||||
Automatic and Manual
|
||||
</li>
|
||||
<li>
|
||||
<img src="img/car/petrol.svg" alt="img" class="me-1">
|
||||
Diesel
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<a href="car-details.php" class="theme-btn bg-color w-100 text-center">book now <i class="fa-solid fa-arrow-right ps-1"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-xl-4 col-lg-6 col-md-6 wow fadeInUp" data-wow-delay=".7s">
|
||||
<div class="car-rentals-items mt-0">
|
||||
<div class="car-image">
|
||||
<img src="img/Cars/ford_ecosport_trend.jpg" alt="img">
|
||||
</div>
|
||||
<div class="car-content">
|
||||
<div class="post-cat">
|
||||
2027 Model
|
||||
</div>
|
||||
<div class="star">
|
||||
<i class="fa-solid fa-star"></i>
|
||||
<i class="fa-solid fa-star"></i>
|
||||
<i class="fa-solid fa-star"></i>
|
||||
<i class="fa-solid fa-star"></i>
|
||||
<i class="fa-solid fa-star"></i>
|
||||
<span>2 Reviews</span>
|
||||
</div>
|
||||
<h4><a href="car-details.php">Ford Ecosport Trend</a></h4>
|
||||
<h6>$70.00 <span>/ Day</span></h6>
|
||||
<div class="icon-items">
|
||||
<ul>
|
||||
<li>
|
||||
<img src="img/car/seat.svg" alt="img" class="me-1">
|
||||
5 Seats
|
||||
</li>
|
||||
<li>
|
||||
<img src="img/car/door.svg" alt="img" class="me-1">
|
||||
5 Doors
|
||||
</li>
|
||||
</ul>
|
||||
<ul>
|
||||
<li>
|
||||
<img src="img/car/automatic.svg" alt="img" class="me-1">
|
||||
Automatic and Manual
|
||||
</li>
|
||||
<li>
|
||||
<img src="img/car/petrol.svg" alt="img" class="me-1">
|
||||
Petrol
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<a href="car-details.php" class="theme-btn bg-color w-100 text-center">book now <i class="fa-solid fa-arrow-right ps-1"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-xl-4 col-lg-6 col-md-6 wow fadeInUp" data-wow-delay=".3s">
|
||||
<div class="car-rentals-items mt-0">
|
||||
<div class="car-image">
|
||||
<img src="img/Cars/mitsubhi.jpg" alt="img">
|
||||
</div>
|
||||
<div class="car-content">
|
||||
<div class="post-cat">
|
||||
2015 Model
|
||||
</div>
|
||||
<div class="star">
|
||||
<i class="fa-solid fa-star"></i>
|
||||
<i class="fa-solid fa-star"></i>
|
||||
<i class="fa-solid fa-star"></i>
|
||||
<i class="fa-solid fa-star"></i>
|
||||
<i class="fa-solid fa-star"></i>
|
||||
<span>2 Reviews</span>
|
||||
</div>
|
||||
<h4><a href="car-details.php">Mitsubishi Pajero Exceed</a></h4>
|
||||
<h6>$70.00 <span>/ Day</span></h6>
|
||||
<div class="icon-items">
|
||||
<ul>
|
||||
<li>
|
||||
<img src="img/car/seat.svg" alt="img" class="me-1">
|
||||
7 Seats
|
||||
</li>
|
||||
<li>
|
||||
<img src="img/car/door.svg" alt="img" class="me-1">
|
||||
5 Doors
|
||||
</li>
|
||||
</ul>
|
||||
<ul>
|
||||
<li>
|
||||
<img src="img/car/automatic.svg" alt="img" class="me-1">
|
||||
Automatic
|
||||
</li>
|
||||
<li>
|
||||
<img src="img/car/petrol.svg" alt="img" class="me-1">
|
||||
Diesel
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<a href="car-details.php" class="theme-btn bg-color w-100 text-center">book now <i class="fa-solid fa-arrow-right ps-1"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-xl-4 col-lg-6 col-md-6 wow fadeInUp" data-wow-delay=".5s">
|
||||
<div class="car-rentals-items mt-0">
|
||||
<div class="car-image">
|
||||
<img src="img/car/09.jpg" alt="img">
|
||||
</div>
|
||||
<div class="car-content">
|
||||
<div class="post-cat">
|
||||
2018 Model
|
||||
</div>
|
||||
<div class="star">
|
||||
<i class="fa-solid fa-star"></i>
|
||||
<i class="fa-solid fa-star"></i>
|
||||
<i class="fa-solid fa-star"></i>
|
||||
<i class="fa-solid fa-star"></i>
|
||||
<i class="fa-solid fa-star"></i>
|
||||
<span>2 Reviews</span>
|
||||
</div>
|
||||
<h4><a href="car-details.php">MG Hector ZS</a></h4>
|
||||
<h6>$70.00 <span>/ Day</span></h6>
|
||||
<div class="icon-items">
|
||||
<ul>
|
||||
<li>
|
||||
<img src="img/car/seat.svg" alt="img" class="me-1">
|
||||
5 Seats
|
||||
</li>
|
||||
<li>
|
||||
<img src="img/car/door.svg" alt="img" class="me-1">
|
||||
5 Doors
|
||||
</li>
|
||||
</ul>
|
||||
<ul>
|
||||
<li>
|
||||
<img src="img/car/automatic.svg" alt="img" class="me-1">
|
||||
Automatic
|
||||
</li>
|
||||
<li>
|
||||
<img src="img/car/petrol.svg" alt="img" class="me-1">
|
||||
Petrol
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<a href="car-details.php" class="theme-btn bg-color w-100 text-center">book now <i class="fa-solid fa-arrow-right ps-1"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-xl-4 col-lg-6 col-md-6 wow fadeInUp" data-wow-delay=".7s">
|
||||
<div class="car-rentals-items mt-0">
|
||||
<div class="car-image">
|
||||
<img src="img/Cars/beetle.jpg" alt="img">
|
||||
</div>
|
||||
<div class="car-content">
|
||||
<div class="post-cat">
|
||||
1995 Model
|
||||
</div>
|
||||
<div class="star">
|
||||
<i class="fa-solid fa-star"></i>
|
||||
<i class="fa-solid fa-star"></i>
|
||||
<i class="fa-solid fa-star"></i>
|
||||
<i class="fa-solid fa-star"></i>
|
||||
<i class="fa-solid fa-star"></i>
|
||||
<span>2 Reviews</span>
|
||||
</div>
|
||||
<h4><a href="car-details.php">Beetle</a></h4>
|
||||
<h6>$70.00 <span>/ Day</span></h6>
|
||||
<div class="icon-items">
|
||||
<ul>
|
||||
<li>
|
||||
<img src="img/car/seat.svg" alt="img" class="me-1">
|
||||
4 Seats
|
||||
</li>
|
||||
<li>
|
||||
<img src="img/car/door.svg" alt="img" class="me-1">
|
||||
2 Doors
|
||||
</li>
|
||||
</ul>
|
||||
<ul>
|
||||
<li>
|
||||
<img src="img/car/automatic.svg" alt="img" class="me-1">
|
||||
Manual
|
||||
</li>
|
||||
<li>
|
||||
<img src="img/car/petrol.svg" alt="img" class="me-1">
|
||||
Petrol
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<a href="car-details.php" class="theme-btn bg-color w-100 text-center">book now <i class="fa-solid fa-arrow-right ps-1"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-xl-4 col-lg-6 col-md-6 wow fadeInUp" data-wow-delay=".5s">
|
||||
<div class="car-rentals-items mt-0">
|
||||
<div class="car-image">
|
||||
<img src="img/Cars/honda city.jpg" alt="img">
|
||||
</div>
|
||||
<div class="car-content">
|
||||
<div class="post-cat">
|
||||
2015 Model
|
||||
</div>
|
||||
<div class="star">
|
||||
<i class="fa-solid fa-star"></i>
|
||||
<i class="fa-solid fa-star"></i>
|
||||
<i class="fa-solid fa-star"></i>
|
||||
<i class="fa-solid fa-star"></i>
|
||||
<i class="fa-solid fa-star"></i>
|
||||
<span>2 Reviews</span>
|
||||
</div>
|
||||
<h4><a href="car-details.php">Honda City</a></h4>
|
||||
<h6>$70.00 <span>/ Day</span></h6>
|
||||
<div class="icon-items">
|
||||
<ul>
|
||||
<li>
|
||||
<img src="img/car/seat.svg" alt="img" class="me-1">
|
||||
5 Seats
|
||||
</li>
|
||||
<li>
|
||||
<img src="img/car/door.svg" alt="img" class="me-1">
|
||||
5 Doors
|
||||
</li>
|
||||
</ul>
|
||||
<ul>
|
||||
<li>
|
||||
<img src="img/car/automatic.svg" alt="img" class="me-1">
|
||||
Automatic
|
||||
</li>
|
||||
<li>
|
||||
<img src="img/car/petrol.svg" alt="img" class="me-1">
|
||||
Petrol
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<a href="car-details.php" class="theme-btn bg-color w-100 text-center">book now <i class="fa-solid fa-arrow-right ps-1"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
Reference in New Issue
Block a user