changes
This commit is contained in:
subashGamer21
2025-01-09 20:07:52 +05:45
parent 0f5e5a920f
commit f4f4f04a7d
71 changed files with 4727 additions and 872 deletions

View File

@ -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 Were 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>