274 lines
14 KiB
PHP
274 lines
14 KiB
PHP
<!-- Search Area Start -->
|
|
<div class="search-wrap">
|
|
<div class="search-inner">
|
|
<i class="fas fa-times search-close" id="search-close"></i>
|
|
<div class="search-cell">
|
|
<form method="get">
|
|
<div class="search-field-holder">
|
|
<input type="search" class="main-search-input" placeholder="Search...">
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Hero Section Start -->
|
|
<section class="hero-section hero-1 fix">
|
|
<div class="array-button">
|
|
<button class="image-array-left">
|
|
<i class="fa-solid fa-chevron-left"></i>
|
|
</button>
|
|
<button class="image-array-right">
|
|
<i class="fa-solid fa-chevron-right"></i>
|
|
</button>
|
|
</div>
|
|
<div class="swiper hero-slider">
|
|
<div class="swiper-wrapper">
|
|
<div class="swiper-slide">
|
|
<div class="hero-image bg-cover" style="background-image: url('img/hero/hero-1.jpg');">
|
|
<div class="overlay-shape">
|
|
<img src="img/hero/overlay.png" alt="img">
|
|
</div>
|
|
</div>
|
|
<div class="container">
|
|
<div class="row justify-content-center">
|
|
<div class="col-xl-12">
|
|
<div class="hero-content text-center">
|
|
<h4 class="text-white" data-animation="fadeInUp" data-delay="1.3s">
|
|
Book Any Luxury Car in low price
|
|
</h4>
|
|
<h1 class="text-white" data-animation="fadeInUp" data-delay="1.3s">
|
|
Car <span>Rental</span>
|
|
</h1>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="swiper-slide">
|
|
<div class="hero-image bg-cover" style="background-image: url('img/hero/hero-2.jpg');">
|
|
<div class="overlay-shape">
|
|
<img src="img/hero/overlay.png" alt="img">
|
|
</div>
|
|
</div>
|
|
<div class="container">
|
|
<div class="row justify-content-center">
|
|
<div class="col-xl-12">
|
|
<div class="hero-content text-center">
|
|
<h4 class="text-white" data-animation="fadeInUp" data-delay="1.3s">
|
|
Book Any Luxury Car in low price
|
|
</h4>
|
|
<h1 class="text-white" data-animation="fadeInUp" data-delay="1.3s">
|
|
Car <span>Rental</span>
|
|
</h1>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Pick Up Location Section Start -->
|
|
<div class="pickup-loaction-area bg-cover" style="background-image: url('img/brand-bg.png');">
|
|
<div class="container">
|
|
<div class="pickup-wrapper wow fadeInUp" data-wow-delay=".4s">
|
|
<div class="pickup-items">
|
|
<label class="field-label">Pick-up Location</label>
|
|
<div class="category-oneadjust">
|
|
<select name="cate" class="category">
|
|
<option value="1">
|
|
Select Location
|
|
</option>
|
|
<option value="1">
|
|
Houston
|
|
</option>
|
|
<option value="1">
|
|
Texas
|
|
</option>
|
|
<option value="1">
|
|
New York
|
|
</option>
|
|
<option value="1">
|
|
Other Location
|
|
</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
<div class="pickup-items">
|
|
<label class="field-label">Pickup 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 class="pickup-items">
|
|
<label class="field-label">Dropoff 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 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">
|
|
sedan
|
|
</option>
|
|
<option value="1">
|
|
sports
|
|
</option>
|
|
<option value="1">
|
|
jeep
|
|
</option>
|
|
<option value="1">
|
|
limousine
|
|
</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
<div class="pickup-items">
|
|
<label class="field-label style-2">button</label>
|
|
<button class="pickup-btn" type="submit">
|
|
Find a Car
|
|
</button>
|
|
</div>
|
|
</div>
|
|
<div class="brand-wrapper pt-80 pb-80">
|
|
<div class="array-button">
|
|
<button class="array-prev-2"><i class="far fa-chevron-left"></i></button>
|
|
<button class="array-next-2"><i class="far fa-chevron-right"></i></button>
|
|
</div>
|
|
<div class="swiper brand-slider">
|
|
<div class="swiper-wrapper">
|
|
<div class="swiper-slide">
|
|
<div class="brand-image">
|
|
<img src="img/brand/01.png" alt="img">
|
|
</div>
|
|
</div>
|
|
<div class="swiper-slide">
|
|
<div class="brand-image">
|
|
<img src="img/brand/02.png" alt="img">
|
|
</div>
|
|
</div>
|
|
<div class="swiper-slide">
|
|
<div class="brand-image">
|
|
<img src="img/brand/03.png" alt="img">
|
|
</div>
|
|
</div>
|
|
<div class="swiper-slide">
|
|
<div class="brand-image">
|
|
<img src="img/brand/04.png" alt="img">
|
|
</div>
|
|
</div>
|
|
<div class="swiper-slide">
|
|
<div class="brand-image">
|
|
<img src="img/brand/05.png" alt="img">
|
|
</div>
|
|
</div>
|
|
<div class="swiper-slide">
|
|
<div class="brand-image">
|
|
<img src="img/brand/06.png" alt="img">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Feature Benefit Section Start -->
|
|
<section class="feature-benefit section section-padding fix">
|
|
<div class="container">
|
|
<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">our benefits</span>
|
|
<h2 class="wow fadeInUp" data-wow-delay=".4s">
|
|
Why You Should Use <br>
|
|
Remons Rental
|
|
</h2>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-xl-4 col-lg-6 col-md-6 wow fadeInUp" data-wow-delay=".3s">
|
|
<div class="feature-benefit-items">
|
|
<div class="icon-box-shape">
|
|
<img src="img/feature-benefit/box-icon-bg1.png" alt="shape-img">
|
|
</div>
|
|
<div class="bg-button-shape">
|
|
<img src="img/feature-benefit/bg-button-iconbox.png" alt="shape-img">
|
|
</div>
|
|
<div class="feature-content">
|
|
<h4>
|
|
<a href="car-details.php">
|
|
Easier & <br>
|
|
Faster Bookings
|
|
</a>
|
|
</h4>
|
|
<p>Neque porro quisquam est, qui fre dolorem ipsum quia dolor.</p>
|
|
<div class="icon">
|
|
<img src="img/feature-benefit/icon-1.png" alt="icon-img">
|
|
</div>
|
|
</div>
|
|
<div class="feature-button">
|
|
<a href="car-details.php" class="link-btn">View More <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="feature-benefit-items">
|
|
<div class="icon-box-shape">
|
|
<img src="img/feature-benefit/box-icon-bg2.png" alt="shape-img">
|
|
</div>
|
|
<div class="bg-button-shape">
|
|
<img src="img/feature-benefit/bg-button-iconbox.png" alt="shape-img">
|
|
</div>
|
|
<div class="feature-content">
|
|
<h4>
|
|
<a href="car-details.php">
|
|
Too Many <br>
|
|
Pickup Locations
|
|
</a>
|
|
</h4>
|
|
<p>Neque porro quisquam est, qui fre dolorem ipsum quia dolor.</p>
|
|
<div class="icon">
|
|
<img src="img/feature-benefit/icon-2.png" alt="icon-img">
|
|
</div>
|
|
</div>
|
|
<div class="feature-button">
|
|
<a href="car-details.php" class="link-btn">View More <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="feature-benefit-items">
|
|
<div class="icon-box-shape">
|
|
<img src="img/feature-benefit/box-icon-bg3.png" alt="shape-img">
|
|
</div>
|
|
<div class="bg-button-shape">
|
|
<img src="img/feature-benefit/bg-button-iconbox.png" alt="shape-img">
|
|
</div>
|
|
<div class="feature-content">
|
|
<h4>
|
|
<a href="car-details.php">
|
|
Customers <br>
|
|
100% Satisfied
|
|
</a>
|
|
</h4>
|
|
<p>Neque porro quisquam est, qui fre dolorem ipsum quia dolor.</p>
|
|
<div class="icon">
|
|
<img src="img/feature-benefit/icon-3.png" alt="icon-img">
|
|
</div>
|
|
</div>
|
|
<div class="feature-button">
|
|
<a href="car-details.php" class="link-btn">View More <i class="fa-solid fa-arrow-right ps-1"></i></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section> |