This commit is contained in:
subashGamer21
2025-01-15 16:17:53 +05:45
parent 398affd0ce
commit 0120b29fd6
14 changed files with 760 additions and 949 deletions

View File

@ -1,127 +1,59 @@
<!-- Search Booking Section Start -->
<section class="search-booking-section section-padding">
<div class="container">
<div class="search-booking-wrapper">
<div class="booking-man float-bob-x">
<img src="img/booking-man.png" alt="img">
<section class="search-booking-section section-padding">
<div class="container">
<div class="search-booking-wrapper">
<div class="row g-5 align-items-center">
<!-- Text Content Section -->
<div class="col-xl-6 col-lg-6">
<div class="search-booking-content">
<div class="section-title mb-4">
<img src="img/sub-icon.png" alt="icon-img" class="icon wow fadeInUp">
<h2 class="wow fadeInUp" data-wow-delay=".4s">Book &<br>Rent Vehicle Easily</h2>
</div>
<p class="wow fadeInUp" data-wow-delay=".6s">
Welcome to Bohara Car Rental—your reliable partner for exploring Nepals breathtaking landscapes and vibrant cities.
With over 15 years of driving expertise, we promise a safe, comfortable, and unforgettable travel experience.
Whether you need a ride through Nepals bustling cities or a journey into its serene countryside, were always here for you.
</p>
</div>
<div class="row g-4 justify-content-between">
<div class="col-xl-6 col-lg-6">
<div class="search-booking-content">
<div class="section-title">
<img src="img/sub-icon.png" alt="icon-img" class="wow fadeInUp">
<span class="wow fadeInUp" data-wow-delay=".2s"></span>
<h2 class="wow fadeInUp" data-wow-delay=".4s">
Book & <br>
Rent Vehicle Easily
</h2>
</div>
<p class="mt-3 mt-md-0 wow fadeInUp" data-wow-delay=".6s">
Welcome to Bohara Car Rental—your reliable partner for <br> exploring Nepals breathtaking landscapes and vibrant <br> cities. With over 15 years of driving expertise, we promise a safe,<br> comfortable, and unforgettable travel experience. <br>
<br>Whether you need a ride through Nepals bustling cities or a journey into its serene countryside, were always here for you.
</p>
<div class="icon-area">
<div class="icon-items wow fadeInUp" data-wow-delay=".3s">
<div class="icon">
<img src="img/feature-benefit/icon-1.png" alt="icon-img">
</div>
<h4>
Easier & <br>
Faster Bookings
</h4>
</div>
<div class="icon-items wow fadeInUp" data-wow-delay=".5s">
<div class="icon">
<img src="img/feature-benefit/icon-2.png" alt="icon-img">
</div>
<h4>
Too Many <br>
Pickup Locations
</h4>
</div>
</div>
</div>
</div>
<!-- Image Section -->
<div class="col-xl-5 col-lg-6">
<div class="hero-image" data-animation="fadeInUp" data-delay=".7s" style="animation-delay: 0.7s; overflow: hidden;">
<img src="img/hero/car.png" alt="img" style="width: 100%; height: auto; object-fit: contain;">
</div>
</div>
</div>
<div class="row mt-5">
<!-- Booking Highlights -->
<div class="col-md-4">
<div class="highlight-box wow fadeInUp" data-wow-delay=".2s">
<div class="icon">
<i class="fa-solid fa-calendar-check"></i>
</div>
<div class="col-xl-4 col-lg-6">
<div class="product-search-area">
<form action="car-grid.php" id="contact-form" method="POST">
<div class="row g-4">
<div class="col-md-12">
<div class="pickup-items">
<label class="field-label">Pickup Location</label>
<div class="category-oneadjust">
<select name="cate" class="category">
<option value="1">
Airport
</option>
<option value="1">
Koteshor
</option>
<option value="1">
Baneshor
</option>
<option value="1">
New Road
</option>
<option value="1">
Thamel
</option>
</select>
</div>
</div>
</div>
<div class="col-md-12">
<div class="pickup-items">
<label class="field-label">Pick-up Date</label>
<div id="datepicker" class="input-group date" data-date-format="dd-mm-yyyy">
<input class="form-control" type="text" placeholder="Check in" readonly>
<span class="input-group-addon"> <i class="fa-solid fa-calendar-days"></i></span>
</div>
</div>
</div>
<div class="col-md-12">
<div class="pickup-items">
<label class="field-label">Drop-off Date</label>
<div id="datepicker2" class="input-group date" data-date-format="dd-mm-yyyy">
<input class="form-control" type="text" placeholder="Check in" readonly>
<span class="input-group-addon"> <i class="fa-solid fa-calendar-days"></i></span>
</div>
</div>
</div>
<div class="col-md-12">
<div class="pickup-items">
<label class="field-label">Car Type</label>
<div class="category-oneadjust">
<select name="cate" class="category">
<option value="1">
cars
</option>
<option value="1">
SUV
</option>
<option value="1">
sports
</option>
<option value="1">
jeep
</option>
</select>
</div>
</div>
</div>
<div class="col-md-12">
<div class="pickup-items">
<button type="submit" class="theme-btn">
Rent a Car
</button>
</div>
</div>
</div>
</form>
</div>
<h4>Easier & Faster Bookings</h4>
<p>Experience a seamless booking process with just a few clicks.</p>
</div>
</div>
<div class="col-md-4">
<div class="highlight-box wow fadeInUp" data-wow-delay=".4s">
<div class="icon">
<i class="fa-solid fa-location-dot"></i>
</div>
<h4>Multiple Pickup Locations</h4>
<p>Conveniently pick up and drop off vehicles across key locations.</p>
</div>
</div>
<div class="col-md-4">
<div class="highlight-box wow fadeInUp" data-wow-delay=".6s">
<div class="icon">
<i class="fa-solid fa-car-side"></i>
</div>
<h4>Wide Range of Vehicles</h4>
<p>Choose from a variety of cars, SUVs, and jeeps for your journey.</p>
</div>
</div>
</div>
</section>
</div>
</div>
</section>