changes
This commit is contained in:
subashGamer21
parent
398affd0ce
commit
0120b29fd6
@ -60,8 +60,9 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
|
|
||||||
<!-- Team Section Start -->
|
<!-- Team Section Start
|
||||||
<section class="team-section fix section-padding pt-0">
|
<section class="team-section fix section-padding pt-0">
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="section-title text-center">
|
<div class="section-title text-center">
|
||||||
@ -135,7 +136,7 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section> -->
|
||||||
|
|
||||||
<!-- Funfact Section Start -->
|
<!-- Funfact Section Start -->
|
||||||
<section class="funfact-section section-padding fix bg-cover mt-0" style="background-image: url('img/funfact-bg.jpg');">
|
<section class="funfact-section section-padding fix bg-cover mt-0" style="background-image: url('img/funfact-bg.jpg');">
|
||||||
|
|||||||
230
css/custom.css
230
css/custom.css
@ -167,4 +167,234 @@
|
|||||||
margin-left: 20px;
|
margin-left: 20px;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
.logo img {
|
||||||
|
width: 120px; /* Adjust the width */
|
||||||
|
height: 60px; /* Maintain aspect ratio */
|
||||||
|
}
|
||||||
|
a:hover {
|
||||||
|
color: #f39c12;
|
||||||
|
text-decoration: underline;
|
||||||
|
}
|
||||||
|
|
||||||
|
.contact-form-items {
|
||||||
|
background-color: #fff;
|
||||||
|
padding: 30px;
|
||||||
|
border-radius: 10px;
|
||||||
|
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
|
||||||
|
animation: fadeInUp 1s ease-out;
|
||||||
|
}
|
||||||
|
|
||||||
|
.input-field {
|
||||||
|
border: 1px solid #ccc;
|
||||||
|
padding: 12px;
|
||||||
|
font-size: 16px;
|
||||||
|
width: 100%;
|
||||||
|
border-radius: 5px;
|
||||||
|
margin-top: 10px;
|
||||||
|
transition: all 0.3s ease;
|
||||||
|
}
|
||||||
|
|
||||||
|
.input-field:focus {
|
||||||
|
border-color: #007bff;
|
||||||
|
box-shadow: 0 0 8px rgba(0, 123, 255, 0.5);
|
||||||
|
}
|
||||||
|
|
||||||
|
.input-field::placeholder {
|
||||||
|
color: #aaa;
|
||||||
|
}
|
||||||
|
|
||||||
|
.label-text {
|
||||||
|
font-size: 14px;
|
||||||
|
font-weight: 600;
|
||||||
|
color: #555;
|
||||||
|
}
|
||||||
|
|
||||||
|
.theme-btn {
|
||||||
|
background-color: #007bff;
|
||||||
|
color: #fff;
|
||||||
|
border: none;
|
||||||
|
padding: 12px 30px;
|
||||||
|
border-radius: 30px;
|
||||||
|
font-size: 16px;
|
||||||
|
cursor: pointer;
|
||||||
|
transition: all 0.3s ease;
|
||||||
|
}
|
||||||
|
|
||||||
|
.theme-btn:hover {
|
||||||
|
background-color: #0056b3;
|
||||||
|
transform: translateY(-2px);
|
||||||
|
}
|
||||||
|
|
||||||
|
.animated-btn {
|
||||||
|
position: relative;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
.animated-btn::after {
|
||||||
|
content: '';
|
||||||
|
position: absolute;
|
||||||
|
width: 300%;
|
||||||
|
height: 100%;
|
||||||
|
top: 0;
|
||||||
|
left: -100%;
|
||||||
|
background-color: rgba(255, 255, 255, 0.2);
|
||||||
|
transition: all 0.4s ease;
|
||||||
|
}
|
||||||
|
|
||||||
|
.animated-btn:hover::after {
|
||||||
|
left: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.category {
|
||||||
|
border: 1px solid #ccc;
|
||||||
|
padding: 12px;
|
||||||
|
font-size: 16px;
|
||||||
|
width: 100%;
|
||||||
|
border-radius: 5px;
|
||||||
|
background: #fff;
|
||||||
|
appearance: none;
|
||||||
|
transition: all 0.3s ease;
|
||||||
|
}
|
||||||
|
|
||||||
|
.category:hover {
|
||||||
|
border-color: #007bff;
|
||||||
|
}
|
||||||
|
|
||||||
|
.category:focus {
|
||||||
|
border-color: #007bff;
|
||||||
|
box-shadow: 0 0 8px rgba(0, 123, 255, 0.5);
|
||||||
|
}
|
||||||
|
|
||||||
|
@keyframes fadeInUp {
|
||||||
|
0% {
|
||||||
|
opacity: 0;
|
||||||
|
transform: translateY(30px);
|
||||||
|
}
|
||||||
|
100% {
|
||||||
|
opacity: 1;
|
||||||
|
transform: translateY(0);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.car-booking-items {
|
||||||
|
background: linear-gradient(45deg, rgb(240, 101, 9), rgb(246, 238, 4));
|
||||||
|
border-radius: 10px;
|
||||||
|
padding: 40px 30px;
|
||||||
|
color: #fff;
|
||||||
|
box-shadow: 0 6px 15px rgba(0, 0, 0, 0.2);
|
||||||
|
font-family: 'Roboto', sans-serif;
|
||||||
|
width: 100%;
|
||||||
|
max-width: 850px;
|
||||||
|
margin: 40px auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.booking-header h3 {
|
||||||
|
font-size: 24px;
|
||||||
|
margin-bottom: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.booking-header p {
|
||||||
|
font-size: 16px;
|
||||||
|
margin-bottom: 25px;
|
||||||
|
font-weight: 300;
|
||||||
|
}
|
||||||
|
|
||||||
|
.label-text {
|
||||||
|
font-size: 16px;
|
||||||
|
color: #fff;
|
||||||
|
margin-bottom: 8px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.input-field {
|
||||||
|
width: 100%;
|
||||||
|
padding: 12px;
|
||||||
|
border: 2px solid #fff;
|
||||||
|
border-radius: 5px;
|
||||||
|
margin-bottom: 20px;
|
||||||
|
font-size: 16px;
|
||||||
|
color: #333;
|
||||||
|
background-color: #f7f7f7;
|
||||||
|
transition: border-color 0.3s ease;
|
||||||
|
}
|
||||||
|
|
||||||
|
.input-field:focus {
|
||||||
|
border-color: #ff7b00;
|
||||||
|
outline: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.input-group-addon i {
|
||||||
|
color: #ff7b00;
|
||||||
|
}
|
||||||
|
|
||||||
|
.ui-datepicker {
|
||||||
|
font-size: 14px;
|
||||||
|
border-radius: 5px;
|
||||||
|
background: #fff;
|
||||||
|
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
|
||||||
|
}
|
||||||
|
|
||||||
|
.theme-btn {
|
||||||
|
background-color: #ff7b00;
|
||||||
|
color: #fff;
|
||||||
|
padding: 15px 25px;
|
||||||
|
border-radius: 5px;
|
||||||
|
font-size: 18px;
|
||||||
|
border: none;
|
||||||
|
cursor: pointer;
|
||||||
|
width: 100%;
|
||||||
|
transition: background-color 0.3s ease;
|
||||||
|
}
|
||||||
|
|
||||||
|
.theme-btn:hover {
|
||||||
|
background-color: #ff6600;
|
||||||
|
}
|
||||||
|
|
||||||
|
.animated-btn {
|
||||||
|
position: relative;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
.animated-btn::after {
|
||||||
|
content: '';
|
||||||
|
position: absolute;
|
||||||
|
top: 50%;
|
||||||
|
left: 50%;
|
||||||
|
width: 300%;
|
||||||
|
height: 300%;
|
||||||
|
background: rgba(255, 255, 255, 0.2);
|
||||||
|
transition: all 0.4s ease;
|
||||||
|
transform: translate(-50%, -50%) scale(0);
|
||||||
|
border-radius: 50%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.animated-btn:hover::after {
|
||||||
|
transform: translate(-50%, -50%) scale(1);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Form Container */
|
||||||
|
.form-clt {
|
||||||
|
margin-bottom: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Input Container Styles */
|
||||||
|
.input-group-addon {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
background-color: #fff;
|
||||||
|
border: 1px solid #ddd;
|
||||||
|
border-radius: 50%;
|
||||||
|
padding: 8px;
|
||||||
|
color: #ff7b00;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Responsive Design */
|
||||||
|
@media (max-width: 767px) {
|
||||||
|
.row {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
.col-lg-6, .col-lg-4 {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
@ -11,7 +11,7 @@ Version: 1.0.0
|
|||||||
--body: #fff;
|
--body: #fff;
|
||||||
--black: #000;
|
--black: #000;
|
||||||
--white: #fff;
|
--white: #fff;
|
||||||
--theme: #ff3726;
|
--theme: #ffcc26;
|
||||||
--theme2: #005cb5;
|
--theme2: #005cb5;
|
||||||
--header: #0c142e;
|
--header: #0c142e;
|
||||||
--text: #77797e;
|
--text: #77797e;
|
||||||
@ -2808,7 +2808,7 @@ span {
|
|||||||
|
|
||||||
.header-top-section {
|
.header-top-section {
|
||||||
background-color: #020202;
|
background-color: #020202;
|
||||||
padding: 10px 60px;
|
padding: 1px 21px;
|
||||||
position: relative;
|
position: relative;
|
||||||
z-index: 9;
|
z-index: 9;
|
||||||
border-top: 3px solid #020202;
|
border-top: 3px solid #020202;
|
||||||
@ -2831,7 +2831,7 @@ span {
|
|||||||
height: 100%;
|
height: 100%;
|
||||||
width: 285px;
|
width: 285px;
|
||||||
content: "";
|
content: "";
|
||||||
background-color: var(--white);
|
background-color: #000000;
|
||||||
z-index: -1;
|
z-index: -1;
|
||||||
clip-path: polygon(0 0, 90% 0%, 100% 100%, 0% 100%);
|
clip-path: polygon(0 0, 90% 0%, 100% 100%, 0% 100%);
|
||||||
}
|
}
|
||||||
|
|||||||
210
footer.php
210
footer.php
@ -24,152 +24,70 @@
|
|||||||
|
|
||||||
|
|
||||||
<!-- Footer Section Start -->
|
<!-- Footer Section Start -->
|
||||||
<footer class="footer-section fix">
|
<footer class="footer-section" style="background: #2d2d2d; color: #fff; padding: 50px 0; font-family: Arial, sans-serif;">
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="footer-widgets-wrapper">
|
<div class="footer-widgets-wrapper">
|
||||||
<div class="row justify-content-between">
|
<div class="row">
|
||||||
<div class="col-xl-3 col-lg-4 col-md-6 wow fadeInUp" data-wow-delay=".2s">
|
<!-- Contact Information -->
|
||||||
<div class="single-footer-widget shape-map">
|
<div class="col-xl-4 col-lg-4 col-md-6" style="margin-bottom: 30px;">
|
||||||
<div class="widget-head">
|
<div style="border-left: 4px solid #f39c12; padding-left: 15px;">
|
||||||
<h4>Contact</h4>
|
<h4 style="font-size: 20px; color: #f39c12;">Contact Us</h4>
|
||||||
</div>
|
<p>Kathmandu, Nepal</p>
|
||||||
<div class="footer-content">
|
<ul style="list-style: none; padding: 0;">
|
||||||
<p>
|
<li style="margin: 10px 0;">
|
||||||
Kathmandu
|
<i class="fa-regular fa-envelope" style="margin-right: 10px; color: #f39c12;"></i>
|
||||||
</p>
|
<a href="mailto:info@boharacarrental.com" style="color: #fff; text-decoration: none;">info@boharacarrental.com</a>
|
||||||
<ul class="contact-info">
|
</li>
|
||||||
<li>
|
<li style="margin: 10px 0;">
|
||||||
<i class="fa-regular fa-envelope"></i>
|
<i class="fa-solid fa-phone-volume" style="margin-right: 10px; color: #f39c12;"></i>
|
||||||
<a href="mailto:needhelp@company.com">info@boharacarrental.com</a>
|
<a href="tel:+9779801136594" style="color: #fff; text-decoration: none;">+977 980-1136594</a>
|
||||||
</li>
|
</li>
|
||||||
<li>
|
</ul>
|
||||||
<i class="fa-solid fa-phone-volume"></i>
|
</div>
|
||||||
<a href="tel:926668880000">+977 980‑1136594</a>
|
</div>
|
||||||
</li>
|
|
||||||
</ul>
|
<!-- Quick Links -->
|
||||||
</div>
|
<div class="col-xl-2 col-lg-2 col-md-6" style="margin-bottom: 30px;">
|
||||||
</div>
|
<h4 style="font-size: 20px; color: #f39c12;">Quick Links</h4>
|
||||||
</div>
|
<ul style="list-style: none; padding: 0;">
|
||||||
<div class="col-xl-2 col-lg-4 col-md-6 wow fadeInUp" data-wow-delay=".4s">
|
<li style="margin: 10px 0;">
|
||||||
<div class="single-footer-widget">
|
<a href="about.php" style="color: #fff; text-decoration: none;">About Us</a>
|
||||||
<div class="widget-head">
|
</li>
|
||||||
<h4>Contact</h4>
|
<li style="margin: 10px 0;">
|
||||||
</div>
|
<a href="car-details.php" style="color: #fff; text-decoration: none;">Cars</a>
|
||||||
<ul class="list-items">
|
</li>
|
||||||
<li>
|
<li style="margin: 10px 0;">
|
||||||
<a href="about.php">
|
<a href="gallery.php" style="color: #fff; text-decoration: none;">Gallery</a>
|
||||||
About Us
|
</li>
|
||||||
</a>
|
<li style="margin: 10px 0;">
|
||||||
</li>
|
<a href="contact.php" style="color: #fff; text-decoration: none;">Contact</a>
|
||||||
<li>
|
</li>
|
||||||
<a href="car-details.php">
|
</ul>
|
||||||
Cars
|
</div>
|
||||||
</a>
|
|
||||||
</li>
|
<!-- Map Section -->
|
||||||
|
<div class="col-xl-6 col-lg-6 col-md-12" style="margin-bottom: 30px;">
|
||||||
<li>
|
<h4 style="font-size: 20px; color: #f39c12;">Our Location</h4>
|
||||||
<a href="gallery.php">
|
<div style="width: 100%; height: 300px; margin-top: 15px;">
|
||||||
Gallery
|
<iframe
|
||||||
</a>
|
src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3533.281041814292!2d85.31673081506105!3d27.678248032805366!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x39eb198db1b04f29%3A0xeba6c707cbd8c31b!2sPashupatinath%20Temple!5e0!3m2!1sen!2snp!4v1619444298054!5m2!1sen!2snp"
|
||||||
</li>
|
style="width: 100%; height: 100%; border: 0;"
|
||||||
<li>
|
allowfullscreen=""
|
||||||
<a href="contact.php">
|
loading="lazy">
|
||||||
Contact
|
</iframe>
|
||||||
</a>
|
</div>
|
||||||
</li>
|
</div>
|
||||||
</ul>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
<div class="col-xl-3 col-lg-4 col-md-6 wow fadeInUp" data-wow-delay=".6s">
|
<div class="footer-bottom" style="border-top: 1px solid #444; padding-top: 20px; text-align: center;">
|
||||||
<div class="single-footer-widget">
|
<p style="margin: 0; font-size: 14px;">© Copyright 2024 by
|
||||||
<div class="widget-head">
|
<a href="index.php" style="color: #f39c12; text-decoration: none;">BohoraCarRental.com</a>
|
||||||
<h4>Gallery</h4>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
<div class="footer-gallery">
|
</div>
|
||||||
<div class="gallery-wrap">
|
</footer>
|
||||||
<div class="gallery-item">
|
|
||||||
<div class="thumb">
|
|
||||||
<a href="img/footer/gallery-1.jpg" class="img-popup">
|
|
||||||
<img src="img/footer/gallery-1.jpg" alt="gallery-img">
|
|
||||||
<div class="icon">
|
|
||||||
<i class="far fa-plus"></i>
|
|
||||||
</div>
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
<div class="thumb">
|
|
||||||
<a href="img/footer/gallery-2.jpg" class="img-popup">
|
|
||||||
<img src="img/footer/gallery-2.jpg" alt="gallery-img">
|
|
||||||
<div class="icon">
|
|
||||||
<i class="far fa-plus"></i>
|
|
||||||
</div>
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
<div class="thumb">
|
|
||||||
<a href="img/footer/gallery-3.jpg" class="img-popup">
|
|
||||||
<img src="img/footer/gallery-3.jpg" alt="gallery-img">
|
|
||||||
<div class="icon">
|
|
||||||
<i class="far fa-plus"></i>
|
|
||||||
</div>
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="gallery-item">
|
|
||||||
<div class="thumb">
|
|
||||||
<a href="img/footer/gallery-4.jpg" class="img-popup">
|
|
||||||
<img src="img/footer/gallery-4.jpg" alt="gallery-img">
|
|
||||||
<div class="icon">
|
|
||||||
<i class="far fa-plus"></i>
|
|
||||||
</div>
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
<div class="thumb">
|
|
||||||
<a href="img/footer/gallery-5.jpg" class="img-popup">
|
|
||||||
<img src="img/footer/gallery-5.jpg" alt="gallery-img">
|
|
||||||
<div class="icon">
|
|
||||||
<i class="far fa-plus"></i>
|
|
||||||
</div>
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
<div class="thumb">
|
|
||||||
<a href="img/footer/gallery-6.jpg" class="img-popup">
|
|
||||||
<img src="img/footer/gallery-6.jpg" alt="gallery-img">
|
|
||||||
<div class="icon">
|
|
||||||
<i class="far fa-plus"></i>
|
|
||||||
</div>
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="col-xl-3 col-lg-4 col-md-6 wow fadeInUp" data-wow-delay=".8s">
|
|
||||||
<div class="single-footer-widget">
|
|
||||||
<div class="widget-head">
|
|
||||||
<h4>Subscribe</h4>
|
|
||||||
</div>
|
|
||||||
<div class="footer-content">
|
|
||||||
<p>Subscribe our newsletter to get our latest updates</p>
|
|
||||||
<div class="footer-input">
|
|
||||||
<input type="email" id="email2" placeholder="Email address">
|
|
||||||
<button class="newsletter-btn" type="submit">
|
|
||||||
<i class="fa-regular fa-paper-plane"></i>
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="footer-bottom">
|
|
||||||
<div class="footer-wrapper">
|
|
||||||
<p class="wow fadeInUp" data-wow-delay=".4s">
|
|
||||||
© Copyright 2024 by <a href="index.php">BohoraCarRental.com</a>
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</footer>
|
|
||||||
<!-- <script src="js/custom.js"></script> -->
|
<!-- <script src="js/custom.js"></script> -->
|
||||||
<!--<< All JS Plugins >>-->
|
<!--<< All JS Plugins >>-->
|
||||||
<script src="js/jquery-3.7.1.min.js"></script>
|
<script src="js/jquery-3.7.1.min.js"></script>
|
||||||
|
|||||||
53
header.php
53
header.php
@ -103,9 +103,9 @@
|
|||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<p class="text d-none d-xl-block">
|
<!-- <p class="text d-none d-xl-block">
|
||||||
Nullam dignissim, ante scelerisque the is euismod fermentum odio sem semper the is erat, a feugiat leo urna eget eros. Duis Aenean a imperdiet risus.
|
Nullam dignissim, ante scelerisque the is euismod fermentum odio sem semper the is erat, a feugiat leo urna eget eros. Duis Aenean a imperdiet risus.
|
||||||
</p>
|
</p> -->
|
||||||
<div class="mobile-menu fix mb-3"></div>
|
<div class="mobile-menu fix mb-3"></div>
|
||||||
<div class="offcanvas__contact">
|
<div class="offcanvas__contact">
|
||||||
<h4>Contact Info</h4>
|
<h4>Contact Info</h4>
|
||||||
@ -115,7 +115,7 @@
|
|||||||
<i class="fal fa-map-marker-alt"></i>
|
<i class="fal fa-map-marker-alt"></i>
|
||||||
</div>
|
</div>
|
||||||
<div class="offcanvas__contact-text">
|
<div class="offcanvas__contact-text">
|
||||||
<a target="_blank" href="index.php#">Main Street, Melbourne, Australia</a>
|
<a target="_blank" href="index.php#">Kathmandu</a>
|
||||||
</div>
|
</div>
|
||||||
</li>
|
</li>
|
||||||
<li class="d-flex align-items-center">
|
<li class="d-flex align-items-center">
|
||||||
@ -123,23 +123,23 @@
|
|||||||
<i class="fal fa-envelope"></i>
|
<i class="fal fa-envelope"></i>
|
||||||
</div>
|
</div>
|
||||||
<div class="offcanvas__contact-text">
|
<div class="offcanvas__contact-text">
|
||||||
<a href="mailto:info@example.com"><span class="mailto:info@example.com">info@example.com</span></a>
|
<a href="mailto:info@example.com"><span class="mailto:info@example.com">info@boharacarrental.com</span></a>
|
||||||
</div>
|
</div>
|
||||||
</li>
|
</li>
|
||||||
<li class="d-flex align-items-center">
|
<!-- <li class="d-flex align-items-center">
|
||||||
<div class="offcanvas__contact-icon mr-15">
|
<div class="offcanvas__contact-icon mr-15">
|
||||||
<i class="fal fa-clock"></i>
|
<i class="fal fa-clock"></i>
|
||||||
</div>
|
</div>
|
||||||
<div class="offcanvas__contact-text">
|
<div class="offcanvas__contact-text">
|
||||||
<a target="_blank" href="index.php#">Mod-friday, 09am -05pm</a>
|
<a target="_blank" href="index.php#">Sun-Sat, 09am -05pm</a>
|
||||||
</div>
|
</div> -->
|
||||||
</li>
|
<!-- </li> -->
|
||||||
<li class="d-flex align-items-center">
|
<li class="d-flex align-items-center">
|
||||||
<div class="offcanvas__contact-icon mr-15">
|
<div class="offcanvas__contact-icon mr-15">
|
||||||
<i class="far fa-phone"></i>
|
<i class="far fa-phone"></i>
|
||||||
</div>
|
</div>
|
||||||
<div class="offcanvas__contact-text">
|
<div class="offcanvas__contact-text">
|
||||||
<a href="tel:+11002345909">+11002345909</a>
|
<a href="tel:+11002345909">+977 980‑1136594</a>
|
||||||
</div>
|
</div>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
@ -175,13 +175,13 @@
|
|||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
<div class="header-top-right">
|
<div class="header-top-right">
|
||||||
<ul class="top-list">
|
<!-- <ul class="top-list">
|
||||||
<li><a href="contact.php">Help</a></li>
|
<li><a href="contact.php">Help</a></li>
|
||||||
<li>/</li>
|
<li>/</li>
|
||||||
<li><a href="contact.php">Support</a></li>
|
<li><a href="contact.php">Support</a></li>
|
||||||
<li>/</li>
|
<li>/</li>
|
||||||
<li><a href="contact.php">Contact</a></li>
|
<li><a href="contact.php">Contact</a></li>
|
||||||
</ul>
|
</ul> -->
|
||||||
<div class="social-icon d-flex align-items-center">
|
<div class="social-icon d-flex align-items-center">
|
||||||
<a href="index.php#"><i class="fa-brands fa-facebook"></i></a>
|
<a href="index.php#"><i class="fa-brands fa-facebook"></i></a>
|
||||||
<a href="index.php#"><i class="fa-brands fa-instagram"></i></a>
|
<a href="index.php#"><i class="fa-brands fa-instagram"></i></a>
|
||||||
@ -200,14 +200,14 @@
|
|||||||
<div class="header-left">
|
<div class="header-left">
|
||||||
<div class="logo">
|
<div class="logo">
|
||||||
<a href="index.php" class="header-logo">
|
<a href="index.php" class="header-logo">
|
||||||
<img src="img/logo/black-logo.svg" alt="logo-img">
|
<img src="img/bohora-logo.png" alt="logo-img">
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
<div class="mean__menu-wrapper">
|
<div class="mean__menu-wrapper">
|
||||||
<div class="main-menu">
|
<div class="main-menu">
|
||||||
<nav id="mobile-menu">
|
<nav id="mobile-menu">
|
||||||
<ul>
|
<ul>
|
||||||
<li></li>
|
|
||||||
|
|
||||||
<li class="has-dropdown active menu-thumb">
|
<li class="has-dropdown active menu-thumb">
|
||||||
<a href="index.php">
|
<a href="index.php">
|
||||||
@ -223,16 +223,7 @@
|
|||||||
<li>
|
<li>
|
||||||
<a href="about.php">About Us</a>
|
<a href="about.php">About Us</a>
|
||||||
</li>
|
</li>
|
||||||
<li class="has-dropdown">
|
|
||||||
<a href="gallery.php">
|
|
||||||
Gallery
|
|
||||||
<!-- <i class="fas fa-angle-down"></i> -->
|
|
||||||
</a>
|
|
||||||
<!-- <ul class="submenu">
|
|
||||||
<li><a href="gallery.php">Gallery</a></li>
|
|
||||||
<li><a href="faq.php">Faq's</a></li>
|
|
||||||
</ul> -->
|
|
||||||
</li>
|
|
||||||
<li>
|
<li>
|
||||||
<a href="car-grid.php">
|
<a href="car-grid.php">
|
||||||
Cars
|
Cars
|
||||||
@ -245,7 +236,17 @@
|
|||||||
<li><a href="car-details.php">Car Details</a></li>
|
<li><a href="car-details.php">Car Details</a></li>
|
||||||
</ul> -->
|
</ul> -->
|
||||||
</li>
|
</li>
|
||||||
<!-- <li>
|
<li class="has-dropdown">
|
||||||
|
<a href="gallery.php">
|
||||||
|
Gallery
|
||||||
|
<!-- <i class="fas fa-angle-down"></i> -->
|
||||||
|
</a>
|
||||||
|
<!-- <ul class="submenu">
|
||||||
|
<li><a href="gallery.php">Gallery</a></li>
|
||||||
|
<li><a href="faq.php">Faq's</a></li>
|
||||||
|
</ul> -->
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
<a href="news.php">
|
<a href="news.php">
|
||||||
Blog
|
Blog
|
||||||
<i class="fas fa-angle-down"></i>
|
<i class="fas fa-angle-down"></i>
|
||||||
@ -254,7 +255,7 @@
|
|||||||
<li><a href="news.php">Blog</a></li>
|
<li><a href="news.php">Blog</a></li>
|
||||||
<li><a href="news-details.php">Blog Details</a></li>
|
<li><a href="news-details.php">Blog Details</a></li>
|
||||||
</ul>
|
</ul>
|
||||||
</li> -->
|
</li>
|
||||||
<li>
|
<li>
|
||||||
<a href="contact.php">Contact</a>
|
<a href="contact.php">Contact</a>
|
||||||
</li>
|
</li>
|
||||||
@ -274,7 +275,7 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="header-button">
|
<div class="header-button">
|
||||||
<a href="car-details.php" class="header-btn">
|
<a href="car-grid.php" class="header-btn">
|
||||||
Find a Car
|
Find a Car
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
BIN
img/bohora-logo.png
Normal file
BIN
img/bohora-logo.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 105 KiB |
@ -1,13 +1,12 @@
|
|||||||
<?php include('header.php') ?>
|
<?php include('header.php') ?>
|
||||||
<?php include('parts/banner.php') ?>
|
<?php include('parts/banner.php') ?>
|
||||||
|
<?php include('parts/pickupform.php') ?>
|
||||||
<?php include('parts/searchbooking.php') ?>
|
<?php include('parts/searchbooking.php') ?>
|
||||||
<?php include('parts/about.php') ?>
|
<?php include('parts/about.php') ?>
|
||||||
<?php include('parts/ourservices.php') ?>
|
<?php include('parts/ourservices.php') ?>
|
||||||
<?php include('parts/CarRental.php') ?>
|
<?php include('parts/CarRental.php') ?>
|
||||||
<?php include('parts/howitworks.php') ?>
|
<?php include('parts/howitworks.php') ?>
|
||||||
<?php include('parts/whychooseus.php') ?>
|
<?php include('parts/whychooseus.php') ?>
|
||||||
|
|
||||||
<?php include('parts/Testimonial.php') ?>
|
<?php include('parts/Testimonial.php') ?>
|
||||||
|
|
||||||
<?php include('parts/gallery.php') ?>
|
<?php include('parts/gallery.php') ?>
|
||||||
<?php include('footer.php') ?>
|
<?php include('footer.php') ?>
|
||||||
|
|||||||
@ -1,333 +1,161 @@
|
|||||||
|
|
||||||
|
|
||||||
|
<!-- Car Rentals Section Start -->
|
||||||
<!-- Car Rentals Section Start -->
|
<!-- Car Rentals Section Start -->
|
||||||
<section class="car-rentals-section-2 section-padding fix">
|
<section class="car-rentals-section-2 section-padding fix">
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="section-title text-center">
|
<div class="section-title text-center">
|
||||||
<img src="img/sub-icon.png" alt="icon-img" class="wow fadeInUp">
|
<img src="img/sub-icon.png" alt="icon-img" class="wow fadeInUp">
|
||||||
<span class="wow fadeInUp" data-wow-delay=".2s">Checkout our cars</span>
|
<span class="wow fadeInUp" data-wow-delay=".2s">Checkout our new cars</span>
|
||||||
<h2 class="wow fadeInUp" data-wow-delay=".4s">
|
<h2 class="wow fadeInUp" data-wow-delay=".4s">
|
||||||
Cars We’re Offering <br>
|
Cars We’re Offering <br>
|
||||||
for Rentals
|
for Rentals
|
||||||
</h2>
|
</h2>
|
||||||
</div>
|
</div>
|
||||||
<div class="row g-4">
|
<div class="car-rentals-wrapper style-2">
|
||||||
<div class="col-xl-4 col-lg-6 col-md-6 wow fadeInUp" data-wow-delay=".3s">
|
<div class="array-button">
|
||||||
<div class="car-rentals-items mt-0">
|
<button class="array-prev"><i class="far fa-chevron-left"></i></button>
|
||||||
<div class="car-image">
|
<button class="array-next"><i class="far fa-chevron-right"></i></button>
|
||||||
<img src="img/Cars/peugeot_308.jpg" alt="img">
|
|
||||||
</div>
|
|
||||||
<div class="car-content">
|
|
||||||
<div class="post-cat">
|
|
||||||
2015 Model
|
|
||||||
</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>
|
|
||||||
<span>2 Reviews</span>
|
|
||||||
</div>
|
|
||||||
<h4><a href="car-details.php">peugeot 308</a></h4>
|
|
||||||
<h6>$70.00 <span>/ Day</span></h6>
|
|
||||||
<div class="icon-items">
|
|
||||||
<ul>
|
|
||||||
<li>
|
|
||||||
<img src="img/car/seat.svg" alt="img" class="me-1">
|
|
||||||
5 Seats
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<img src="img/car/door.svg" alt="img" class="me-1">
|
|
||||||
5 Doors
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
<ul>
|
|
||||||
<li>
|
|
||||||
<img src="img/car/automatic.svg" alt="img" class="me-1">
|
|
||||||
Automatic and Manual
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<img src="img/car/petrol.svg" alt="img" class="me-1">
|
|
||||||
Petrol
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
<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>
|
</div>
|
||||||
<div class="col-xl-4 col-lg-6 col-md-6 wow fadeInUp" data-wow-delay=".5s">
|
<div class="swiper car-rentals-slider-2">
|
||||||
<div class="car-rentals-items mt-0">
|
<div class="swiper-wrapper">
|
||||||
<div class="car-image">
|
<div class="swiper-slide">
|
||||||
<img src="img/Cars/navara.jpg" alt="img">
|
<div class="car-rentals-items">
|
||||||
|
<div class="car-image">
|
||||||
|
<img src="img/Cars/peugeot_308.jpg" alt="img">
|
||||||
|
</div>
|
||||||
|
<div class="car-content">
|
||||||
|
<div class="post-cat">
|
||||||
|
2015 Model
|
||||||
|
</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>
|
||||||
|
<h4><a href="car-details.php">peugeot 308</a></h4>
|
||||||
|
<h6>$70.00 <span>/ Day</span></h6>
|
||||||
|
<div class="icon-items">
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
<img src="img/car/seat.svg" alt="img" class="me-1">
|
||||||
|
5 Seats
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<img src="img/car/door.svg" alt="img" class="me-1">
|
||||||
|
5 Doors
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
<img src="img/car/automatic.svg" alt="img" class="me-1">
|
||||||
|
Automatic
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<img src="img/car/petrol.svg" alt="img" class="me-1">
|
||||||
|
Petrol
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<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>
|
</div>
|
||||||
<div class="car-content">
|
<div class="swiper-slide">
|
||||||
<div class="post-cat">
|
<div class="car-rentals-items">
|
||||||
2015 Model
|
<div class="car-image">
|
||||||
|
<img src="img/Cars/navara.jpg" alt="img">
|
||||||
|
</div>
|
||||||
|
<div class="car-content">
|
||||||
|
<div class="post-cat">
|
||||||
|
2015 Model
|
||||||
|
</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>
|
||||||
|
<span>2 Reviews</span>
|
||||||
|
</div>
|
||||||
|
<h4><a href="car-details.php">Navara</a></h4>
|
||||||
|
<h6>$70.00 <span>/ Day</span></h6>
|
||||||
|
<div class="icon-items">
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
<img src="img/car/seat.svg" alt="img" class="me-1">
|
||||||
|
6 Seats
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<img src="img/car/door.svg" alt="img" class="me-1">
|
||||||
|
2 Doors
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
<img src="img/car/automatic.svg" alt="img" class="me-1">
|
||||||
|
Automatic
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<img src="img/car/petrol.svg" alt="img" class="me-1">
|
||||||
|
Petrol
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<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>
|
||||||
<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>
|
|
||||||
<h4><a href="car-details.php">Navara</a></h4>
|
|
||||||
<h6>$70.00 <span>/ Day</span></h6>
|
|
||||||
<div class="icon-items">
|
|
||||||
<ul>
|
|
||||||
<li>
|
|
||||||
<img src="img/car/seat.svg" alt="img" class="me-1">
|
|
||||||
5 Seats
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<img src="img/car/door.svg" alt="img" class="me-1">
|
|
||||||
4 Doors (Double cab)
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
<ul>
|
|
||||||
<li>
|
|
||||||
<img src="img/car/automatic.svg" alt="img" class="me-1">
|
|
||||||
Automatic and Manual
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<img src="img/car/petrol.svg" alt="img" class="me-1">
|
|
||||||
Diesel
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
<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>
|
<div class="swiper-slide">
|
||||||
</div>
|
<div class="car-rentals-items">
|
||||||
<div class="col-xl-4 col-lg-6 col-md-6 wow fadeInUp" data-wow-delay=".7s">
|
<div class="car-image">
|
||||||
<div class="car-rentals-items mt-0">
|
<img src="img/Cars/beetle.jpg" alt="img">
|
||||||
<div class="car-image">
|
</div>
|
||||||
<img src="img/Cars/ford_ecosport_trend.jpg" alt="img">
|
<div class="car-content">
|
||||||
</div>
|
<div class="post-cat">
|
||||||
<div class="car-content">
|
2024 Model
|
||||||
<div class="post-cat">
|
</div>
|
||||||
2027 Model
|
<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>
|
||||||
|
<h4><a href="car-details.php">beetle</a></h4>
|
||||||
|
<h6>$70.00 <span>/ Day</span></h6>
|
||||||
|
<div class="icon-items">
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
<img src="img/car/seat.svg" alt="img" class="me-1">
|
||||||
|
6 Seats
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<img src="img/car/door.svg" alt="img" class="me-1">
|
||||||
|
2 Doors
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
<img src="img/car/automatic.svg" alt="img" class="me-1">
|
||||||
|
Automatic
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<img src="img/car/petrol.svg" alt="img" class="me-1">
|
||||||
|
Petrol
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<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>
|
||||||
<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>
|
|
||||||
<h4><a href="car-details.php">Ford Ecosport Trend</a></h4>
|
|
||||||
<h6>$70.00 <span>/ Day</span></h6>
|
|
||||||
<div class="icon-items">
|
|
||||||
<ul>
|
|
||||||
<li>
|
|
||||||
<img src="img/car/seat.svg" alt="img" class="me-1">
|
|
||||||
5 Seats
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<img src="img/car/door.svg" alt="img" class="me-1">
|
|
||||||
5 Doors
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
<ul>
|
|
||||||
<li>
|
|
||||||
<img src="img/car/automatic.svg" alt="img" class="me-1">
|
|
||||||
Automatic and Manual
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<img src="img/car/petrol.svg" alt="img" class="me-1">
|
|
||||||
Petrol
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
<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>
|
|
||||||
<div class="col-xl-4 col-lg-6 col-md-6 wow fadeInUp" data-wow-delay=".3s">
|
|
||||||
<div class="car-rentals-items mt-0">
|
|
||||||
<div class="car-image">
|
|
||||||
<img src="img/Cars/mitsubhi.jpg" alt="img">
|
|
||||||
</div>
|
|
||||||
<div class="car-content">
|
|
||||||
<div class="post-cat">
|
|
||||||
2015 Model
|
|
||||||
</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>
|
|
||||||
<span>2 Reviews</span>
|
|
||||||
</div>
|
|
||||||
<h4><a href="car-details.php">Mitsubishi Pajero Exceed</a></h4>
|
|
||||||
<h6>$70.00 <span>/ Day</span></h6>
|
|
||||||
<div class="icon-items">
|
|
||||||
<ul>
|
|
||||||
<li>
|
|
||||||
<img src="img/car/seat.svg" alt="img" class="me-1">
|
|
||||||
7 Seats
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<img src="img/car/door.svg" alt="img" class="me-1">
|
|
||||||
5 Doors
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
<ul>
|
|
||||||
<li>
|
|
||||||
<img src="img/car/automatic.svg" alt="img" class="me-1">
|
|
||||||
Automatic
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<img src="img/car/petrol.svg" alt="img" class="me-1">
|
|
||||||
Diesel
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
<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>
|
|
||||||
<div class="col-xl-4 col-lg-6 col-md-6 wow fadeInUp" data-wow-delay=".5s">
|
|
||||||
<div class="car-rentals-items mt-0">
|
|
||||||
<div class="car-image">
|
|
||||||
<img src="img/car/09.jpg" alt="img">
|
|
||||||
</div>
|
|
||||||
<div class="car-content">
|
|
||||||
<div class="post-cat">
|
|
||||||
2018 Model
|
|
||||||
</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>
|
|
||||||
<span>2 Reviews</span>
|
|
||||||
</div>
|
|
||||||
<h4><a href="car-details.php">MG Hector ZS</a></h4>
|
|
||||||
<h6>$70.00 <span>/ Day</span></h6>
|
|
||||||
<div class="icon-items">
|
|
||||||
<ul>
|
|
||||||
<li>
|
|
||||||
<img src="img/car/seat.svg" alt="img" class="me-1">
|
|
||||||
5 Seats
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<img src="img/car/door.svg" alt="img" class="me-1">
|
|
||||||
5 Doors
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
<ul>
|
|
||||||
<li>
|
|
||||||
<img src="img/car/automatic.svg" alt="img" class="me-1">
|
|
||||||
Automatic
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<img src="img/car/petrol.svg" alt="img" class="me-1">
|
|
||||||
Petrol
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
<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>
|
|
||||||
<div class="col-xl-4 col-lg-6 col-md-6 wow fadeInUp" data-wow-delay=".7s">
|
|
||||||
<div class="car-rentals-items mt-0">
|
|
||||||
<div class="car-image">
|
|
||||||
<img src="img/Cars/beetle.jpg" alt="img">
|
|
||||||
</div>
|
|
||||||
<div class="car-content">
|
|
||||||
<div class="post-cat">
|
|
||||||
1995 Model
|
|
||||||
</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>
|
|
||||||
<span>2 Reviews</span>
|
|
||||||
</div>
|
|
||||||
<h4><a href="car-details.php">Beetle</a></h4>
|
|
||||||
<h6>$70.00 <span>/ Day</span></h6>
|
|
||||||
<div class="icon-items">
|
|
||||||
<ul>
|
|
||||||
<li>
|
|
||||||
<img src="img/car/seat.svg" alt="img" class="me-1">
|
|
||||||
4 Seats
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<img src="img/car/door.svg" alt="img" class="me-1">
|
|
||||||
2 Doors
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
<ul>
|
|
||||||
<li>
|
|
||||||
<img src="img/car/automatic.svg" alt="img" class="me-1">
|
|
||||||
Manual
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<img src="img/car/petrol.svg" alt="img" class="me-1">
|
|
||||||
Petrol
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
<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>
|
|
||||||
|
|
||||||
<div class="col-xl-4 col-lg-6 col-md-6 wow fadeInUp" data-wow-delay=".5s">
|
|
||||||
<div class="car-rentals-items mt-0">
|
|
||||||
<div class="car-image">
|
|
||||||
<img src="img/Cars/honda city.jpg" alt="img">
|
|
||||||
</div>
|
|
||||||
<div class="car-content">
|
|
||||||
<div class="post-cat">
|
|
||||||
2015 Model
|
|
||||||
</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>
|
|
||||||
<span>2 Reviews</span>
|
|
||||||
</div>
|
|
||||||
<h4><a href="car-details.php">Honda City</a></h4>
|
|
||||||
<h6>$70.00 <span>/ Day</span></h6>
|
|
||||||
<div class="icon-items">
|
|
||||||
<ul>
|
|
||||||
<li>
|
|
||||||
<img src="img/car/seat.svg" alt="img" class="me-1">
|
|
||||||
5 Seats
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<img src="img/car/door.svg" alt="img" class="me-1">
|
|
||||||
5 Doors
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
<ul>
|
|
||||||
<li>
|
|
||||||
<img src="img/car/automatic.svg" alt="img" class="me-1">
|
|
||||||
Automatic
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<img src="img/car/petrol.svg" alt="img" class="me-1">
|
|
||||||
Petrol
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
<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>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
<!-- </section> -->
|
||||||
@ -43,16 +43,7 @@
|
|||||||
Our rental service comes with a dedicated, experienced driver who is highly skilled, also polite, patient, and knowledgeable about Nepal’s diverse landscapes and road conditions. From the bustling streets of Kathmandu to the serene beauty of Pokhara, we’ll take you wherever you need to go with ease and comfort.
|
Our rental service comes with a dedicated, experienced driver who is highly skilled, also polite, patient, and knowledgeable about Nepal’s diverse landscapes and road conditions. From the bustling streets of Kathmandu to the serene beauty of Pokhara, we’ll take you wherever you need to go with ease and comfort.
|
||||||
|
|
||||||
</p>
|
</p>
|
||||||
<div class="about-list-item wow fadeInUp" data-wow-delay=".7s">
|
|
||||||
<ul>
|
|
||||||
<li>
|
|
||||||
Many Pickup Locations
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
Offering Low Prices
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
<a href="about.php" class="theme-btn wow fadeInUp" data-wow-delay=".8s">Discover More</a>
|
<a href="about.php" class="theme-btn wow fadeInUp" data-wow-delay=".8s">Discover More</a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@ -1,16 +1,16 @@
|
|||||||
<!-- Search Area Start -->
|
<!-- Search Area Start
|
||||||
<div class="search-wrap">
|
<div class="search-wrap">
|
||||||
<div class="search-inner">
|
<div class="search-inner">
|
||||||
<i class="fas fa-times search-close" id="search-close"></i>
|
<i class="fas fa-times search-close" id="search-close"></i>
|
||||||
<div class="search-cell">
|
<div class="search-cell">
|
||||||
<form method="get">
|
<form method="get">
|
||||||
<div class="search-field-holder">
|
<div class="search-field-holder">
|
||||||
<input type="search" class="main-search-input" placeholder="Search...">
|
<input type="search" class="main-search-input" placeholder="Search...">
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
</div>
|
</div>
|
||||||
</form>
|
</div>
|
||||||
</div>
|
</div> -->
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- Hero Section Start -->
|
<!-- Hero Section Start -->
|
||||||
<section class="hero-section hero-3 fix">
|
<section class="hero-section hero-3 fix">
|
||||||
@ -22,10 +22,10 @@
|
|||||||
<i class="fa-solid fa-chevron-right"></i>
|
<i class="fa-solid fa-chevron-right"></i>
|
||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
<h6 class="search-text">Book Any Car</h6>
|
<!-- <h6 class="search-text">Book Any Car</h6> -->
|
||||||
<div class="line-icon">
|
<!-- <div class="line-icon">
|
||||||
<img src="img/hero/icon.png" alt="icon">
|
<img src="img/hero/icon.png" alt="icon">
|
||||||
</div>
|
</div> -->
|
||||||
<div class="swiper hero-slider-3">
|
<div class="swiper hero-slider-3">
|
||||||
<div class="swiper-wrapper">
|
<div class="swiper-wrapper">
|
||||||
<!-- Slide 1 -->
|
<!-- Slide 1 -->
|
||||||
|
|||||||
@ -9,7 +9,7 @@
|
|||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col-xl-3 col-lg-4 col-md-6 wow fadeInUp" data-wow-delay=".2s">
|
<div class="col-xl-3 col-lg-4 col-md-6 wow fadeInUp" data-wow-delay=".2s">
|
||||||
<div class="how-works-items">
|
<div class="how-works-items">
|
||||||
<h6 class="title"><a href="car-details.php">Contact</a></h6>
|
<h6 class="title"><a href="car-details.php">Connect</a></h6>
|
||||||
<div class="icon-box">
|
<div class="icon-box">
|
||||||
<div class="icon">
|
<div class="icon">
|
||||||
<img src="img/how-work/icon-1.png" alt="img" class="icon-1">
|
<img src="img/how-work/icon-1.png" alt="img" class="icon-1">
|
||||||
@ -23,7 +23,7 @@
|
|||||||
</div>
|
</div>
|
||||||
<div class="col-xl-3 col-lg-4 col-md-6 wow fadeInUp" data-wow-delay=".4s">
|
<div class="col-xl-3 col-lg-4 col-md-6 wow fadeInUp" data-wow-delay=".4s">
|
||||||
<div class="how-works-items">
|
<div class="how-works-items">
|
||||||
<h6 class="title"><a href="car-details.php">Select</a></h6>
|
<h6 class="title"><a href="car-details.php">Share</a></h6>
|
||||||
<div class="icon-box">
|
<div class="icon-box">
|
||||||
<div class="icon">
|
<div class="icon">
|
||||||
<img src="img/how-work/icon-2.png" alt="img" class="icon-1">
|
<img src="img/how-work/icon-2.png" alt="img" class="icon-1">
|
||||||
@ -37,7 +37,7 @@
|
|||||||
</div>
|
</div>
|
||||||
<div class="col-xl-3 col-lg-4 col-md-6 wow fadeInUp" data-wow-delay=".6s">
|
<div class="col-xl-3 col-lg-4 col-md-6 wow fadeInUp" data-wow-delay=".6s">
|
||||||
<div class="how-works-items">
|
<div class="how-works-items">
|
||||||
<h6 class="title"><a href="car-details.php">Book</a></h6>
|
<h6 class="title"><a href="car-details.php">Recommend</a></h6>
|
||||||
<div class="icon-box">
|
<div class="icon-box">
|
||||||
<div class="icon">
|
<div class="icon">
|
||||||
<img src="img/how-work/icon-3.png" alt="img" class="icon-1">
|
<img src="img/how-work/icon-3.png" alt="img" class="icon-1">
|
||||||
|
|||||||
71
parts/pickupform.php
Normal file
71
parts/pickupform.php
Normal file
@ -0,0 +1,71 @@
|
|||||||
|
<!-- Pick Up Location Section Start -->
|
||||||
|
<div class="pickup-loaction-area-2">
|
||||||
|
<div class="container">
|
||||||
|
<div class="pickup-wrapper style-2 wow fadeInUp" data-wow-delay=".4s">
|
||||||
|
<!-- <div class="pickup-items">
|
||||||
|
<label class="field-label">Pick-up Location</label>
|
||||||
|
<div class="category-oneadjust">
|
||||||
|
<select name="cate" class="category">
|
||||||
|
<option value="1">
|
||||||
|
Select Location
|
||||||
|
</option>
|
||||||
|
<option value="1">
|
||||||
|
Houston
|
||||||
|
</option>
|
||||||
|
<option value="1">
|
||||||
|
Texas
|
||||||
|
</option>
|
||||||
|
<option value="1">
|
||||||
|
New York
|
||||||
|
</option>
|
||||||
|
<option value="1">
|
||||||
|
Other Location
|
||||||
|
</option>
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
|
</div> -->
|
||||||
|
<div class="pickup-items">
|
||||||
|
<label class="field-label">Pickup Date</label>
|
||||||
|
<div id="datepicker" class="input-group date" data-date-format="dd-mm-yyyy">
|
||||||
|
<input class="form-control" type="text" placeholder="Check in" readonly>
|
||||||
|
<span class="input-group-addon"> <i class="fa-solid fa-calendar-days"></i></span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="pickup-items">
|
||||||
|
<label class="field-label">Dropoff Date</label>
|
||||||
|
<div id="datepicker2" class="input-group date" data-date-format="dd-mm-yyyy">
|
||||||
|
<input class="form-control" type="text" placeholder="Check in" readonly>
|
||||||
|
<span class="input-group-addon"> <i class="fa-solid fa-calendar-days"></i></span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="pickup-items">
|
||||||
|
<label class="field-label">Car Type</label>
|
||||||
|
<div class="category-oneadjust">
|
||||||
|
<select name="cate" class="category">
|
||||||
|
<option value="1">
|
||||||
|
cars
|
||||||
|
</option>
|
||||||
|
<option value="1">
|
||||||
|
sedan
|
||||||
|
</option>
|
||||||
|
<option value="1">
|
||||||
|
sports
|
||||||
|
</option>
|
||||||
|
<option value="1">
|
||||||
|
jeep
|
||||||
|
</option>
|
||||||
|
<option value="1">
|
||||||
|
limousine
|
||||||
|
</option>
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="pickup-items">
|
||||||
|
<label class="field-label style-2">button</label>
|
||||||
|
<button class="pickup-btn" type="submit">
|
||||||
|
Find a Car
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
@ -1,127 +1,59 @@
|
|||||||
<!-- Search Booking Section Start -->
|
<section class="search-booking-section section-padding">
|
||||||
<section class="search-booking-section section-padding">
|
<div class="container">
|
||||||
<div class="container">
|
<div class="search-booking-wrapper">
|
||||||
<div class="search-booking-wrapper">
|
<div class="row g-5 align-items-center">
|
||||||
<div class="booking-man float-bob-x">
|
<!-- Text Content Section -->
|
||||||
<img src="img/booking-man.png" alt="img">
|
<div class="col-xl-6 col-lg-6">
|
||||||
|
<div class="search-booking-content">
|
||||||
|
<div class="section-title mb-4">
|
||||||
|
<img src="img/sub-icon.png" alt="icon-img" class="icon wow fadeInUp">
|
||||||
|
<h2 class="wow fadeInUp" data-wow-delay=".4s">Book &<br>Rent Vehicle Easily</h2>
|
||||||
|
</div>
|
||||||
|
<p class="wow fadeInUp" data-wow-delay=".6s">
|
||||||
|
Welcome to Bohara Car Rental—your reliable partner for exploring Nepal’s breathtaking landscapes and vibrant cities.
|
||||||
|
With over 15 years of driving expertise, we promise a safe, comfortable, and unforgettable travel experience.
|
||||||
|
Whether you need a ride through Nepal’s bustling cities or a journey into its serene countryside, we’re always here for you.
|
||||||
|
</p>
|
||||||
</div>
|
</div>
|
||||||
<div class="row g-4 justify-content-between">
|
</div>
|
||||||
<div class="col-xl-6 col-lg-6">
|
|
||||||
<div class="search-booking-content">
|
<!-- Image Section -->
|
||||||
<div class="section-title">
|
<div class="col-xl-5 col-lg-6">
|
||||||
<img src="img/sub-icon.png" alt="icon-img" class="wow fadeInUp">
|
<div class="hero-image" data-animation="fadeInUp" data-delay=".7s" style="animation-delay: 0.7s; overflow: hidden;">
|
||||||
<span class="wow fadeInUp" data-wow-delay=".2s"></span>
|
<img src="img/hero/car.png" alt="img" style="width: 100%; height: auto; object-fit: contain;">
|
||||||
<h2 class="wow fadeInUp" data-wow-delay=".4s">
|
</div>
|
||||||
Book & <br>
|
</div>
|
||||||
Rent Vehicle Easily
|
</div>
|
||||||
</h2>
|
<div class="row mt-5">
|
||||||
</div>
|
<!-- Booking Highlights -->
|
||||||
<p class="mt-3 mt-md-0 wow fadeInUp" data-wow-delay=".6s">
|
<div class="col-md-4">
|
||||||
Welcome to Bohara Car Rental—your reliable partner for <br> exploring Nepal’s breathtaking landscapes and vibrant <br> cities. With over 15 years of driving expertise, we promise a safe,<br> comfortable, and unforgettable travel experience. <br>
|
<div class="highlight-box wow fadeInUp" data-wow-delay=".2s">
|
||||||
<br>Whether you need a ride through Nepal’s bustling cities or a journey into its serene countryside, we’re always here for you.
|
<div class="icon">
|
||||||
</p>
|
<i class="fa-solid fa-calendar-check"></i>
|
||||||
<div class="icon-area">
|
|
||||||
<div class="icon-items wow fadeInUp" data-wow-delay=".3s">
|
|
||||||
<div class="icon">
|
|
||||||
<img src="img/feature-benefit/icon-1.png" alt="icon-img">
|
|
||||||
</div>
|
|
||||||
<h4>
|
|
||||||
Easier & <br>
|
|
||||||
Faster Bookings
|
|
||||||
</h4>
|
|
||||||
</div>
|
|
||||||
<div class="icon-items wow fadeInUp" data-wow-delay=".5s">
|
|
||||||
<div class="icon">
|
|
||||||
<img src="img/feature-benefit/icon-2.png" alt="icon-img">
|
|
||||||
</div>
|
|
||||||
<h4>
|
|
||||||
Too Many <br>
|
|
||||||
Pickup Locations
|
|
||||||
</h4>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
<div class="col-xl-4 col-lg-6">
|
<h4>Easier & Faster Bookings</h4>
|
||||||
<div class="product-search-area">
|
<p>Experience a seamless booking process with just a few clicks.</p>
|
||||||
<form action="car-grid.php" id="contact-form" method="POST">
|
</div>
|
||||||
<div class="row g-4">
|
</div>
|
||||||
<div class="col-md-12">
|
<div class="col-md-4">
|
||||||
<div class="pickup-items">
|
<div class="highlight-box wow fadeInUp" data-wow-delay=".4s">
|
||||||
<label class="field-label">Pickup Location</label>
|
<div class="icon">
|
||||||
<div class="category-oneadjust">
|
<i class="fa-solid fa-location-dot"></i>
|
||||||
<select name="cate" class="category">
|
|
||||||
<option value="1">
|
|
||||||
Airport
|
|
||||||
</option>
|
|
||||||
<option value="1">
|
|
||||||
Koteshor
|
|
||||||
</option>
|
|
||||||
<option value="1">
|
|
||||||
Baneshor
|
|
||||||
</option>
|
|
||||||
<option value="1">
|
|
||||||
New Road
|
|
||||||
</option>
|
|
||||||
<option value="1">
|
|
||||||
Thamel
|
|
||||||
</option>
|
|
||||||
</select>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="col-md-12">
|
|
||||||
<div class="pickup-items">
|
|
||||||
<label class="field-label">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-md-12">
|
|
||||||
<div class="pickup-items">
|
|
||||||
<label class="field-label">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-md-12">
|
|
||||||
<div class="pickup-items">
|
|
||||||
<label class="field-label">Car Type</label>
|
|
||||||
<div class="category-oneadjust">
|
|
||||||
<select name="cate" class="category">
|
|
||||||
<option value="1">
|
|
||||||
cars
|
|
||||||
</option>
|
|
||||||
<option value="1">
|
|
||||||
SUV
|
|
||||||
</option>
|
|
||||||
<option value="1">
|
|
||||||
sports
|
|
||||||
</option>
|
|
||||||
<option value="1">
|
|
||||||
jeep
|
|
||||||
</option>
|
|
||||||
|
|
||||||
</select>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="col-md-12">
|
|
||||||
<div class="pickup-items">
|
|
||||||
<button type="submit" class="theme-btn">
|
|
||||||
Rent a Car
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</form>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
|
<h4>Multiple Pickup Locations</h4>
|
||||||
|
<p>Conveniently pick up and drop off vehicles across key locations.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-4">
|
||||||
|
<div class="highlight-box wow fadeInUp" data-wow-delay=".6s">
|
||||||
|
<div class="icon">
|
||||||
|
<i class="fa-solid fa-car-side"></i>
|
||||||
|
</div>
|
||||||
|
<h4>Wide Range of Vehicles</h4>
|
||||||
|
<p>Choose from a variety of cars, SUVs, and jeeps for your journey.</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|||||||
460
peugeot.php
460
peugeot.php
@ -20,325 +20,165 @@
|
|||||||
Car
|
Car
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
<h1 class="wow fadeInUp" data-wow-delay=".5s">Car-Details</h1>
|
<h1 class="wow fadeInUp" data-wow-delay=".5s">Peugeot</h1>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- Car Details Section Start -->
|
<!-- Car Details Section Start -->
|
||||||
<section class="car-details fix section-padding">
|
<section class="car-details fix section-padding">
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="car-details-wrapper">
|
<div class="car-details-wrapper">
|
||||||
<div class="row g-5">
|
<div class="row g-5">
|
||||||
<div class="col-lg-8">
|
<div class="col-lg-8">
|
||||||
<div class="car-details-items">
|
<!-- Car Booking Form Section -->
|
||||||
<div class="car-image">
|
<div class="car-booking-items">
|
||||||
<img src="img/Cars/peugeot_308.jpg" alt="img">
|
<div class="booking-header">
|
||||||
</div>
|
<h3>Request for Booking</h3>
|
||||||
<div class="car-content">
|
<p>Send your requirement to us. We will check your request and contact you soon.</p>
|
||||||
<div class="star">
|
</div>
|
||||||
<i class="fa-solid fa-star"></i>
|
<form action="sendemail.php" id="contact-form" method="POST" class="contact-form-items">
|
||||||
<i class="fa-solid fa-star"></i>
|
<input type="hidden" name="car_name" value="Peugeot 308">
|
||||||
<i class="fa-solid fa-star"></i>
|
<div class="row">
|
||||||
<i class="fa-solid fa-star"></i>
|
<!-- Name Field -->
|
||||||
<i class="fa-solid fa-star"></i>
|
<div class="col-lg-6">
|
||||||
<span>2 Reviews</span>
|
<div class="form-clt">
|
||||||
</div>
|
<label class="label-text">Your Name</label>
|
||||||
<h3>Peugeot 308</h3>
|
<input type="text" name="name" id="name" placeholder="Your Name" class="input-field">
|
||||||
<h6>$70.00 <span>/ Day</span></h6>
|
</div>
|
||||||
<p class="mt-4 mb-4">
|
</div>
|
||||||
To deliver on the promise of technology and human We help our clients become sions of themselves.
|
|
||||||
</p>
|
<!-- Email Field -->
|
||||||
<div class="icon-details-area">
|
<div class="col-lg-6">
|
||||||
<h4>Key Features</h4>
|
<div class="form-clt">
|
||||||
<div class="icon-details-main-items">
|
<label class="label-text">Email</label>
|
||||||
<div class="icon-items">
|
<input type="text" name="email" id="email" placeholder="example@gmail.com" class="input-field">
|
||||||
<div class="icon">
|
</div>
|
||||||
<img src="img/car/icon/07.png" alt="img">
|
</div>
|
||||||
</div>
|
|
||||||
<div class="content">
|
|
||||||
<h6>body:</h6>
|
|
||||||
<p>Sedan</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="icon-items">
|
|
||||||
<div class="icon">
|
|
||||||
<img src="img/car/icon/07.png" alt="img">
|
|
||||||
</div>
|
|
||||||
<div class="content">
|
|
||||||
<h6>Mileage:</h6>
|
|
||||||
<p>70.000 (Mi)</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="icon-items">
|
|
||||||
<div class="icon">
|
|
||||||
<img src="img/car/icon/07.png" alt="img">
|
|
||||||
</div>
|
|
||||||
<div class="content">
|
|
||||||
<h6>Year:</h6>
|
|
||||||
<p>2024</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="icon-items">
|
|
||||||
<div class="icon">
|
|
||||||
<img src="img/car/icon/07.png" alt="img">
|
|
||||||
</div>
|
|
||||||
<div class="content">
|
|
||||||
<h6>Engine:</h6>
|
|
||||||
<p>2500 cc</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="icon-details-main-items">
|
|
||||||
<div class="icon-items">
|
|
||||||
<div class="icon">
|
|
||||||
<img src="img/car/door.svg" alt="img">
|
|
||||||
</div>
|
|
||||||
<div class="content">
|
|
||||||
<h6>Passengers:</h6>
|
|
||||||
<p>6 Seats</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="icon-items">
|
|
||||||
<div class="icon">
|
|
||||||
<img src="img/car/seat.svg" alt="img">
|
|
||||||
</div>
|
|
||||||
<div class="content">
|
|
||||||
<h6>Gear:</h6>
|
|
||||||
<p>Automatic</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="icon-items">
|
|
||||||
<div class="icon">
|
|
||||||
<img src="img/car/automatic.svg" alt="img">
|
|
||||||
</div>
|
|
||||||
<div class="content">
|
|
||||||
<h6>Gear:</h6>
|
|
||||||
<p>Automatic</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="icon-items">
|
|
||||||
<div class="icon">
|
|
||||||
<img src="img/car/petrol.svg" alt="img">
|
|
||||||
</div>
|
|
||||||
<div class="content">
|
|
||||||
<h6>Fuel:</h6>
|
|
||||||
<p>Petrol</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="car-booking-items">
|
<!-- Phone Number Field -->
|
||||||
<div class="booking-header">
|
<div class="col-lg-6">
|
||||||
<h3>Request for Booking</h3>
|
<div class="form-clt">
|
||||||
<p>Send your requirement to us. We will check email and contact you soon.</p>
|
<label class="label-text">Phone Number</label>
|
||||||
</div>
|
<input type="text" name="phone" id="phone" placeholder="+977 00 0000 - 000" class="input-field">
|
||||||
<form action="sendemail.php" id="contact-form" method="POST" class="contact-form-items">
|
</div>
|
||||||
<input type="hidden" name="car_name" value="Peugeot 308">
|
</div>
|
||||||
<div class="row g-4">
|
|
||||||
<div class="col-lg-6">
|
<!-- Pick-up Date -->
|
||||||
<div class="form-clt">
|
<div class="col-lg-4">
|
||||||
<label class="label-text">Your Name</label>
|
<div class="form-clt">
|
||||||
<input type="text" name="name" id="name" placeholder="Afzaal Islam">
|
<label class="label-text">Pick-up Date</label>
|
||||||
</div>
|
<div id="datepicker3" class="input-group date" data-date-format="dd-mm-yyyy">
|
||||||
</div>
|
<input class="form-control" name="pickup_date" type="text" placeholder="Pick-up Date" readonly>
|
||||||
<div class="col-lg-6">
|
<span class="input-group-addon"><i class="fa-solid fa-calendar-days"></i></span>
|
||||||
<div class="form-clt">
|
</div>
|
||||||
<label class="label-text">Email</label>
|
</div>
|
||||||
<input type="text" name="email" id="email" placeholder="pixydrops@gmail.com">
|
</div>
|
||||||
</div>
|
|
||||||
</div>
|
<!-- Drop-off Date -->
|
||||||
<div class="col-lg-6">
|
<div class="col-lg-4">
|
||||||
<div class="form-clt">
|
<div class="form-clt">
|
||||||
<label class="label-text">Phone Number</label>
|
<label class="label-text">Drop-off Date</label>
|
||||||
<input type="text" name="phone" id="phone" placeholder="+ 00 0000 - 000">
|
<div id="datepicker4" class="input-group date" data-date-format="dd-mm-yyyy">
|
||||||
</div>
|
<input class="form-control" name="dropoff_date" type="text" placeholder="Drop-off Date" readonly>
|
||||||
</div>
|
<span class="input-group-addon"><i class="fa-solid fa-calendar-days"></i></span>
|
||||||
<div class="col-lg-6">
|
</div>
|
||||||
<div class="form-clt">
|
</div>
|
||||||
<label class="label-text">Address</label>
|
</div>
|
||||||
<input type="text" name="address" id="address" placeholder="Address">
|
|
||||||
</div>
|
<!-- Submit Button -->
|
||||||
</div>
|
<div class="col-lg-12">
|
||||||
<div class="col-lg-4">
|
<button class="theme-btn animated-btn" type="submit">
|
||||||
<div class="form-clt">
|
Send Request
|
||||||
<label class="label-text">Pick-up Location</label>
|
</button>
|
||||||
<div class="category-oneadjust">
|
</div>
|
||||||
<select name="cate" class="category" style="display: none;">
|
</div>
|
||||||
<option value="1">
|
</form>
|
||||||
Select Location
|
|
||||||
</option>
|
<!-- jQuery UI Datepicker Script -->
|
||||||
<option value="1">
|
<script>
|
||||||
Airport
|
$(document).ready(function() {
|
||||||
</option>
|
// Initialize the datepicker for both pick-up and drop-off dates
|
||||||
<option value="1">
|
$("#datepicker3 input").datepicker({
|
||||||
koteshor
|
dateFormat: "dd-mm-yy"
|
||||||
</option>
|
});
|
||||||
<option value="1">
|
|
||||||
thamel
|
$("#datepicker4 input").datepicker({
|
||||||
</option>
|
dateFormat: "dd-mm-yy"
|
||||||
<option value="1">
|
});
|
||||||
Other Location
|
});
|
||||||
</option>
|
</script>
|
||||||
</select><div class="nice-select category" tabindex="0"><span class="current">
|
</div>
|
||||||
Select Location
|
<!-- End of Booking Form Section -->
|
||||||
</span><ul class="list"><li data-value="1" class="option selected">
|
|
||||||
Select Location
|
<!-- Car Details Section -->
|
||||||
</li><li data-value="1" class="option">
|
<div class="car-details-items">
|
||||||
Airpot
|
<div class="car-image">
|
||||||
</li><li data-value="1" class="option">
|
<img src="img/Cars/peugeot_308.jpg" alt="Peugeot 308">
|
||||||
Koteshor
|
|
||||||
</li><li data-value="1" class="option">
|
|
||||||
New York
|
|
||||||
</li><li data-value="1" class="option">
|
|
||||||
Other Location
|
|
||||||
</li></ul></div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="col-lg-4">
|
|
||||||
<div class="form-clt">
|
|
||||||
<label class="label-text">Pick-up Date</label>
|
|
||||||
<div id="datepicker3" class="input-group date" data-date-format="dd-mm-yyyy">
|
|
||||||
<input class="form-control" name='pickup_date' type="text" placeholder="Check in" readonly>
|
|
||||||
<span class="input-group-addon"> <i class="fa-solid fa-calendar-days"></i></span>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="col-lg-4">
|
|
||||||
<div class="form-clt">
|
|
||||||
<label class="label-text">Drop-off Date</label>
|
|
||||||
<div id="datepicker4" class="input-group date" data-date-format="dd-mm-yyyy">
|
|
||||||
<input class="form-control" name= 'dropoff_date' type="text" placeholder="Check in" readonly>
|
|
||||||
<span class="input-group-addon"> <i class="fa-solid fa-calendar-days"></i></span>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="col-lg-12">
|
|
||||||
<button class="theme-btn" type="submit">
|
|
||||||
Send Request
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</form>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="comment-reviews">
|
|
||||||
<h3>2 Reviews</h3>
|
|
||||||
<div class="car-single-comment d-flex gap-4 pb-5">
|
|
||||||
<div class="image">
|
|
||||||
<img src="img/car/comment01.png" alt="image">
|
|
||||||
</div>
|
|
||||||
<div class="content">
|
|
||||||
<div class="head d-flex flex-wrap gap-3 align-items-center justify-content-between">
|
|
||||||
<div class="con">
|
|
||||||
<h4>Kevin Martin</h4>
|
|
||||||
</div>
|
|
||||||
<div class="star">
|
|
||||||
<i class="fa-solid fa-star"></i>
|
|
||||||
<i class="fa-solid fa-star"></i>
|
|
||||||
<i class="fa-solid fa-star"></i>
|
|
||||||
<i class="fa-solid fa-star"></i>
|
|
||||||
<i class="fa-solid fa-star"></i>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<p class="mt-4">
|
|
||||||
It has survived not only five centuries, but also the into electronic typesetting simply fee text aunchanged. It was popularised in the sheets containing lorem ipsum is simply free text.
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="car-single-comment d-flex gap-4 pt-5 border-none">
|
|
||||||
<div class="image">
|
|
||||||
<img src="img/car/comment02.png" alt="image">
|
|
||||||
</div>
|
|
||||||
<div class="content">
|
|
||||||
<div class="head d-flex flex-wrap gap-3 align-items-center justify-content-between">
|
|
||||||
<div class="con">
|
|
||||||
<h4>Sarah Albert</h4>
|
|
||||||
</div>
|
|
||||||
<div class="star">
|
|
||||||
<i class="fa-solid fa-star"></i>
|
|
||||||
<i class="fa-solid fa-star"></i>
|
|
||||||
<i class="fa-solid fa-star"></i>
|
|
||||||
<i class="fa-solid fa-star"></i>
|
|
||||||
<i class="fa-solid fa-star"></i>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<p class="mt-4">
|
|
||||||
It has survived not only five centuries, but also the into electronic typesetting simply fee text aunchanged. It was popularised in the sheets containing lorem ipsum is simply free text.
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
<div class="col-lg-4">
|
<div class="car-content">
|
||||||
<div class="car-list-sidebar">
|
<div class="star">
|
||||||
<h4 class="title">Other Car</h4>
|
<i class="fa-solid fa-star"></i>
|
||||||
|
<i class="fa-solid fa-star"></i>
|
||||||
<!-- Example Car Items -->
|
<i class="fa-solid fa-star"></i>
|
||||||
<div class="car-item">
|
<i class="fa-solid fa-star"></i>
|
||||||
<a href="hondacity.php">
|
<i class="fa-solid fa-star"></i>
|
||||||
<img src="img/Cars/honda city.jpg" alt="Honda City">
|
<span>2 Reviews</span>
|
||||||
<div class="details">
|
|
||||||
Honda City
|
|
||||||
</div>
|
|
||||||
<div class="rate">1000/day</div>
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
<div class="car-item">
|
|
||||||
<a href="beetle.php">
|
|
||||||
<img src="img/Cars/beetle.jpg" alt="Beetle">
|
|
||||||
<div class="details">
|
|
||||||
Beetle
|
|
||||||
</div>
|
|
||||||
<div class="rate">1200/day</div>
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
<div class="car-item">
|
|
||||||
<a href="fordecosport.php">
|
|
||||||
<img src="img/Cars/ford_ecosport_trend.jpg" alt="Ford Ecosport">
|
|
||||||
<div class="details">
|
|
||||||
Ford Ecosport
|
|
||||||
</div>
|
|
||||||
<div class="rate">1500/day</div>
|
|
||||||
</a>
|
|
||||||
<a href="navara.php">
|
|
||||||
<img src="img/Cars/navara.jpg" alt="Honda City">
|
|
||||||
<div class="details">
|
|
||||||
Navara
|
|
||||||
</div>
|
|
||||||
<div class="rate">1000/day</div>
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
<div class="car-item">
|
|
||||||
<a href="mghector.php">
|
|
||||||
<img src="img/car/car-list-1.jpg" alt="Beetle">
|
|
||||||
<div class="details">
|
|
||||||
MG Hector
|
|
||||||
</div>
|
|
||||||
<div class="rate">1200/day</div>
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
<div class="car-item">
|
|
||||||
<a href="mitsubishi.php">
|
|
||||||
<img src="img/Cars/mitsubhi.jpg" alt="Ford Ecosport">
|
|
||||||
<div class="details">
|
|
||||||
MitSubishi
|
|
||||||
</div>
|
|
||||||
<div class="rate">1500/day</div>
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
<h3>Peugeot 308</h3>
|
||||||
|
<h6>$70.00 <span>/ Day</span></h6>
|
||||||
|
<p class="mt-4 mb-4">
|
||||||
|
To deliver on the promise of technology and human We help our clients become sions of themselves.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="col-lg-4">
|
||||||
|
<div class="car-list-sidebar">
|
||||||
|
<h4 class="title">Other Car</h4>
|
||||||
|
<!-- Example Car Items -->
|
||||||
|
<div class="car-item">
|
||||||
|
<a href="hondacity.php">
|
||||||
|
<img src="img/Cars/honda city.jpg" alt="Honda City">
|
||||||
|
<div class="details">
|
||||||
|
Honda City
|
||||||
|
</div>
|
||||||
|
<div class="rate">1000/day</div>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
<div class="car-item">
|
||||||
|
<a href="beetle.php">
|
||||||
|
<img src="img/Cars/beetle.jpg" alt="Beetle">
|
||||||
|
<div class="details">
|
||||||
|
Beetle
|
||||||
|
</div>
|
||||||
|
<div class="rate">1200/day</div>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
<div class="car-item">
|
||||||
|
<a href="fordecosport.php">
|
||||||
|
<img src="img/Cars/ford_ecosport_trend.jpg" alt="Ford Ecosport">
|
||||||
|
<div class="details">
|
||||||
|
Ford Ecosport
|
||||||
|
</div>
|
||||||
|
<div class="rate">1500/day</div>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
<div class="car-item">
|
||||||
|
<a href="mghector.php">
|
||||||
|
<img src="img/car/car-list-1.jpg" alt="MG Hector">
|
||||||
|
<div class="details">
|
||||||
|
MG Hector
|
||||||
|
</div>
|
||||||
|
<div class="rate">1200/day</div>
|
||||||
|
</a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</div>
|
||||||
<?php include('footer.php') ?>
|
</div>
|
||||||
|
</section>
|
||||||
|
<?php include('footer.php') ?>
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user