added details
This commit is contained in:
subashGamer21
parent
f3803681cf
commit
bce62b3906
442
beetle.php
Normal file
442
beetle.php
Normal file
@ -0,0 +1,442 @@
|
||||
|
||||
|
||||
<?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>
|
||||
<h6>Rs 1000.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>1995</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="price-table-area">
|
||||
<h6>Table Price <span>( by day of the week )</span></h6>
|
||||
<div class="price-table-items section-bg">
|
||||
<p>Monday</p>
|
||||
<p>$70.00</p>
|
||||
</div>
|
||||
<div class="price-table-items">
|
||||
<p>Tuesday</p>
|
||||
<p>$70.00</p>
|
||||
</div>
|
||||
<div class="price-table-items section-bg">
|
||||
<p>Wednesday</p>
|
||||
<p>$70.00</p>
|
||||
</div>
|
||||
<div class="price-table-items">
|
||||
<p>Thursday</p>
|
||||
<p>$70.00</p>
|
||||
</div>
|
||||
<div class="price-table-items section-bg">
|
||||
<p>Friday</p>
|
||||
<p>$70.00</p>
|
||||
</div>
|
||||
<div class="price-table-items">
|
||||
<p>Saturday</p>
|
||||
<p>$70.00</p>
|
||||
</div>
|
||||
<div class="price-table-items section-bg">
|
||||
<p>Sunday</p>
|
||||
<p>$70.00</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="car-video">
|
||||
<img src="img/car/car-details-2.jpg" alt="img">
|
||||
<div class="video-box">
|
||||
<a href="https://www.youtube.com/watch?v=Cn4G2lZ_g2I" class="video-btn ripple video-popup">
|
||||
<i class="fa-solid fa-play"></i>
|
||||
</a>
|
||||
</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="#" id="contact-form" method="POST" class="contact-form-items">
|
||||
<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">
|
||||
Houston
|
||||
</option>
|
||||
<option value="1">
|
||||
Texas
|
||||
</option>
|
||||
<option value="1">
|
||||
New York
|
||||
</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">
|
||||
Houston
|
||||
</li><li data-value="1" class="option">
|
||||
Texas
|
||||
</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" 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" 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-5">
|
||||
<div class="input-save-items-area">
|
||||
<div class="input-save-items">
|
||||
<div class="input-save d-flex align-items-center mb-3">
|
||||
<input type="checkbox" class="form-check-input" name="save-for-next" id="saveForNext1">
|
||||
<label for="saveForNext1">Driver</label>
|
||||
</div>
|
||||
<div class="input-save d-flex align-items-center">
|
||||
<input type="checkbox" class="form-check-input" name="save-for-next" id="saveForNext2">
|
||||
<label for="saveForNext2">Baby Seat</label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="input-save-items">
|
||||
<div class="input-save d-flex align-items-center mb-3">
|
||||
<label>$10.00 / Day</label>
|
||||
</div>
|
||||
<div class="input-save d-flex align-items-center">
|
||||
<label>$30.00 / Total</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-12">
|
||||
<button class="theme-btn" type="submit">
|
||||
Send Request
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</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">Booking Form</h4>
|
||||
<form action="#" id="contact-form2" method="POST" class="contact-form-items">
|
||||
<div class="row g-4">
|
||||
<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">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">Quantity</label>
|
||||
<div class="category-oneadjust">
|
||||
<select name="cate" class="category">
|
||||
<option value="1">
|
||||
1
|
||||
</option>
|
||||
<option value="1">
|
||||
2
|
||||
</option>
|
||||
<option value="1">
|
||||
3
|
||||
</option>
|
||||
<option value="1">
|
||||
4
|
||||
</option>
|
||||
<option value="1">
|
||||
5
|
||||
</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-12">
|
||||
<div class="form-clt">
|
||||
<label class="label-text">Resources</label>
|
||||
<div class="input-save-items-area">
|
||||
<div class="input-save-items">
|
||||
<div class="input-save d-flex align-items-center mb-3">
|
||||
<input type="checkbox" class="form-check-input" name="save-for-next" id="saveForNext3">
|
||||
<label for="saveForNext3">Driver</label>
|
||||
</div>
|
||||
<div class="input-save d-flex align-items-center">
|
||||
<input type="checkbox" class="form-check-input" name="save-for-next" id="saveForNext4">
|
||||
<label for="saveForNext4">Baby Seat</label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="input-save-items">
|
||||
<div class="input-save d-flex align-items-center mb-3">
|
||||
<label>$10.00 / Day</label>
|
||||
</div>
|
||||
<div class="input-save d-flex align-items-center">
|
||||
<label>$30.00 / Total</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-12">
|
||||
<div class="form-clt">
|
||||
<button type="submit" class="theme-btn">Book Now</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<?php include('footer.php') ?>
|
||||
@ -16,10 +16,10 @@
|
||||
<i class="fas fa-chevron-right"></i>
|
||||
</li>
|
||||
<li>
|
||||
car-details
|
||||
Car
|
||||
</li>
|
||||
</ul>
|
||||
<h1 class="wow fadeInUp" data-wow-delay=".5s">About Us</h1>
|
||||
<h1 class="wow fadeInUp" data-wow-delay=".5s">Car-Details</h1>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
16
car-grid.php
16
car-grid.php
@ -66,7 +66,7 @@
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<a href="car-details.php" class="theme-btn bg-color w-100 text-center">book now <i class="fa-solid fa-arrow-right ps-1"></i></a>
|
||||
<a href="peugeot.php" class="theme-btn bg-color w-100 text-center">book now <i class="fa-solid fa-arrow-right ps-1"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -111,7 +111,7 @@
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<a href="car-details.php" class="theme-btn bg-color w-100 text-center">book now <i class="fa-solid fa-arrow-right ps-1"></i></a>
|
||||
<a href="navara.php" class="theme-btn bg-color w-100 text-center">book now <i class="fa-solid fa-arrow-right ps-1"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -122,7 +122,7 @@
|
||||
</div>
|
||||
<div class="car-content">
|
||||
<div class="post-cat">
|
||||
2027 Model
|
||||
2017 Model
|
||||
</div>
|
||||
<div class="star">
|
||||
<i class="fa-solid fa-star"></i>
|
||||
@ -156,7 +156,7 @@
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<a href="car-details.php" class="theme-btn bg-color w-100 text-center">book now <i class="fa-solid fa-arrow-right ps-1"></i></a>
|
||||
<a href="fordecosport.php" class="theme-btn bg-color w-100 text-center">book now <i class="fa-solid fa-arrow-right ps-1"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -201,7 +201,7 @@
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<a href="car-details.php" class="theme-btn bg-color w-100 text-center">book now <i class="fa-solid fa-arrow-right ps-1"></i></a>
|
||||
<a href="mitsubishi.php" class="theme-btn bg-color w-100 text-center">book now <i class="fa-solid fa-arrow-right ps-1"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -246,7 +246,7 @@
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<a href="car-details.php" class="theme-btn bg-color w-100 text-center">book now <i class="fa-solid fa-arrow-right ps-1"></i></a>
|
||||
<a href="mghector.php" class="theme-btn bg-color w-100 text-center">book now <i class="fa-solid fa-arrow-right ps-1"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -291,7 +291,7 @@
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<a href="car-details.php" class="theme-btn bg-color w-100 text-center">book now <i class="fa-solid fa-arrow-right ps-1"></i></a>
|
||||
<a href="beetle.php" class="theme-btn bg-color w-100 text-center">book now <i class="fa-solid fa-arrow-right ps-1"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -337,7 +337,7 @@
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<a href="car-details.php" class="theme-btn bg-color w-100 text-center">book now <i class="fa-solid fa-arrow-right ps-1"></i></a>
|
||||
<a href="hondacity.php" class="theme-btn bg-color w-100 text-center">book now <i class="fa-solid fa-arrow-right ps-1"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -17,7 +17,7 @@
|
||||
Car
|
||||
</li>
|
||||
</ul>
|
||||
<h1 class="wow fadeInUp" data-wow-delay=".5s">About Us</h1>
|
||||
<h1 class="wow fadeInUp" data-wow-delay=".5s">car-list-sidebar</h1>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -17,7 +17,7 @@
|
||||
Car
|
||||
</li>
|
||||
</ul>
|
||||
<h1 class="wow fadeInUp" data-wow-delay=".5s">About Us</h1>
|
||||
<h1 class="wow fadeInUp" data-wow-delay=".5s">Car-list</h1>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -17,7 +17,7 @@
|
||||
Contact
|
||||
</li>
|
||||
</ul>
|
||||
<h1 class="wow fadeInUp" data-wow-delay=".5s">Grid Style</h1>
|
||||
<h1 class="wow fadeInUp" data-wow-delay=".5s">Contact</h1>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -2810,7 +2810,7 @@ span {
|
||||
}
|
||||
|
||||
.header-top-section {
|
||||
background-color: var(--theme2);
|
||||
background-color: #020202;
|
||||
padding: 10px 60px;
|
||||
position: relative;
|
||||
z-index: 9;
|
||||
|
||||
2
faq.php
2
faq.php
@ -17,7 +17,7 @@
|
||||
FAQ's
|
||||
</li>
|
||||
</ul>
|
||||
<h1 class="wow fadeInUp" data-wow-delay=".5s">Grid Style</h1>
|
||||
<h1 class="wow fadeInUp" data-wow-delay=".5s">FAQ's</h1>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
442
fordecosport.php
Normal file
442
fordecosport.php
Normal file
@ -0,0 +1,442 @@
|
||||
|
||||
|
||||
<?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/ford_ecosport_trend.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>Ford Ecosport Trend</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="price-table-area">
|
||||
<h6>Table Price <span>( by day of the week )</span></h6>
|
||||
<div class="price-table-items section-bg">
|
||||
<p>Monday</p>
|
||||
<p>$70.00</p>
|
||||
</div>
|
||||
<div class="price-table-items">
|
||||
<p>Tuesday</p>
|
||||
<p>$70.00</p>
|
||||
</div>
|
||||
<div class="price-table-items section-bg">
|
||||
<p>Wednesday</p>
|
||||
<p>$70.00</p>
|
||||
</div>
|
||||
<div class="price-table-items">
|
||||
<p>Thursday</p>
|
||||
<p>$70.00</p>
|
||||
</div>
|
||||
<div class="price-table-items section-bg">
|
||||
<p>Friday</p>
|
||||
<p>$70.00</p>
|
||||
</div>
|
||||
<div class="price-table-items">
|
||||
<p>Saturday</p>
|
||||
<p>$70.00</p>
|
||||
</div>
|
||||
<div class="price-table-items section-bg">
|
||||
<p>Sunday</p>
|
||||
<p>$70.00</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="car-video">
|
||||
<img src="img/car/car-details-2.jpg" alt="img">
|
||||
<div class="video-box">
|
||||
<a href="https://www.youtube.com/watch?v=Cn4G2lZ_g2I" class="video-btn ripple video-popup">
|
||||
<i class="fa-solid fa-play"></i>
|
||||
</a>
|
||||
</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="#" id="contact-form" method="POST" class="contact-form-items">
|
||||
<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">
|
||||
Houston
|
||||
</option>
|
||||
<option value="1">
|
||||
Texas
|
||||
</option>
|
||||
<option value="1">
|
||||
New York
|
||||
</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">
|
||||
Houston
|
||||
</li><li data-value="1" class="option">
|
||||
Texas
|
||||
</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" 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" 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-5">
|
||||
<div class="input-save-items-area">
|
||||
<div class="input-save-items">
|
||||
<div class="input-save d-flex align-items-center mb-3">
|
||||
<input type="checkbox" class="form-check-input" name="save-for-next" id="saveForNext1">
|
||||
<label for="saveForNext1">Driver</label>
|
||||
</div>
|
||||
<div class="input-save d-flex align-items-center">
|
||||
<input type="checkbox" class="form-check-input" name="save-for-next" id="saveForNext2">
|
||||
<label for="saveForNext2">Baby Seat</label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="input-save-items">
|
||||
<div class="input-save d-flex align-items-center mb-3">
|
||||
<label>$10.00 / Day</label>
|
||||
</div>
|
||||
<div class="input-save d-flex align-items-center">
|
||||
<label>$30.00 / Total</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-12">
|
||||
<button class="theme-btn" type="submit">
|
||||
Send Request
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</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">Booking Form</h4>
|
||||
<form action="#" id="contact-form2" method="POST" class="contact-form-items">
|
||||
<div class="row g-4">
|
||||
<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">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">Quantity</label>
|
||||
<div class="category-oneadjust">
|
||||
<select name="cate" class="category">
|
||||
<option value="1">
|
||||
1
|
||||
</option>
|
||||
<option value="1">
|
||||
2
|
||||
</option>
|
||||
<option value="1">
|
||||
3
|
||||
</option>
|
||||
<option value="1">
|
||||
4
|
||||
</option>
|
||||
<option value="1">
|
||||
5
|
||||
</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-12">
|
||||
<div class="form-clt">
|
||||
<label class="label-text">Resources</label>
|
||||
<div class="input-save-items-area">
|
||||
<div class="input-save-items">
|
||||
<div class="input-save d-flex align-items-center mb-3">
|
||||
<input type="checkbox" class="form-check-input" name="save-for-next" id="saveForNext3">
|
||||
<label for="saveForNext3">Driver</label>
|
||||
</div>
|
||||
<div class="input-save d-flex align-items-center">
|
||||
<input type="checkbox" class="form-check-input" name="save-for-next" id="saveForNext4">
|
||||
<label for="saveForNext4">Baby Seat</label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="input-save-items">
|
||||
<div class="input-save d-flex align-items-center mb-3">
|
||||
<label>$10.00 / Day</label>
|
||||
</div>
|
||||
<div class="input-save d-flex align-items-center">
|
||||
<label>$30.00 / Total</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-12">
|
||||
<div class="form-clt">
|
||||
<button type="submit" class="theme-btn">Book Now</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<?php include('footer.php') ?>
|
||||
@ -16,7 +16,7 @@
|
||||
Gallery
|
||||
</li>
|
||||
</ul>
|
||||
<h1 class="wow fadeInUp" data-wow-delay=".5s">Grid Style</h1>
|
||||
<h1 class="wow fadeInUp" data-wow-delay=".5s">Gallery</h1>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
64
header.php
64
header.php
@ -45,7 +45,7 @@
|
||||
<span data-text-preloader="O" class="letters-loading">
|
||||
O
|
||||
</span>
|
||||
<span data-text-preloader="R" class="letters-loading">
|
||||
<span data-text-preloader="H" class="letters-loading">
|
||||
H
|
||||
</span>
|
||||
<span data-text-preloader="O" class="letters-loading">
|
||||
@ -58,7 +58,7 @@
|
||||
A
|
||||
</span>
|
||||
</div>
|
||||
<p class="text-center"> Car Rental Loading</p>
|
||||
<p class="text-center"> Car Rental Loading..</p>
|
||||
</div>
|
||||
<div class="loader">
|
||||
<div class="row">
|
||||
@ -114,7 +114,7 @@
|
||||
<i class="fal fa-map-marker-alt"></i>
|
||||
</div>
|
||||
<div class="offcanvas__contact-text">
|
||||
<a target="_blank" href="index-3.php#">Kathmandu</a>
|
||||
<a target="_blank" href="index.php#">Main Street, Melbourne, Australia</a>
|
||||
</div>
|
||||
</li>
|
||||
<li class="d-flex align-items-center">
|
||||
@ -130,7 +130,7 @@
|
||||
<i class="fal fa-clock"></i>
|
||||
</div>
|
||||
<div class="offcanvas__contact-text">
|
||||
<a target="_blank" href="index-3.php#">Mod-friday, 09am -05pm</a>
|
||||
<a target="_blank" href="index.php#">Mod-friday, 09am -05pm</a>
|
||||
</div>
|
||||
</li>
|
||||
<li class="d-flex align-items-center">
|
||||
@ -148,10 +148,10 @@
|
||||
</a>
|
||||
</div>
|
||||
<div class="social-icon d-flex align-items-center">
|
||||
<a href="index-3.php#"><i class="fab fa-facebook-f"></i></a>
|
||||
<a href="index-3.php#"><i class="fab fa-twitter"></i></a>
|
||||
<a href="index-3.php#"><i class="fab fa-youtube"></i></a>
|
||||
<a href="index-3.php#"><i class="fab fa-linkedin-in"></i></a>
|
||||
<a href="index.php#"><i class="fab fa-facebook-f"></i></a>
|
||||
<a href="index.php#"><i class="fab fa-twitter"></i></a>
|
||||
<a href="index.php#"><i class="fab fa-youtube"></i></a>
|
||||
<a href="index.php#"><i class="fab fa-linkedin-in"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -160,11 +160,10 @@
|
||||
</div>
|
||||
<div class="offcanvas__overlay"></div>
|
||||
|
||||
<!-- Header Section Start -->
|
||||
<header class="header-section">
|
||||
<div class="header-top-section style-two">
|
||||
<!-- Header Top Section Start -->
|
||||
<div class="header-top-section">
|
||||
<div class="container-fluid">
|
||||
<div class="header-top-wrapper style-2">
|
||||
<div class="header-top-wrapper">
|
||||
<ul class="contact-list">
|
||||
<li>
|
||||
<i class="fas fa-envelope"></i>
|
||||
@ -178,29 +177,30 @@
|
||||
<div class="header-top-right">
|
||||
<ul class="top-list">
|
||||
<li><a href="contact.php">Help</a></li>
|
||||
<li>/</li>
|
||||
<li><a href="contact.php">Support</a></li>
|
||||
<li>/</li>
|
||||
<li><a href="contact.php">Contact</a></li>
|
||||
</ul>
|
||||
<div class="social-icon d-flex align-items-center">
|
||||
<a href="index-3.php#"><i class="fab fa-facebook-f"></i></a>
|
||||
<a href="index-3.php#"><i class="fab fa-twitter"></i></a>
|
||||
<a href="index-3.php#"><i class="fa-brands fa-linkedin-in"></i></a>
|
||||
<a href="index-3.php#"><i class="fa-brands fa-youtube"></i></a>
|
||||
<a href="index.php#"><i class="fab fa-twitter"></i></a>
|
||||
<a href="index.php#"><i class="fa-brands fa-facebook"></i></a>
|
||||
<a href="index.php#"><i class="fa-brands fa-pinterest-p"></i></a>
|
||||
<a href="index.php#"><i class="fa-brands fa-instagram"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="header-sticky" class="header-3">
|
||||
|
||||
<!-- Header Section Start -->
|
||||
<header id="header-sticky" class="header-1">
|
||||
<div class="container-fluid">
|
||||
<div class="mega-menu-wrapper">
|
||||
<div class="header-main">
|
||||
<div class="header-left">
|
||||
<div class="logo">
|
||||
<a href="index.php" class="header-logo-1">
|
||||
<img src="img/logo/white-logo-2.svg" alt="logo-img">
|
||||
</a>
|
||||
<a href="index.php" class="header-logo-2">
|
||||
<a href="index.php" class="header-logo">
|
||||
<img src="img/logo/black-logo.svg" alt="logo-img">
|
||||
</a>
|
||||
</div>
|
||||
@ -211,22 +211,24 @@
|
||||
<li></li>
|
||||
<li></li>
|
||||
<li></li>
|
||||
|
||||
<li class="has-dropdown active menu-thumb">
|
||||
<a href="index.php">
|
||||
Home
|
||||
<!-- <i class="fas fa-angle-down"></i> -->
|
||||
<!-- <i class="fas fa-angle-down"></i>
|
||||
</a>
|
||||
|
||||
<ul class="submenu">
|
||||
<li><a href="index.php">Home 01</a></li>
|
||||
<li><a href="index-2.php">Home 02</a></li>
|
||||
<li><a href="index-3.php">Home 03</a></li>
|
||||
</ul> -->
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="about.php">About Us</a>
|
||||
</li>
|
||||
<li class="has-dropdown">
|
||||
<a href="gallery.php">
|
||||
Pages
|
||||
<!-- <i class="fas fa-angle-down"></i> -->
|
||||
<i class="fas fa-angle-down"></i>
|
||||
</a>
|
||||
<ul class="submenu">
|
||||
<li><a href="gallery.php">Gallery</a></li>
|
||||
@ -243,8 +245,7 @@
|
||||
<li><a href="car-list.php">Car List</a></li>
|
||||
<li><a href="car-list-sidebar.php">Car Sidebar</a></li>
|
||||
<li><a href="car-details.php">Car Details</a></li>
|
||||
</ul>
|
||||
-->
|
||||
</ul> -->
|
||||
</li>
|
||||
<!-- <li>
|
||||
<a href="news.php">
|
||||
@ -255,7 +256,7 @@
|
||||
<li><a href="news.php">Blog</a></li>
|
||||
<li><a href="news-details.php">Blog Details</a></li>
|
||||
</ul>
|
||||
</li>-->
|
||||
</li> -->
|
||||
<li>
|
||||
<a href="contact.php">Contact</a>
|
||||
</li>
|
||||
@ -274,9 +275,9 @@
|
||||
<h6><a href="tel:+9288009850">+92 (8800) - 9850</a></h6>
|
||||
</div>
|
||||
</div>
|
||||
<a href="index-3.php#0" class="search-trigger search-icon"><i class="fa-regular fa-magnifying-glass"></i></a>
|
||||
<a href="index.php#0" class="search-trigger search-icon"><i class="fa-regular fa-magnifying-glass"></i></a>
|
||||
<div class="header-button">
|
||||
<a href="car-details.php" class="theme-btn">
|
||||
<a href="car-details.php" class="header-btn">
|
||||
Find a Car
|
||||
</a>
|
||||
</div>
|
||||
@ -289,5 +290,4 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
442
hondacity.php
Normal file
442
hondacity.php
Normal file
@ -0,0 +1,442 @@
|
||||
|
||||
|
||||
<?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/honda city.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>Honda City</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>2015</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="price-table-area">
|
||||
<h6>Table Price <span>( by day of the week )</span></h6>
|
||||
<div class="price-table-items section-bg">
|
||||
<p>Monday</p>
|
||||
<p>$70.00</p>
|
||||
</div>
|
||||
<div class="price-table-items">
|
||||
<p>Tuesday</p>
|
||||
<p>$70.00</p>
|
||||
</div>
|
||||
<div class="price-table-items section-bg">
|
||||
<p>Wednesday</p>
|
||||
<p>$70.00</p>
|
||||
</div>
|
||||
<div class="price-table-items">
|
||||
<p>Thursday</p>
|
||||
<p>$70.00</p>
|
||||
</div>
|
||||
<div class="price-table-items section-bg">
|
||||
<p>Friday</p>
|
||||
<p>$70.00</p>
|
||||
</div>
|
||||
<div class="price-table-items">
|
||||
<p>Saturday</p>
|
||||
<p>$70.00</p>
|
||||
</div>
|
||||
<div class="price-table-items section-bg">
|
||||
<p>Sunday</p>
|
||||
<p>$70.00</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="car-video">
|
||||
<img src="img/car/car-details-2.jpg" alt="img">
|
||||
<div class="video-box">
|
||||
<a href="https://www.youtube.com/watch?v=Cn4G2lZ_g2I" class="video-btn ripple video-popup">
|
||||
<i class="fa-solid fa-play"></i>
|
||||
</a>
|
||||
</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="#" id="contact-form" method="POST" class="contact-form-items">
|
||||
<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">
|
||||
Houston
|
||||
</option>
|
||||
<option value="1">
|
||||
Texas
|
||||
</option>
|
||||
<option value="1">
|
||||
New York
|
||||
</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">
|
||||
Houston
|
||||
</li><li data-value="1" class="option">
|
||||
Texas
|
||||
</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" 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" 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-5">
|
||||
<div class="input-save-items-area">
|
||||
<div class="input-save-items">
|
||||
<div class="input-save d-flex align-items-center mb-3">
|
||||
<input type="checkbox" class="form-check-input" name="save-for-next" id="saveForNext1">
|
||||
<label for="saveForNext1">Driver</label>
|
||||
</div>
|
||||
<div class="input-save d-flex align-items-center">
|
||||
<input type="checkbox" class="form-check-input" name="save-for-next" id="saveForNext2">
|
||||
<label for="saveForNext2">Baby Seat</label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="input-save-items">
|
||||
<div class="input-save d-flex align-items-center mb-3">
|
||||
<label>$10.00 / Day</label>
|
||||
</div>
|
||||
<div class="input-save d-flex align-items-center">
|
||||
<label>$30.00 / Total</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-12">
|
||||
<button class="theme-btn" type="submit">
|
||||
Send Request
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</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">Booking Form</h4>
|
||||
<form action="#" id="contact-form2" method="POST" class="contact-form-items">
|
||||
<div class="row g-4">
|
||||
<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">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">Quantity</label>
|
||||
<div class="category-oneadjust">
|
||||
<select name="cate" class="category">
|
||||
<option value="1">
|
||||
1
|
||||
</option>
|
||||
<option value="1">
|
||||
2
|
||||
</option>
|
||||
<option value="1">
|
||||
3
|
||||
</option>
|
||||
<option value="1">
|
||||
4
|
||||
</option>
|
||||
<option value="1">
|
||||
5
|
||||
</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-12">
|
||||
<div class="form-clt">
|
||||
<label class="label-text">Resources</label>
|
||||
<div class="input-save-items-area">
|
||||
<div class="input-save-items">
|
||||
<div class="input-save d-flex align-items-center mb-3">
|
||||
<input type="checkbox" class="form-check-input" name="save-for-next" id="saveForNext3">
|
||||
<label for="saveForNext3">Driver</label>
|
||||
</div>
|
||||
<div class="input-save d-flex align-items-center">
|
||||
<input type="checkbox" class="form-check-input" name="save-for-next" id="saveForNext4">
|
||||
<label for="saveForNext4">Baby Seat</label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="input-save-items">
|
||||
<div class="input-save d-flex align-items-center mb-3">
|
||||
<label>$10.00 / Day</label>
|
||||
</div>
|
||||
<div class="input-save d-flex align-items-center">
|
||||
<label>$30.00 / Total</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-12">
|
||||
<div class="form-clt">
|
||||
<button type="submit" class="theme-btn">Book Now</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<?php include('footer.php') ?>
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 194 KiB After Width: | Height: | Size: 146 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 349 KiB After Width: | Height: | Size: 312 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 219 KiB After Width: | Height: | Size: 187 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 225 KiB After Width: | Height: | Size: 190 KiB |
@ -4,11 +4,11 @@
|
||||
<?php include('parts/about.php') ?>
|
||||
<?php include('parts/ourbenefits.php') ?>
|
||||
<?php include('parts/ourservices.php') ?>
|
||||
<?php include('parts/ctaRental.php') ?>
|
||||
<?php include('parts/CarRental.php') ?>
|
||||
<?php include('parts/howitworks.php') ?>
|
||||
|
||||
<?php include('parts/Testimonial.php') ?>
|
||||
<?php include('parts/whynepal.php') ?>
|
||||
|
||||
<?php include('parts/gallery.php') ?>
|
||||
|
||||
<?php include('parts/ctaCheap.php') ?>
|
||||
|
||||
442
mghector.php
Normal file
442
mghector.php
Normal file
@ -0,0 +1,442 @@
|
||||
|
||||
|
||||
<?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/car/car-details.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>MG HECTOR ZS</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>2018</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="price-table-area">
|
||||
<h6>Table Price <span>( by day of the week )</span></h6>
|
||||
<div class="price-table-items section-bg">
|
||||
<p>Monday</p>
|
||||
<p>$70.00</p>
|
||||
</div>
|
||||
<div class="price-table-items">
|
||||
<p>Tuesday</p>
|
||||
<p>$70.00</p>
|
||||
</div>
|
||||
<div class="price-table-items section-bg">
|
||||
<p>Wednesday</p>
|
||||
<p>$70.00</p>
|
||||
</div>
|
||||
<div class="price-table-items">
|
||||
<p>Thursday</p>
|
||||
<p>$70.00</p>
|
||||
</div>
|
||||
<div class="price-table-items section-bg">
|
||||
<p>Friday</p>
|
||||
<p>$70.00</p>
|
||||
</div>
|
||||
<div class="price-table-items">
|
||||
<p>Saturday</p>
|
||||
<p>$70.00</p>
|
||||
</div>
|
||||
<div class="price-table-items section-bg">
|
||||
<p>Sunday</p>
|
||||
<p>$70.00</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="car-video">
|
||||
<img src="img/car/car-details-2.jpg" alt="img">
|
||||
<div class="video-box">
|
||||
<a href="https://www.youtube.com/watch?v=Cn4G2lZ_g2I" class="video-btn ripple video-popup">
|
||||
<i class="fa-solid fa-play"></i>
|
||||
</a>
|
||||
</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="#" id="contact-form" method="POST" class="contact-form-items">
|
||||
<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">
|
||||
Houston
|
||||
</option>
|
||||
<option value="1">
|
||||
Texas
|
||||
</option>
|
||||
<option value="1">
|
||||
New York
|
||||
</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">
|
||||
Houston
|
||||
</li><li data-value="1" class="option">
|
||||
Texas
|
||||
</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" 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" 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-5">
|
||||
<div class="input-save-items-area">
|
||||
<div class="input-save-items">
|
||||
<div class="input-save d-flex align-items-center mb-3">
|
||||
<input type="checkbox" class="form-check-input" name="save-for-next" id="saveForNext1">
|
||||
<label for="saveForNext1">Driver</label>
|
||||
</div>
|
||||
<div class="input-save d-flex align-items-center">
|
||||
<input type="checkbox" class="form-check-input" name="save-for-next" id="saveForNext2">
|
||||
<label for="saveForNext2">Baby Seat</label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="input-save-items">
|
||||
<div class="input-save d-flex align-items-center mb-3">
|
||||
<label>$10.00 / Day</label>
|
||||
</div>
|
||||
<div class="input-save d-flex align-items-center">
|
||||
<label>$30.00 / Total</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-12">
|
||||
<button class="theme-btn" type="submit">
|
||||
Send Request
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</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">Booking Form</h4>
|
||||
<form action="#" id="contact-form2" method="POST" class="contact-form-items">
|
||||
<div class="row g-4">
|
||||
<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">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">Quantity</label>
|
||||
<div class="category-oneadjust">
|
||||
<select name="cate" class="category">
|
||||
<option value="1">
|
||||
1
|
||||
</option>
|
||||
<option value="1">
|
||||
2
|
||||
</option>
|
||||
<option value="1">
|
||||
3
|
||||
</option>
|
||||
<option value="1">
|
||||
4
|
||||
</option>
|
||||
<option value="1">
|
||||
5
|
||||
</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-12">
|
||||
<div class="form-clt">
|
||||
<label class="label-text">Resources</label>
|
||||
<div class="input-save-items-area">
|
||||
<div class="input-save-items">
|
||||
<div class="input-save d-flex align-items-center mb-3">
|
||||
<input type="checkbox" class="form-check-input" name="save-for-next" id="saveForNext3">
|
||||
<label for="saveForNext3">Driver</label>
|
||||
</div>
|
||||
<div class="input-save d-flex align-items-center">
|
||||
<input type="checkbox" class="form-check-input" name="save-for-next" id="saveForNext4">
|
||||
<label for="saveForNext4">Baby Seat</label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="input-save-items">
|
||||
<div class="input-save d-flex align-items-center mb-3">
|
||||
<label>$10.00 / Day</label>
|
||||
</div>
|
||||
<div class="input-save d-flex align-items-center">
|
||||
<label>$30.00 / Total</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-12">
|
||||
<div class="form-clt">
|
||||
<button type="submit" class="theme-btn">Book Now</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<?php include('footer.php') ?>
|
||||
442
mitsubishi.php
Normal file
442
mitsubishi.php
Normal file
@ -0,0 +1,442 @@
|
||||
|
||||
|
||||
<?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/mitsubhi.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>Mitsubishi Pajero Exceed</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>2015</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="price-table-area">
|
||||
<h6>Table Price <span>( by day of the week )</span></h6>
|
||||
<div class="price-table-items section-bg">
|
||||
<p>Monday</p>
|
||||
<p>$70.00</p>
|
||||
</div>
|
||||
<div class="price-table-items">
|
||||
<p>Tuesday</p>
|
||||
<p>$70.00</p>
|
||||
</div>
|
||||
<div class="price-table-items section-bg">
|
||||
<p>Wednesday</p>
|
||||
<p>$70.00</p>
|
||||
</div>
|
||||
<div class="price-table-items">
|
||||
<p>Thursday</p>
|
||||
<p>$70.00</p>
|
||||
</div>
|
||||
<div class="price-table-items section-bg">
|
||||
<p>Friday</p>
|
||||
<p>$70.00</p>
|
||||
</div>
|
||||
<div class="price-table-items">
|
||||
<p>Saturday</p>
|
||||
<p>$70.00</p>
|
||||
</div>
|
||||
<div class="price-table-items section-bg">
|
||||
<p>Sunday</p>
|
||||
<p>$70.00</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="car-video">
|
||||
<img src="img/car/car-details-2.jpg" alt="img">
|
||||
<div class="video-box">
|
||||
<a href="https://www.youtube.com/watch?v=Cn4G2lZ_g2I" class="video-btn ripple video-popup">
|
||||
<i class="fa-solid fa-play"></i>
|
||||
</a>
|
||||
</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="#" id="contact-form" method="POST" class="contact-form-items">
|
||||
<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">
|
||||
Houston
|
||||
</option>
|
||||
<option value="1">
|
||||
Texas
|
||||
</option>
|
||||
<option value="1">
|
||||
New York
|
||||
</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">
|
||||
Houston
|
||||
</li><li data-value="1" class="option">
|
||||
Texas
|
||||
</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" 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" 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-5">
|
||||
<div class="input-save-items-area">
|
||||
<div class="input-save-items">
|
||||
<div class="input-save d-flex align-items-center mb-3">
|
||||
<input type="checkbox" class="form-check-input" name="save-for-next" id="saveForNext1">
|
||||
<label for="saveForNext1">Driver</label>
|
||||
</div>
|
||||
<div class="input-save d-flex align-items-center">
|
||||
<input type="checkbox" class="form-check-input" name="save-for-next" id="saveForNext2">
|
||||
<label for="saveForNext2">Baby Seat</label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="input-save-items">
|
||||
<div class="input-save d-flex align-items-center mb-3">
|
||||
<label>$10.00 / Day</label>
|
||||
</div>
|
||||
<div class="input-save d-flex align-items-center">
|
||||
<label>$30.00 / Total</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-12">
|
||||
<button class="theme-btn" type="submit">
|
||||
Send Request
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</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">Booking Form</h4>
|
||||
<form action="#" id="contact-form2" method="POST" class="contact-form-items">
|
||||
<div class="row g-4">
|
||||
<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">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">Quantity</label>
|
||||
<div class="category-oneadjust">
|
||||
<select name="cate" class="category">
|
||||
<option value="1">
|
||||
1
|
||||
</option>
|
||||
<option value="1">
|
||||
2
|
||||
</option>
|
||||
<option value="1">
|
||||
3
|
||||
</option>
|
||||
<option value="1">
|
||||
4
|
||||
</option>
|
||||
<option value="1">
|
||||
5
|
||||
</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-12">
|
||||
<div class="form-clt">
|
||||
<label class="label-text">Resources</label>
|
||||
<div class="input-save-items-area">
|
||||
<div class="input-save-items">
|
||||
<div class="input-save d-flex align-items-center mb-3">
|
||||
<input type="checkbox" class="form-check-input" name="save-for-next" id="saveForNext3">
|
||||
<label for="saveForNext3">Driver</label>
|
||||
</div>
|
||||
<div class="input-save d-flex align-items-center">
|
||||
<input type="checkbox" class="form-check-input" name="save-for-next" id="saveForNext4">
|
||||
<label for="saveForNext4">Baby Seat</label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="input-save-items">
|
||||
<div class="input-save d-flex align-items-center mb-3">
|
||||
<label>$10.00 / Day</label>
|
||||
</div>
|
||||
<div class="input-save d-flex align-items-center">
|
||||
<label>$30.00 / Total</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-12">
|
||||
<div class="form-clt">
|
||||
<button type="submit" class="theme-btn">Book Now</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<?php include('footer.php') ?>
|
||||
442
navara.php
Normal file
442
navara.php
Normal file
@ -0,0 +1,442 @@
|
||||
|
||||
|
||||
<?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/navara.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>Navara</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="price-table-area">
|
||||
<h6>Table Price <span>( by day of the week )</span></h6>
|
||||
<div class="price-table-items section-bg">
|
||||
<p>Monday</p>
|
||||
<p>$70.00</p>
|
||||
</div>
|
||||
<div class="price-table-items">
|
||||
<p>Tuesday</p>
|
||||
<p>$70.00</p>
|
||||
</div>
|
||||
<div class="price-table-items section-bg">
|
||||
<p>Wednesday</p>
|
||||
<p>$70.00</p>
|
||||
</div>
|
||||
<div class="price-table-items">
|
||||
<p>Thursday</p>
|
||||
<p>$70.00</p>
|
||||
</div>
|
||||
<div class="price-table-items section-bg">
|
||||
<p>Friday</p>
|
||||
<p>$70.00</p>
|
||||
</div>
|
||||
<div class="price-table-items">
|
||||
<p>Saturday</p>
|
||||
<p>$70.00</p>
|
||||
</div>
|
||||
<div class="price-table-items section-bg">
|
||||
<p>Sunday</p>
|
||||
<p>$70.00</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="car-video">
|
||||
<img src="img/car/car-details-2.jpg" alt="img">
|
||||
<div class="video-box">
|
||||
<a href="https://www.youtube.com/watch?v=Cn4G2lZ_g2I" class="video-btn ripple video-popup">
|
||||
<i class="fa-solid fa-play"></i>
|
||||
</a>
|
||||
</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="#" id="contact-form" method="POST" class="contact-form-items">
|
||||
<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">
|
||||
Houston
|
||||
</option>
|
||||
<option value="1">
|
||||
Texas
|
||||
</option>
|
||||
<option value="1">
|
||||
New York
|
||||
</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">
|
||||
Houston
|
||||
</li><li data-value="1" class="option">
|
||||
Texas
|
||||
</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" 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" 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-5">
|
||||
<div class="input-save-items-area">
|
||||
<div class="input-save-items">
|
||||
<div class="input-save d-flex align-items-center mb-3">
|
||||
<input type="checkbox" class="form-check-input" name="save-for-next" id="saveForNext1">
|
||||
<label for="saveForNext1">Driver</label>
|
||||
</div>
|
||||
<div class="input-save d-flex align-items-center">
|
||||
<input type="checkbox" class="form-check-input" name="save-for-next" id="saveForNext2">
|
||||
<label for="saveForNext2">Baby Seat</label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="input-save-items">
|
||||
<div class="input-save d-flex align-items-center mb-3">
|
||||
<label>$10.00 / Day</label>
|
||||
</div>
|
||||
<div class="input-save d-flex align-items-center">
|
||||
<label>$30.00 / Total</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-12">
|
||||
<button class="theme-btn" type="submit">
|
||||
Send Request
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</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">Booking Form</h4>
|
||||
<form action="#" id="contact-form2" method="POST" class="contact-form-items">
|
||||
<div class="row g-4">
|
||||
<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">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">Quantity</label>
|
||||
<div class="category-oneadjust">
|
||||
<select name="cate" class="category">
|
||||
<option value="1">
|
||||
1
|
||||
</option>
|
||||
<option value="1">
|
||||
2
|
||||
</option>
|
||||
<option value="1">
|
||||
3
|
||||
</option>
|
||||
<option value="1">
|
||||
4
|
||||
</option>
|
||||
<option value="1">
|
||||
5
|
||||
</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-12">
|
||||
<div class="form-clt">
|
||||
<label class="label-text">Resources</label>
|
||||
<div class="input-save-items-area">
|
||||
<div class="input-save-items">
|
||||
<div class="input-save d-flex align-items-center mb-3">
|
||||
<input type="checkbox" class="form-check-input" name="save-for-next" id="saveForNext3">
|
||||
<label for="saveForNext3">Driver</label>
|
||||
</div>
|
||||
<div class="input-save d-flex align-items-center">
|
||||
<input type="checkbox" class="form-check-input" name="save-for-next" id="saveForNext4">
|
||||
<label for="saveForNext4">Baby Seat</label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="input-save-items">
|
||||
<div class="input-save d-flex align-items-center mb-3">
|
||||
<label>$10.00 / Day</label>
|
||||
</div>
|
||||
<div class="input-save d-flex align-items-center">
|
||||
<label>$30.00 / Total</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-12">
|
||||
<div class="form-clt">
|
||||
<button type="submit" class="theme-btn">Book Now</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<?php include('footer.php') ?>
|
||||
@ -53,7 +53,7 @@
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<a href="car-details.php" class="theme-btn bg-color w-100 text-center">book now <i class="fa-solid fa-arrow-right ps-1"></i></a>
|
||||
<a href="peugeot.php" class="theme-btn bg-color w-100 text-center">book now <i class="fa-solid fa-arrow-right ps-1"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -98,7 +98,7 @@
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<a href="car-details.php" class="theme-btn bg-color w-100 text-center">book now <i class="fa-solid fa-arrow-right ps-1"></i></a>
|
||||
<a href="navara.php" class="theme-btn bg-color w-100 text-center">book now <i class="fa-solid fa-arrow-right ps-1"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -143,7 +143,7 @@
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<a href="car-details.php" class="theme-btn bg-color w-100 text-center">book now <i class="fa-solid fa-arrow-right ps-1"></i></a>
|
||||
<a href="fordecosport.php" class="theme-btn bg-color w-100 text-center">book now <i class="fa-solid fa-arrow-right ps-1"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -188,7 +188,7 @@
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<a href="car-details.php" class="theme-btn bg-color w-100 text-center">book now <i class="fa-solid fa-arrow-right ps-1"></i></a>
|
||||
<a href="mitsubishi.php" class="theme-btn bg-color w-100 text-center">book now <i class="fa-solid fa-arrow-right ps-1"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -233,7 +233,7 @@
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<a href="car-details.php" class="theme-btn bg-color w-100 text-center">book now <i class="fa-solid fa-arrow-right ps-1"></i></a>
|
||||
<a href="mghector.php" class="theme-btn bg-color w-100 text-center">book now <i class="fa-solid fa-arrow-right ps-1"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -278,7 +278,7 @@
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<a href="car-details.php" class="theme-btn bg-color w-100 text-center">book now <i class="fa-solid fa-arrow-right ps-1"></i></a>
|
||||
<a href="beetle.php" class="theme-btn bg-color w-100 text-center">book now <i class="fa-solid fa-arrow-right ps-1"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -324,7 +324,7 @@
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<a href="car-details.php" class="theme-btn bg-color w-100 text-center">book now <i class="fa-solid fa-arrow-right ps-1"></i></a>
|
||||
<a href="hondacity.php" class="theme-btn bg-color w-100 text-center">book now <i class="fa-solid fa-arrow-right ps-1"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -22,7 +22,7 @@
|
||||
<i class="fa-solid fa-chevron-right"></i>
|
||||
</button>
|
||||
</div>
|
||||
<h6 class="search-text">Search Any Car</h6>
|
||||
<h6 class="search-text">Book Any Car</h6>
|
||||
<div class="line-icon">
|
||||
<img src="img/hero/icon.png" alt="icon">
|
||||
</div>
|
||||
|
||||
@ -12,7 +12,7 @@
|
||||
<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">
|
||||
Search Book & <br>
|
||||
Book & <br>
|
||||
Rent Vehicle Easily
|
||||
</h2>
|
||||
</div>
|
||||
|
||||
442
peugeot.php
Normal file
442
peugeot.php
Normal file
@ -0,0 +1,442 @@
|
||||
|
||||
|
||||
<?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. Lorem Ipsum is simply dummy text of the printing and typesetting industry. orem ipsum has been the industry’s standard dummy text ever since the 1500s.
|
||||
</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="price-table-area">
|
||||
<h6>Table Price <span>( by day of the week )</span></h6>
|
||||
<div class="price-table-items section-bg">
|
||||
<p>Monday</p>
|
||||
<p>$70.00</p>
|
||||
</div>
|
||||
<div class="price-table-items">
|
||||
<p>Tuesday</p>
|
||||
<p>$70.00</p>
|
||||
</div>
|
||||
<div class="price-table-items section-bg">
|
||||
<p>Wednesday</p>
|
||||
<p>$70.00</p>
|
||||
</div>
|
||||
<div class="price-table-items">
|
||||
<p>Thursday</p>
|
||||
<p>$70.00</p>
|
||||
</div>
|
||||
<div class="price-table-items section-bg">
|
||||
<p>Friday</p>
|
||||
<p>$70.00</p>
|
||||
</div>
|
||||
<div class="price-table-items">
|
||||
<p>Saturday</p>
|
||||
<p>$70.00</p>
|
||||
</div>
|
||||
<div class="price-table-items section-bg">
|
||||
<p>Sunday</p>
|
||||
<p>$70.00</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="car-video">
|
||||
<img src="img/car/car-details-2.jpg" alt="img">
|
||||
<div class="video-box">
|
||||
<a href="https://www.youtube.com/watch?v=Cn4G2lZ_g2I" class="video-btn ripple video-popup">
|
||||
<i class="fa-solid fa-play"></i>
|
||||
</a>
|
||||
</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="#" id="contact-form" method="POST" class="contact-form-items">
|
||||
<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">
|
||||
Houston
|
||||
</option>
|
||||
<option value="1">
|
||||
Texas
|
||||
</option>
|
||||
<option value="1">
|
||||
New York
|
||||
</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">
|
||||
Houston
|
||||
</li><li data-value="1" class="option">
|
||||
Texas
|
||||
</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" 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" 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-5">
|
||||
<div class="input-save-items-area">
|
||||
<div class="input-save-items">
|
||||
<div class="input-save d-flex align-items-center mb-3">
|
||||
<input type="checkbox" class="form-check-input" name="save-for-next" id="saveForNext1">
|
||||
<label for="saveForNext1">Driver</label>
|
||||
</div>
|
||||
<div class="input-save d-flex align-items-center">
|
||||
<input type="checkbox" class="form-check-input" name="save-for-next" id="saveForNext2">
|
||||
<label for="saveForNext2">Baby Seat</label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="input-save-items">
|
||||
<div class="input-save d-flex align-items-center mb-3">
|
||||
<label>$10.00 / Day</label>
|
||||
</div>
|
||||
<div class="input-save d-flex align-items-center">
|
||||
<label>$30.00 / Total</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-12">
|
||||
<button class="theme-btn" type="submit">
|
||||
Send Request
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</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">Booking Form</h4>
|
||||
<form action="#" id="contact-form2" method="POST" class="contact-form-items">
|
||||
<div class="row g-4">
|
||||
<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">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">Quantity</label>
|
||||
<div class="category-oneadjust">
|
||||
<select name="cate" class="category">
|
||||
<option value="1">
|
||||
1
|
||||
</option>
|
||||
<option value="1">
|
||||
2
|
||||
</option>
|
||||
<option value="1">
|
||||
3
|
||||
</option>
|
||||
<option value="1">
|
||||
4
|
||||
</option>
|
||||
<option value="1">
|
||||
5
|
||||
</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-12">
|
||||
<div class="form-clt">
|
||||
<label class="label-text">Resources</label>
|
||||
<div class="input-save-items-area">
|
||||
<div class="input-save-items">
|
||||
<div class="input-save d-flex align-items-center mb-3">
|
||||
<input type="checkbox" class="form-check-input" name="save-for-next" id="saveForNext3">
|
||||
<label for="saveForNext3">Driver</label>
|
||||
</div>
|
||||
<div class="input-save d-flex align-items-center">
|
||||
<input type="checkbox" class="form-check-input" name="save-for-next" id="saveForNext4">
|
||||
<label for="saveForNext4">Baby Seat</label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="input-save-items">
|
||||
<div class="input-save d-flex align-items-center mb-3">
|
||||
<label>$10.00 / Day</label>
|
||||
</div>
|
||||
<div class="input-save d-flex align-items-center">
|
||||
<label>$30.00 / Total</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-12">
|
||||
<div class="form-clt">
|
||||
<button type="submit" class="theme-btn">Book Now</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<?php include('footer.php') ?>
|
||||
Loading…
x
Reference in New Issue
Block a user