<?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/peugeot_308.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>Peugeot 308</h3>
<h6>$70.00 <span>/ Day</span></h6>
<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>
<p>2024</p>
</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>
<div class="car-booking-items">
<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>
<form action="sendemail.php" id="contact-form" method="POST" class="contact-form-items">
<input type="hidden" name="car_name" value="Peugeot 308">
<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">
Airport
</option>
<option value="1">
koteshor
</option>
<option value="1">
thamel
</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">
Airpot
</li><li data-value="1" class="option">
Koteshor
</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">
<input class="form-control" name='pickup_date' 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-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">
<input class="form-control" name= 'dropoff_date' 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">
<button class="theme-btn" type="submit">
Send Request
</button>
</div>
</div>
</form>
</div>
</div>
</div>
<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">
<h4 class="title">Other Car</h4>
<!-- Example Car Items -->
<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="beetle.php">
<img src="img/Cars/beetle.jpg" alt="Beetle">
<div class="details">
Beetle
</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="navara.php">
<img src="img/Cars/navara.jpg" alt="Honda City">
<div class="details">
Navara
</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>
</div>
</div>
</div>
</div>
</div>
</section>
<?php include('footer.php') ?>