Bohora-rental/car-list-sidebar.php

452 lines
30 KiB
PHP
Raw Normal View History

2025-01-08 18:14:24 +05:45
<?php include('header.php') ?>
<!-- Car Rentals Section Start -->
<section class="car-list-section section-padding fix">
<div class="container">
<div class="car-list-wrapper">
<div class="row g-4">
<div class="col-lg-4">
<div class="car-list-sidebar">
<h4 class="title">Search Car</h4>
<form action="#" id="contact-form" method="POST" class="contact-form-items">
<div class="row g-4">
<div class="col-lg-12">
<div class="form-clt">
<label class="label-text">Category</label>
<div class="category-oneadjust">
<select name="cate" class="category">
<option value="1">
Select Category
</option>
<option value="1">
Category 01
</option>
<option value="1">
Category 02
</option>
<option value="1">
Category 03
</option>
<option value="1">
Category 04
</option>
</select>
</div>
</div>
</div>
<div class="col-lg-12">
<div class="form-clt">
<label class="label-text">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>
<div class="col-lg-12">
<div class="form-clt">
<label class="label-text">Dropoff 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>
<div class="col-lg-12">
<div class="form-clt">
<label class="label-text">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-lg-12">
<div class="form-clt">
<label class="label-text">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-lg-12">
<div class="form-clt">
<label class="label-text">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>
<div class="col-lg-12">
<div class="form-clt">
<label class="label-text">Colors</label>
<div class="category-oneadjust">
<select name="cate" class="category">
<option value="1">
Select Colors
</option>
<option value="1">
Red
</option>
<option value="1">
Green
</option>
<option value="1">
Yellow
</option>
<option value="1">
Black
</option>
</select>
</div>
</div>
</div>
<div class="col-lg-12">
<div class="form-clt">
<button type="submit" class="theme-btn">Search Now</button>
</div>
</div>
</div>
</form>
</div>
</div>
<div class="col-lg-8">
<div class="woocommerce-notices-wrapper">
<div class="product-showing">
<p>Showing 19 of 12 Results</p>
</div>
<div class="woocommerce-right d-flex align-items-center">
<div class="icon-items">
<a href="car-grid.php"><i class="fas fa-th"></i></a>
<a href="car-list.php"><i class="fa-solid fa-list"></i></a>
</div>
<div class="form-clt">
<div class="nice-select" tabindex="0">
<span class="current">
Sort by Popular
</span>
<ul class="list">
<li data-value="1" class="option selected focus">
Default sorting
</li>
<li data-value="1" class="option">
Sort by popularity
</li>
<li data-value="1" class="option">
Sort by average rating
</li>
<li data-value="1" class="option">
Sort by latest
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="row g-4">
<div class="col-lg-12">
<div class="car-list-items style-2">
<div class="car-image bg-cover" style="background-image: url('img/car/car-list-1.jpg');">
<div class="post-cat">
2024 Model
</div>
</div>
<div class="car-content">
<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>
<h6 class="price">$70.00 <span>/ Day</span></h6>
<h3><a href="car-details.php">Hyundai Accent Limited</a></h3>
<p>
To deliver on the promise of technology and human ingenuity We help our clients become the next and best versions of themselves.
</p>
<ul class="icon-items">
<li>
<img src="img/car/seat.svg" alt="img" class="me-1">
6 Seats
</li>
<li>
<img src="img/car/door.svg" alt="img" class="me-1">
2 Doors
</li>
<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>
</div>
</div>
<div class="col-lg-12">
<div class="car-list-items style-2">
<div class="car-image bg-cover" style="background-image: url('img/car/car-list-2.jpg');">
<div class="post-cat">
2024 Model
</div>
</div>
<div class="car-content">
<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>
<h6 class="price">$70.00 <span>/ Day</span></h6>
<h3><a href="car-details.php">Hyundai Accent Limited</a></h3>
<p>
To deliver on the promise of technology and human ingenuity We help our clients become the next and best versions of themselves.
</p>
<ul class="icon-items">
<li>
<img src="img/car/seat.svg" alt="img" class="me-1">
6 Seats
</li>
<li>
<img src="img/car/door.svg" alt="img" class="me-1">
2 Doors
</li>
<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>
</div>
</div>
<div class="col-lg-12">
<div class="car-list-items style-2">
<div class="car-image bg-cover" style="background-image: url('img/car/car-list-3.jpg');">
<div class="post-cat">
2024 Model
</div>
</div>
<div class="car-content">
<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>
<h6 class="price">$70.00 <span>/ Day</span></h6>
<h3><a href="car-details.php">Hyundai Accent Limited</a></h3>
<p>
To deliver on the promise of technology and human ingenuity We help our clients become the next and best versions of themselves.
</p>
<ul class="icon-items">
<li>
<img src="img/car/seat.svg" alt="img" class="me-1">
6 Seats
</li>
<li>
<img src="img/car/door.svg" alt="img" class="me-1">
2 Doors
</li>
<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>
</div>
</div>
<div class="col-lg-12">
<div class="car-list-items style-2">
<div class="car-image bg-cover" style="background-image: url('img/car/car-list-4.jpg');">
<div class="post-cat">
2024 Model
</div>
</div>
<div class="car-content">
<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>
<h6 class="price">$70.00 <span>/ Day</span></h6>
<h3><a href="car-details.php">Hyundai Accent Limited</a></h3>
<p>
To deliver on the promise of technology and human ingenuity We help our clients become the next and best versions of themselves.
</p>
<ul class="icon-items">
<li>
<img src="img/car/seat.svg" alt="img" class="me-1">
6 Seats
</li>
<li>
<img src="img/car/door.svg" alt="img" class="me-1">
2 Doors
</li>
<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>
</div>
</div>
<div class="col-lg-12">
<div class="car-list-items style-2">
<div class="car-image bg-cover" style="background-image: url('img/car/car-list-5.jpg');">
<div class="post-cat">
2024 Model
</div>
</div>
<div class="car-content">
<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>
<h6 class="price">$70.00 <span>/ Day</span></h6>
<h3><a href="car-details.php">Hyundai Accent Limited</a></h3>
<p>
To deliver on the promise of technology and human ingenuity We help our clients become the next and best versions of themselves.
</p>
<ul class="icon-items">
<li>
<img src="img/car/seat.svg" alt="img" class="me-1">
6 Seats
</li>
<li>
<img src="img/car/door.svg" alt="img" class="me-1">
2 Doors
</li>
<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>
</div>
</div>
<div class="col-lg-12">
<div class="car-list-items style-2">
<div class="car-image bg-cover" style="background-image: url('img/car/car-list-6.jpg');">
<div class="post-cat">
2024 Model
</div>
</div>
<div class="car-content">
<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>
<h6 class="price">$70.00 <span>/ Day</span></h6>
<h3><a href="car-details.php">Hyundai Accent Limited</a></h3>
<p>
To deliver on the promise of technology and human ingenuity We help our clients become the next and best versions of themselves.
</p>
<ul class="icon-items">
<li>
<img src="img/car/seat.svg" alt="img" class="me-1">
6 Seats
</li>
<li>
<img src="img/car/door.svg" alt="img" class="me-1">
2 Doors
</li>
<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>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<?php include('footer.php') ?>