2025-01-10 13:19:33 +05:45
|
|
|
|
|
|
|
|
|
|
|
|
|
<?php include('header.php') ?>
|
|
|
|
|
|
|
|
|
|
<!--<< Breadcrumb Section Start >>-->
|
|
|
|
|
<div class="breadcrumb-wrapper bg-cover" style="background-image: url('img/bg-header-banner.jpg');">
|
|
|
|
|
<div class="container">
|
|
|
|
|
<div class="page-heading">
|
|
|
|
|
<ul class="breadcrumb-items wow fadeInUp" data-wow-delay=".3s">
|
|
|
|
|
<li>
|
|
|
|
|
<a href="index.html">
|
|
|
|
|
Home
|
|
|
|
|
</a>
|
|
|
|
|
</li>
|
|
|
|
|
<li>
|
|
|
|
|
<i class="fas fa-chevron-right"></i>
|
|
|
|
|
</li>
|
|
|
|
|
<li>
|
|
|
|
|
Car
|
|
|
|
|
</li>
|
|
|
|
|
</ul>
|
|
|
|
|
<h1 class="wow fadeInUp" data-wow-delay=".5s">Car-Details</h1>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<!-- Car Details Section Start -->
|
|
|
|
|
<section class="car-details fix section-padding">
|
|
|
|
|
<div class="container">
|
|
|
|
|
<div class="car-details-wrapper">
|
|
|
|
|
<div class="row g-5">
|
|
|
|
|
<div class="col-lg-8">
|
|
|
|
|
<div class="car-details-items">
|
|
|
|
|
<div class="car-image">
|
|
|
|
|
<img src="img/Cars/beetle.jpg" alt="img">
|
|
|
|
|
</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>
|
|
|
|
|
<h3>Beetle</h3>
|
2025-01-12 13:30:45 +05:45
|
|
|
<h6>$70.00 <span>/ Day</span></h6>
|
2025-01-10 13:19:33 +05:45
|
|
|
<p class="mt-4 mb-4">
|
|
|
|
|
To deliver on the promise of technology and human We help our clients become sions of themselves.
|
|
|
|
|
</p>
|
|
|
|
|
<div class="icon-details-area">
|
|
|
|
|
<h4>Key Features</h4>
|
|
|
|
|
<div class="icon-details-main-items">
|
|
|
|
|
<div class="icon-items">
|
|
|
|
|
<div class="icon">
|
|
|
|
|
<img src="img/car/icon/07.png" alt="img">
|
|
|
|
|
</div>
|
|
|
|
|
<div class="content">
|
|
|
|
|
<h6>body:</h6>
|
|
|
|
|
<p>Sedan</p>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="icon-items">
|
|
|
|
|
<div class="icon">
|
|
|
|
|
<img src="img/car/icon/07.png" alt="img">
|
|
|
|
|
</div>
|
|
|
|
|
<div class="content">
|
|
|
|
|
<h6>Mileage:</h6>
|
|
|
|
|
<p>70.000 (Mi)</p>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="icon-items">
|
|
|
|
|
<div class="icon">
|
|
|
|
|
<img src="img/car/icon/07.png" alt="img">
|
|
|
|
|
</div>
|
|
|
|
|
<div class="content">
|
|
|
|
|
<h6>Year:</h6>
|
2025-01-12 13:30:45 +05:45
|
|
|
<p>2024</p>
|
2025-01-10 13:19:33 +05:45
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="icon-items">
|
|
|
|
|
<div class="icon">
|
|
|
|
|
<img src="img/car/icon/07.png" alt="img">
|
|
|
|
|
</div>
|
|
|
|
|
<div class="content">
|
|
|
|
|
<h6>Engine:</h6>
|
|
|
|
|
<p>2500 cc</p>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="icon-details-main-items">
|
|
|
|
|
<div class="icon-items">
|
|
|
|
|
<div class="icon">
|
|
|
|
|
<img src="img/car/door.svg" alt="img">
|
|
|
|
|
</div>
|
|
|
|
|
<div class="content">
|
|
|
|
|
<h6>Passengers:</h6>
|
|
|
|
|
<p>6 Seats</p>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="icon-items">
|
|
|
|
|
<div class="icon">
|
|
|
|
|
<img src="img/car/seat.svg" alt="img">
|
|
|
|
|
</div>
|
|
|
|
|
<div class="content">
|
|
|
|
|
<h6>Gear:</h6>
|
|
|
|
|
<p>Automatic</p>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="icon-items">
|
|
|
|
|
<div class="icon">
|
|
|
|
|
<img src="img/car/automatic.svg" alt="img">
|
|
|
|
|
</div>
|
|
|
|
|
<div class="content">
|
|
|
|
|
<h6>Gear:</h6>
|
|
|
|
|
<p>Automatic</p>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="icon-items">
|
|
|
|
|
<div class="icon">
|
|
|
|
|
<img src="img/car/petrol.svg" alt="img">
|
|
|
|
|
</div>
|
|
|
|
|
<div class="content">
|
|
|
|
|
<h6>Fuel:</h6>
|
|
|
|
|
<p>Petrol</p>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
2025-01-12 13:30:45 +05:45
|
|
|
|
|
|
|
|
<div class="car-booking-items">
|
2025-01-10 13:19:33 +05:45
|
|
|
<div class="booking-header">
|
|
|
|
|
<h3>Request for Booking</h3>
|
|
|
|
|
<p>Send your requirement to us. We will check email and contact you soon.</p>
|
|
|
|
|
</div>
|
2025-01-13 14:03:36 +05:45
|
|
|
<form action="sendemail.php" id="contact-form" method="POST" class="contact-form-items">
|
|
|
|
|
<input type="hidden" name="car_name" value="beetle">
|
2025-01-10 13:19:33 +05:45
|
|
|
<div class="row g-4">
|
|
|
|
|
<div class="col-lg-6">
|
|
|
|
|
<div class="form-clt">
|
|
|
|
|
<label class="label-text">Your Name</label>
|
|
|
|
|
<input type="text" name="name" id="name" placeholder="Afzaal Islam">
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="col-lg-6">
|
|
|
|
|
<div class="form-clt">
|
|
|
|
|
<label class="label-text">Email</label>
|
|
|
|
|
<input type="text" name="email" id="email" placeholder="pixydrops@gmail.com">
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="col-lg-6">
|
|
|
|
|
<div class="form-clt">
|
|
|
|
|
<label class="label-text">Phone Number</label>
|
|
|
|
|
<input type="text" name="phone" id="phone" placeholder="+ 00 0000 - 000">
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="col-lg-6">
|
|
|
|
|
<div class="form-clt">
|
|
|
|
|
<label class="label-text">Address</label>
|
|
|
|
|
<input type="text" name="address" id="address" placeholder="Address">
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="col-lg-4">
|
|
|
|
|
<div class="form-clt">
|
|
|
|
|
<label class="label-text">Pick-up Location</label>
|
|
|
|
|
<div class="category-oneadjust">
|
|
|
|
|
<select name="cate" class="category" style="display: none;">
|
|
|
|
|
<option value="1">
|
|
|
|
|
Select Location
|
|
|
|
|
</option>
|
|
|
|
|
<option value="1">
|
2025-01-12 13:30:45 +05:45
|
|
|
Airport
|
2025-01-10 13:19:33 +05:45
|
|
|
</option>
|
|
|
|
|
<option value="1">
|
2025-01-12 13:30:45 +05:45
|
|
|
koteshor
|
2025-01-10 13:19:33 +05:45
|
|
|
</option>
|
|
|
|
|
<option value="1">
|
2025-01-12 13:30:45 +05:45
|
|
|
thamel
|
2025-01-10 13:19:33 +05:45
|
|
|
</option>
|
|
|
|
|
<option value="1">
|
|
|
|
|
Other Location
|
|
|
|
|
</option>
|
|
|
|
|
</select><div class="nice-select category" tabindex="0"><span class="current">
|
|
|
|
|
Select Location
|
|
|
|
|
</span><ul class="list"><li data-value="1" class="option selected">
|
|
|
|
|
Select Location
|
|
|
|
|
</li><li data-value="1" class="option">
|
2025-01-12 13:30:45 +05:45
|
|
|
Airpot
|
2025-01-10 13:19:33 +05:45
|
|
|
</li><li data-value="1" class="option">
|
2025-01-12 13:30:45 +05:45
|
|
|
Koteshor
|
2025-01-10 13:19:33 +05:45
|
|
|
</li><li data-value="1" class="option">
|
|
|
|
|
New York
|
|
|
|
|
</li><li data-value="1" class="option">
|
|
|
|
|
Other Location
|
|
|
|
|
</li></ul></div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="col-lg-4">
|
|
|
|
|
<div class="form-clt">
|
|
|
|
|
<label class="label-text">Pick-up Date</label>
|
|
|
|
|
<div id="datepicker3" class="input-group date" data-date-format="dd-mm-yyyy">
|
2025-01-13 14:03:36 +05:45
|
|
|
<input class="form-control" name='pickup_date' type="text" placeholder="Check in" readonly>
|
2025-01-10 13:19:33 +05:45
|
|
|
<span class="input-group-addon"> <i class="fa-solid fa-calendar-days"></i></span>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="col-lg-4">
|
|
|
|
|
<div class="form-clt">
|
|
|
|
|
<label class="label-text">Drop-off Date</label>
|
|
|
|
|
<div id="datepicker4" class="input-group date" data-date-format="dd-mm-yyyy">
|
2025-01-13 14:03:36 +05:45
|
|
|
<input class="form-control" name= 'dropoff_date' type="text" placeholder="Check in" readonly>
|
2025-01-10 13:19:33 +05:45
|
|
|
<span class="input-group-addon"> <i class="fa-solid fa-calendar-days"></i></span>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
2025-01-13 14:03:36 +05:45
|
|
|
|
2025-01-10 13:19:33 +05:45
|
|
|
<div class="col-lg-12">
|
|
|
|
|
<button class="theme-btn" type="submit">
|
|
|
|
|
Send Request
|
|
|
|
|
</button>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</form>
|
|
|
|
|
</div>
|
2025-01-12 13:30:45 +05:45
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
2025-01-10 13:19:33 +05:45
|
|
|
<div class="comment-reviews">
|
|
|
|
|
<h3>2 Reviews</h3>
|
|
|
|
|
<div class="car-single-comment d-flex gap-4 pb-5">
|
|
|
|
|
<div class="image">
|
|
|
|
|
<img src="img/car/comment01.png" alt="image">
|
|
|
|
|
</div>
|
|
|
|
|
<div class="content">
|
|
|
|
|
<div class="head d-flex flex-wrap gap-3 align-items-center justify-content-between">
|
|
|
|
|
<div class="con">
|
|
|
|
|
<h4>Kevin Martin</h4>
|
|
|
|
|
</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>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<p class="mt-4">
|
|
|
|
|
It has survived not only five centuries, but also the into electronic typesetting simply fee text aunchanged. It was popularised in the sheets containing lorem ipsum is simply free text.
|
|
|
|
|
</p>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="car-single-comment d-flex gap-4 pt-5 border-none">
|
|
|
|
|
<div class="image">
|
|
|
|
|
<img src="img/car/comment02.png" alt="image">
|
|
|
|
|
</div>
|
|
|
|
|
<div class="content">
|
|
|
|
|
<div class="head d-flex flex-wrap gap-3 align-items-center justify-content-between">
|
|
|
|
|
<div class="con">
|
|
|
|
|
<h4>Sarah Albert</h4>
|
|
|
|
|
</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>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<p class="mt-4">
|
|
|
|
|
It has survived not only five centuries, but also the into electronic typesetting simply fee text aunchanged. It was popularised in the sheets containing lorem ipsum is simply free text.
|
|
|
|
|
</p>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="col-lg-4">
|
|
|
|
|
<div class="car-list-sidebar">
|
2025-01-12 13:30:45 +05:45
|
|
|
<h4 class="title">Other Car</h4>
|
|
|
|
|
|
|
|
|
|
<!-- Example content -->
|
|
|
|
|
<div class="car-item">
|
|
|
|
|
<a href="hondacity.php">
|
|
|
|
|
<img src="img/Cars/honda city.jpg" alt="Honda City">
|
|
|
|
|
<div class="details">
|
|
|
|
|
Honda City
|
|
|
|
|
</div>
|
|
|
|
|
<div class="rate">1000/day</div>
|
|
|
|
|
</a>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="car-item">
|
|
|
|
|
<a href="navara.php">
|
|
|
|
|
<img src="img/Cars/navara.jpg" alt="Beetle">
|
|
|
|
|
<div class="details">
|
|
|
|
|
Navara
|
|
|
|
|
</div>
|
|
|
|
|
<div class="rate">1200/day</div>
|
|
|
|
|
</a>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="car-item">
|
|
|
|
|
<a href="fordecosport.php">
|
|
|
|
|
<img src="img/Cars/ford_ecosport_trend.jpg" alt="Ford Ecosport">
|
|
|
|
|
<div class="details">
|
|
|
|
|
Ford Ecosport
|
|
|
|
|
</div>
|
|
|
|
|
<div class="rate">1500/day</div>
|
|
|
|
|
</a>
|
|
|
|
|
<a href="peugeot.php">
|
|
|
|
|
<img src="img/Cars/peugeot_308.jpg" alt="Honda City">
|
|
|
|
|
<div class="details">
|
|
|
|
|
Peageot
|
|
|
|
|
</div>
|
|
|
|
|
<div class="rate">1000/day</div>
|
|
|
|
|
</a>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="car-item">
|
|
|
|
|
<a href="mghector.php">
|
|
|
|
|
<img src="img/car/car-list-1.jpg" alt="Beetle">
|
|
|
|
|
<div class="details">
|
|
|
|
|
MG Hector
|
|
|
|
|
</div>
|
|
|
|
|
<div class="rate">1200/day</div>
|
|
|
|
|
</a>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="car-item">
|
|
|
|
|
<a href="mitsubishi.php">
|
|
|
|
|
<img src="img/Cars/mitsubhi.jpg" alt="Ford Ecosport">
|
|
|
|
|
<div class="details">
|
|
|
|
|
MitSubishi
|
|
|
|
|
</div>
|
|
|
|
|
<div class="rate">1500/day</div>
|
|
|
|
|
</a>
|
|
|
|
|
</div>
|
|
|
|
|
|
2025-01-10 13:19:33 +05:45
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</section>
|
|
|
|
|
<?php include('footer.php') ?>
|
