changes
This commit is contained in:
subashGamer21
parent
398affd0ce
commit
0120b29fd6
@ -61,7 +61,8 @@
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Team Section Start -->
|
||||
|
||||
<!-- Team Section Start
|
||||
<section class="team-section fix section-padding pt-0">
|
||||
<div class="container">
|
||||
<div class="section-title text-center">
|
||||
@ -135,7 +136,7 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</section> -->
|
||||
|
||||
<!-- Funfact Section Start -->
|
||||
<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
@ -168,3 +168,233 @@
|
||||
cursor: pointer;
|
||||
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;
|
||||
--black: #000;
|
||||
--white: #fff;
|
||||
--theme: #ff3726;
|
||||
--theme: #ffcc26;
|
||||
--theme2: #005cb5;
|
||||
--header: #0c142e;
|
||||
--text: #77797e;
|
||||
@ -2808,7 +2808,7 @@ span {
|
||||
|
||||
.header-top-section {
|
||||
background-color: #020202;
|
||||
padding: 10px 60px;
|
||||
padding: 1px 21px;
|
||||
position: relative;
|
||||
z-index: 9;
|
||||
border-top: 3px solid #020202;
|
||||
@ -2831,7 +2831,7 @@ span {
|
||||
height: 100%;
|
||||
width: 285px;
|
||||
content: "";
|
||||
background-color: var(--white);
|
||||
background-color: #000000;
|
||||
z-index: -1;
|
||||
clip-path: polygon(0 0, 90% 0%, 100% 100%, 0% 100%);
|
||||
}
|
||||
|
||||
172
footer.php
172
footer.php
@ -24,152 +24,70 @@
|
||||
|
||||
|
||||
<!-- 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="footer-widgets-wrapper">
|
||||
<div class="row justify-content-between">
|
||||
<div class="col-xl-3 col-lg-4 col-md-6 wow fadeInUp" data-wow-delay=".2s">
|
||||
<div class="single-footer-widget shape-map">
|
||||
<div class="widget-head">
|
||||
<h4>Contact</h4>
|
||||
</div>
|
||||
<div class="footer-content">
|
||||
<p>
|
||||
Kathmandu
|
||||
</p>
|
||||
<ul class="contact-info">
|
||||
<li>
|
||||
<i class="fa-regular fa-envelope"></i>
|
||||
<a href="mailto:needhelp@company.com">info@boharacarrental.com</a>
|
||||
<div class="row">
|
||||
<!-- Contact Information -->
|
||||
<div class="col-xl-4 col-lg-4 col-md-6" style="margin-bottom: 30px;">
|
||||
<div style="border-left: 4px solid #f39c12; padding-left: 15px;">
|
||||
<h4 style="font-size: 20px; color: #f39c12;">Contact Us</h4>
|
||||
<p>Kathmandu, Nepal</p>
|
||||
<ul style="list-style: none; padding: 0;">
|
||||
<li style="margin: 10px 0;">
|
||||
<i class="fa-regular fa-envelope" style="margin-right: 10px; color: #f39c12;"></i>
|
||||
<a href="mailto:info@boharacarrental.com" style="color: #fff; text-decoration: none;">info@boharacarrental.com</a>
|
||||
</li>
|
||||
<li>
|
||||
<i class="fa-solid fa-phone-volume"></i>
|
||||
<a href="tel:926668880000">+977 980‑1136594</a>
|
||||
<li style="margin: 10px 0;">
|
||||
<i class="fa-solid fa-phone-volume" style="margin-right: 10px; color: #f39c12;"></i>
|
||||
<a href="tel:+9779801136594" style="color: #fff; text-decoration: none;">+977 980-1136594</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-xl-2 col-lg-4 col-md-6 wow fadeInUp" data-wow-delay=".4s">
|
||||
<div class="single-footer-widget">
|
||||
<div class="widget-head">
|
||||
<h4>Contact</h4>
|
||||
</div>
|
||||
<ul class="list-items">
|
||||
<li>
|
||||
<a href="about.php">
|
||||
About Us
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="car-details.php">
|
||||
Cars
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="gallery.php">
|
||||
Gallery
|
||||
</a>
|
||||
<!-- Quick Links -->
|
||||
<div class="col-xl-2 col-lg-2 col-md-6" style="margin-bottom: 30px;">
|
||||
<h4 style="font-size: 20px; color: #f39c12;">Quick Links</h4>
|
||||
<ul style="list-style: none; padding: 0;">
|
||||
<li style="margin: 10px 0;">
|
||||
<a href="about.php" style="color: #fff; text-decoration: none;">About Us</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="contact.php">
|
||||
Contact
|
||||
</a>
|
||||
<li style="margin: 10px 0;">
|
||||
<a href="car-details.php" style="color: #fff; text-decoration: none;">Cars</a>
|
||||
</li>
|
||||
<li style="margin: 10px 0;">
|
||||
<a href="gallery.php" style="color: #fff; text-decoration: none;">Gallery</a>
|
||||
</li>
|
||||
<li style="margin: 10px 0;">
|
||||
<a href="contact.php" style="color: #fff; text-decoration: none;">Contact</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-xl-3 col-lg-4 col-md-6 wow fadeInUp" data-wow-delay=".6s">
|
||||
<div class="single-footer-widget">
|
||||
<div class="widget-head">
|
||||
<h4>Gallery</h4>
|
||||
</div>
|
||||
<div class="footer-gallery">
|
||||
<div class="gallery-wrap">
|
||||
<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>
|
||||
|
||||
<!-- Map Section -->
|
||||
<div class="col-xl-6 col-lg-6 col-md-12" style="margin-bottom: 30px;">
|
||||
<h4 style="font-size: 20px; color: #f39c12;">Our Location</h4>
|
||||
<div style="width: 100%; height: 300px; margin-top: 15px;">
|
||||
<iframe
|
||||
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"
|
||||
style="width: 100%; height: 100%; border: 0;"
|
||||
allowfullscreen=""
|
||||
loading="lazy">
|
||||
</iframe>
|
||||
</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>
|
||||
|
||||
<div class="footer-bottom" style="border-top: 1px solid #444; padding-top: 20px; text-align: center;">
|
||||
<p style="margin: 0; font-size: 14px;">© Copyright 2024 by
|
||||
<a href="index.php" style="color: #f39c12; text-decoration: none;">BohoraCarRental.com</a>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
</footer>
|
||||
|
||||
<!-- <script src="js/custom.js"></script> -->
|
||||
<!--<< All JS Plugins >>-->
|
||||
<script src="js/jquery-3.7.1.min.js"></script>
|
||||
|
||||
53
header.php
53
header.php
@ -103,9 +103,9 @@
|
||||
</button>
|
||||
</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.
|
||||
</p>
|
||||
</p> -->
|
||||
<div class="mobile-menu fix mb-3"></div>
|
||||
<div class="offcanvas__contact">
|
||||
<h4>Contact Info</h4>
|
||||
@ -115,7 +115,7 @@
|
||||
<i class="fal fa-map-marker-alt"></i>
|
||||
</div>
|
||||
<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>
|
||||
</li>
|
||||
<li class="d-flex align-items-center">
|
||||
@ -123,23 +123,23 @@
|
||||
<i class="fal fa-envelope"></i>
|
||||
</div>
|
||||
<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>
|
||||
</li>
|
||||
<li class="d-flex align-items-center">
|
||||
<!-- <li class="d-flex align-items-center">
|
||||
<div class="offcanvas__contact-icon mr-15">
|
||||
<i class="fal fa-clock"></i>
|
||||
</div>
|
||||
<div class="offcanvas__contact-text">
|
||||
<a target="_blank" href="index.php#">Mod-friday, 09am -05pm</a>
|
||||
</div>
|
||||
</li>
|
||||
<a target="_blank" href="index.php#">Sun-Sat, 09am -05pm</a>
|
||||
</div> -->
|
||||
<!-- </li> -->
|
||||
<li class="d-flex align-items-center">
|
||||
<div class="offcanvas__contact-icon mr-15">
|
||||
<i class="far fa-phone"></i>
|
||||
</div>
|
||||
<div class="offcanvas__contact-text">
|
||||
<a href="tel:+11002345909">+11002345909</a>
|
||||
<a href="tel:+11002345909">+977 980‑1136594</a>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
@ -175,13 +175,13 @@
|
||||
</li>
|
||||
</ul>
|
||||
<div class="header-top-right">
|
||||
<ul class="top-list">
|
||||
<!-- <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>
|
||||
</ul> -->
|
||||
<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-instagram"></i></a>
|
||||
@ -200,14 +200,14 @@
|
||||
<div class="header-left">
|
||||
<div class="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>
|
||||
</div>
|
||||
<div class="mean__menu-wrapper">
|
||||
<div class="main-menu">
|
||||
<nav id="mobile-menu">
|
||||
<ul>
|
||||
<li></li>
|
||||
|
||||
|
||||
<li class="has-dropdown active menu-thumb">
|
||||
<a href="index.php">
|
||||
@ -223,16 +223,7 @@
|
||||
<li>
|
||||
<a href="about.php">About Us</a>
|
||||
</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="car-grid.php">
|
||||
Cars
|
||||
@ -245,7 +236,17 @@
|
||||
<li><a href="car-details.php">Car Details</a></li>
|
||||
</ul> -->
|
||||
</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">
|
||||
Blog
|
||||
<i class="fas fa-angle-down"></i>
|
||||
@ -254,7 +255,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,7 +275,7 @@
|
||||
</div>
|
||||
</div>
|
||||
<div class="header-button">
|
||||
<a href="car-details.php" class="header-btn">
|
||||
<a href="car-grid.php" class="header-btn">
|
||||
Find a Car
|
||||
</a>
|
||||
</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('parts/banner.php') ?>
|
||||
<?php include('parts/pickupform.php') ?>
|
||||
<?php include('parts/searchbooking.php') ?>
|
||||
<?php include('parts/about.php') ?>
|
||||
<?php include('parts/ourservices.php') ?>
|
||||
<?php include('parts/CarRental.php') ?>
|
||||
<?php include('parts/howitworks.php') ?>
|
||||
<?php include('parts/whychooseus.php') ?>
|
||||
|
||||
<?php include('parts/Testimonial.php') ?>
|
||||
|
||||
<?php include('parts/gallery.php') ?>
|
||||
<?php include('footer.php') ?>
|
||||
|
||||
@ -1,19 +1,26 @@
|
||||
|
||||
|
||||
<!-- Car Rentals Section Start -->
|
||||
<!-- Car Rentals Section Start -->
|
||||
<section class="car-rentals-section-2 section-padding fix">
|
||||
<div class="container">
|
||||
<div class="section-title text-center">
|
||||
<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">
|
||||
Cars We’re Offering <br>
|
||||
for Rentals
|
||||
</h2>
|
||||
</div>
|
||||
<div class="row g-4">
|
||||
<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-rentals-wrapper style-2">
|
||||
<div class="array-button">
|
||||
<button class="array-prev"><i class="far fa-chevron-left"></i></button>
|
||||
<button class="array-next"><i class="far fa-chevron-right"></i></button>
|
||||
</div>
|
||||
<div class="swiper car-rentals-slider-2">
|
||||
<div class="swiper-wrapper">
|
||||
<div class="swiper-slide">
|
||||
<div class="car-rentals-items">
|
||||
<div class="car-image">
|
||||
<img src="img/Cars/peugeot_308.jpg" alt="img">
|
||||
</div>
|
||||
@ -27,7 +34,7 @@
|
||||
<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>
|
||||
@ -45,7 +52,7 @@
|
||||
<ul>
|
||||
<li>
|
||||
<img src="img/car/automatic.svg" alt="img" class="me-1">
|
||||
Automatic and Manual
|
||||
Automatic
|
||||
</li>
|
||||
<li>
|
||||
<img src="img/car/petrol.svg" alt="img" class="me-1">
|
||||
@ -57,8 +64,8 @@
|
||||
</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="swiper-slide">
|
||||
<div class="car-rentals-items">
|
||||
<div class="car-image">
|
||||
<img src="img/Cars/navara.jpg" alt="img">
|
||||
</div>
|
||||
@ -80,187 +87,7 @@
|
||||
<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="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/ford_ecosport_trend.jpg" alt="img">
|
||||
</div>
|
||||
<div class="car-content">
|
||||
<div class="post-cat">
|
||||
2027 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">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
|
||||
6 Seats
|
||||
</li>
|
||||
<li>
|
||||
<img src="img/car/door.svg" alt="img" class="me-1">
|
||||
@ -270,7 +97,52 @@
|
||||
<ul>
|
||||
<li>
|
||||
<img src="img/car/automatic.svg" alt="img" class="me-1">
|
||||
Manual
|
||||
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="swiper-slide">
|
||||
<div class="car-rentals-items">
|
||||
<div class="car-image">
|
||||
<img src="img/Cars/beetle.jpg" alt="img">
|
||||
</div>
|
||||
<div class="car-content">
|
||||
<div class="post-cat">
|
||||
2024 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">
|
||||
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">
|
||||
@ -282,52 +154,8 @@
|
||||
</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>
|
||||
</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.
|
||||
|
||||
</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>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -1,5 +1,5 @@
|
||||
<!-- Search Area Start -->
|
||||
<div class="search-wrap">
|
||||
<!-- Search Area Start
|
||||
<div class="search-wrap">
|
||||
<div class="search-inner">
|
||||
<i class="fas fa-times search-close" id="search-close"></i>
|
||||
<div class="search-cell">
|
||||
@ -10,7 +10,7 @@
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div> -->
|
||||
|
||||
<!-- Hero Section Start -->
|
||||
<section class="hero-section hero-3 fix">
|
||||
@ -22,10 +22,10 @@
|
||||
<i class="fa-solid fa-chevron-right"></i>
|
||||
</button>
|
||||
</div>
|
||||
<h6 class="search-text">Book Any Car</h6>
|
||||
<div class="line-icon">
|
||||
<!-- <h6 class="search-text">Book Any Car</h6> -->
|
||||
<!-- <div class="line-icon">
|
||||
<img src="img/hero/icon.png" alt="icon">
|
||||
</div>
|
||||
</div> -->
|
||||
<div class="swiper hero-slider-3">
|
||||
<div class="swiper-wrapper">
|
||||
<!-- Slide 1 -->
|
||||
|
||||
@ -9,7 +9,7 @@
|
||||
<div class="row">
|
||||
<div class="col-xl-3 col-lg-4 col-md-6 wow fadeInUp" data-wow-delay=".2s">
|
||||
<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">
|
||||
<img src="img/how-work/icon-1.png" alt="img" class="icon-1">
|
||||
@ -23,7 +23,7 @@
|
||||
</div>
|
||||
<div class="col-xl-3 col-lg-4 col-md-6 wow fadeInUp" data-wow-delay=".4s">
|
||||
<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">
|
||||
<img src="img/how-work/icon-2.png" alt="img" class="icon-1">
|
||||
@ -37,7 +37,7 @@
|
||||
</div>
|
||||
<div class="col-xl-3 col-lg-4 col-md-6 wow fadeInUp" data-wow-delay=".6s">
|
||||
<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">
|
||||
<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="search-booking-wrapper">
|
||||
<div class="booking-man float-bob-x">
|
||||
<img src="img/booking-man.png" alt="img">
|
||||
</div>
|
||||
<div class="row g-4 justify-content-between">
|
||||
<div class="row g-5 align-items-center">
|
||||
<!-- Text Content Section -->
|
||||
<div class="col-xl-6 col-lg-6">
|
||||
<div class="search-booking-content">
|
||||
<div class="section-title">
|
||||
<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">
|
||||
Book & <br>
|
||||
Rent Vehicle Easily
|
||||
</h2>
|
||||
<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="mt-3 mt-md-0 wow fadeInUp" data-wow-delay=".6s">
|
||||
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>
|
||||
<br>Whether you need a ride through Nepal’s bustling cities or a journey into its serene countryside, we’re always here for you.
|
||||
<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 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 class="col-xl-4 col-lg-6">
|
||||
<div class="product-search-area">
|
||||
<form action="car-grid.php" id="contact-form" method="POST">
|
||||
<div class="row g-4">
|
||||
<div class="col-md-12">
|
||||
<div class="pickup-items">
|
||||
<label class="field-label">Pickup Location</label>
|
||||
<div class="category-oneadjust">
|
||||
<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>
|
||||
<!-- Image Section -->
|
||||
<div class="col-xl-5 col-lg-6">
|
||||
<div class="hero-image" data-animation="fadeInUp" data-delay=".7s" style="animation-delay: 0.7s; overflow: hidden;">
|
||||
<img src="img/hero/car.png" alt="img" style="width: 100%; height: auto; object-fit: contain;">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row mt-5">
|
||||
<!-- Booking Highlights -->
|
||||
<div class="col-md-4">
|
||||
<div class="highlight-box wow fadeInUp" data-wow-delay=".2s">
|
||||
<div class="icon">
|
||||
<i class="fa-solid fa-calendar-check"></i>
|
||||
</div>
|
||||
<h4>Easier & Faster Bookings</h4>
|
||||
<p>Experience a seamless booking process with just a few clicks.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<div class="highlight-box wow fadeInUp" data-wow-delay=".4s">
|
||||
<div class="icon">
|
||||
<i class="fa-solid fa-location-dot"></i>
|
||||
</div>
|
||||
<div class="col-md-12">
|
||||
<div class="pickup-items">
|
||||
<button type="submit" class="theme-btn">
|
||||
Rent a Car
|
||||
</button>
|
||||
<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>
|
||||
</form>
|
||||
<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>
|
||||
</section>
|
||||
</section>
|
||||
|
||||
348
peugeot.php
348
peugeot.php
@ -20,20 +20,101 @@
|
||||
Car
|
||||
</li>
|
||||
</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>
|
||||
|
||||
<!-- Car Details Section Start -->
|
||||
<section class="car-details fix section-padding">
|
||||
<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">
|
||||
<!-- Car Booking Form Section -->
|
||||
<div class="car-booking-items">
|
||||
<div class="booking-header">
|
||||
<h3>Request for Booking</h3>
|
||||
<p>Send your requirement to us. We will check your request and contact you soon.</p>
|
||||
</div>
|
||||
<form action="sendemail.php" id="contact-form" method="POST" class="contact-form-items">
|
||||
<input type="hidden" name="car_name" value="Peugeot 308">
|
||||
<div class="row">
|
||||
<!-- Name Field -->
|
||||
<div class="col-lg-6">
|
||||
<div class="form-clt">
|
||||
<label class="label-text">Your Name</label>
|
||||
<input type="text" name="name" id="name" placeholder="Your Name" class="input-field">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Email Field -->
|
||||
<div class="col-lg-6">
|
||||
<div class="form-clt">
|
||||
<label class="label-text">Email</label>
|
||||
<input type="text" name="email" id="email" placeholder="example@gmail.com" class="input-field">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Phone Number Field -->
|
||||
<div class="col-lg-6">
|
||||
<div class="form-clt">
|
||||
<label class="label-text">Phone Number</label>
|
||||
<input type="text" name="phone" id="phone" placeholder="+977 00 0000 - 000" class="input-field">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Pick-up Date -->
|
||||
<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="Pick-up Date" readonly>
|
||||
<span class="input-group-addon"><i class="fa-solid fa-calendar-days"></i></span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Drop-off Date -->
|
||||
<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="Drop-off Date" readonly>
|
||||
<span class="input-group-addon"><i class="fa-solid fa-calendar-days"></i></span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Submit Button -->
|
||||
<div class="col-lg-12">
|
||||
<button class="theme-btn animated-btn" type="submit">
|
||||
Send Request
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
|
||||
<!-- jQuery UI Datepicker Script -->
|
||||
<script>
|
||||
$(document).ready(function() {
|
||||
// Initialize the datepicker for both pick-up and drop-off dates
|
||||
$("#datepicker3 input").datepicker({
|
||||
dateFormat: "dd-mm-yy"
|
||||
});
|
||||
|
||||
$("#datepicker4 input").datepicker({
|
||||
dateFormat: "dd-mm-yy"
|
||||
});
|
||||
});
|
||||
</script>
|
||||
</div>
|
||||
<!-- End of Booking Form Section -->
|
||||
|
||||
<!-- Car Details Section -->
|
||||
<div class="car-details-items">
|
||||
<div class="car-image">
|
||||
<img src="img/Cars/peugeot_308.jpg" alt="img">
|
||||
<img src="img/Cars/peugeot_308.jpg" alt="Peugeot 308">
|
||||
</div>
|
||||
<div class="car-content">
|
||||
<div class="star">
|
||||
@ -49,237 +130,14 @@
|
||||
<p class="mt-4 mb-4">
|
||||
To deliver on the promise of technology and human We help our clients become sions of themselves.
|
||||
</p>
|
||||
<div class="icon-details-area">
|
||||
<h4>Key Features</h4>
|
||||
<div class="icon-details-main-items">
|
||||
<div class="icon-items">
|
||||
<div class="icon">
|
||||
<img src="img/car/icon/07.png" alt="img">
|
||||
</div>
|
||||
<div class="content">
|
||||
<h6>body:</h6>
|
||||
<p>Sedan</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="icon-items">
|
||||
<div class="icon">
|
||||
<img src="img/car/icon/07.png" alt="img">
|
||||
</div>
|
||||
<div class="content">
|
||||
<h6>Mileage:</h6>
|
||||
<p>70.000 (Mi)</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="icon-items">
|
||||
<div class="icon">
|
||||
<img src="img/car/icon/07.png" alt="img">
|
||||
</div>
|
||||
<div class="content">
|
||||
<h6>Year:</h6>
|
||||
<p>2024</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="icon-items">
|
||||
<div class="icon">
|
||||
<img src="img/car/icon/07.png" alt="img">
|
||||
</div>
|
||||
<div class="content">
|
||||
<h6>Engine:</h6>
|
||||
<p>2500 cc</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="icon-details-main-items">
|
||||
<div class="icon-items">
|
||||
<div class="icon">
|
||||
<img src="img/car/door.svg" alt="img">
|
||||
</div>
|
||||
<div class="content">
|
||||
<h6>Passengers:</h6>
|
||||
<p>6 Seats</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="icon-items">
|
||||
<div class="icon">
|
||||
<img src="img/car/seat.svg" alt="img">
|
||||
</div>
|
||||
<div class="content">
|
||||
<h6>Gear:</h6>
|
||||
<p>Automatic</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="icon-items">
|
||||
<div class="icon">
|
||||
<img src="img/car/automatic.svg" alt="img">
|
||||
</div>
|
||||
<div class="content">
|
||||
<h6>Gear:</h6>
|
||||
<p>Automatic</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="icon-items">
|
||||
<div class="icon">
|
||||
<img src="img/car/petrol.svg" alt="img">
|
||||
</div>
|
||||
<div class="content">
|
||||
<h6>Fuel:</h6>
|
||||
<p>Petrol</p>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="car-booking-items">
|
||||
<div class="booking-header">
|
||||
<h3>Request for Booking</h3>
|
||||
<p>Send your requirement to us. We will check email and contact you soon.</p>
|
||||
</div>
|
||||
<form action="sendemail.php" id="contact-form" method="POST" class="contact-form-items">
|
||||
<input type="hidden" name="car_name" value="Peugeot 308">
|
||||
<div class="row g-4">
|
||||
<div class="col-lg-6">
|
||||
<div class="form-clt">
|
||||
<label class="label-text">Your Name</label>
|
||||
<input type="text" name="name" id="name" placeholder="Afzaal Islam">
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-6">
|
||||
<div class="form-clt">
|
||||
<label class="label-text">Email</label>
|
||||
<input type="text" name="email" id="email" placeholder="pixydrops@gmail.com">
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-6">
|
||||
<div class="form-clt">
|
||||
<label class="label-text">Phone Number</label>
|
||||
<input type="text" name="phone" id="phone" placeholder="+ 00 0000 - 000">
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-6">
|
||||
<div class="form-clt">
|
||||
<label class="label-text">Address</label>
|
||||
<input type="text" name="address" id="address" placeholder="Address">
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-4">
|
||||
<div class="form-clt">
|
||||
<label class="label-text">Pick-up Location</label>
|
||||
<div class="category-oneadjust">
|
||||
<select name="cate" class="category" style="display: none;">
|
||||
<option value="1">
|
||||
Select Location
|
||||
</option>
|
||||
<option value="1">
|
||||
Airport
|
||||
</option>
|
||||
<option value="1">
|
||||
koteshor
|
||||
</option>
|
||||
<option value="1">
|
||||
thamel
|
||||
</option>
|
||||
<option value="1">
|
||||
Other Location
|
||||
</option>
|
||||
</select><div class="nice-select category" tabindex="0"><span class="current">
|
||||
Select Location
|
||||
</span><ul class="list"><li data-value="1" class="option selected">
|
||||
Select Location
|
||||
</li><li data-value="1" class="option">
|
||||
Airpot
|
||||
</li><li data-value="1" class="option">
|
||||
Koteshor
|
||||
</li><li data-value="1" class="option">
|
||||
New York
|
||||
</li><li data-value="1" class="option">
|
||||
Other Location
|
||||
</li></ul></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-4">
|
||||
<div class="form-clt">
|
||||
<label class="label-text">Pick-up Date</label>
|
||||
<div id="datepicker3" class="input-group date" data-date-format="dd-mm-yyyy">
|
||||
<input class="form-control" name='pickup_date' type="text" placeholder="Check in" readonly>
|
||||
<span class="input-group-addon"> <i class="fa-solid fa-calendar-days"></i></span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-4">
|
||||
<div class="form-clt">
|
||||
<label class="label-text">Drop-off Date</label>
|
||||
<div id="datepicker4" class="input-group date" data-date-format="dd-mm-yyyy">
|
||||
<input class="form-control" name= 'dropoff_date' type="text" placeholder="Check in" readonly>
|
||||
<span class="input-group-addon"> <i class="fa-solid fa-calendar-days"></i></span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-lg-12">
|
||||
<button class="theme-btn" type="submit">
|
||||
Send Request
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="comment-reviews">
|
||||
<h3>2 Reviews</h3>
|
||||
<div class="car-single-comment d-flex gap-4 pb-5">
|
||||
<div class="image">
|
||||
<img src="img/car/comment01.png" alt="image">
|
||||
</div>
|
||||
<div class="content">
|
||||
<div class="head d-flex flex-wrap gap-3 align-items-center justify-content-between">
|
||||
<div class="con">
|
||||
<h4>Kevin Martin</h4>
|
||||
</div>
|
||||
<div class="star">
|
||||
<i class="fa-solid fa-star"></i>
|
||||
<i class="fa-solid fa-star"></i>
|
||||
<i class="fa-solid fa-star"></i>
|
||||
<i class="fa-solid fa-star"></i>
|
||||
<i class="fa-solid fa-star"></i>
|
||||
</div>
|
||||
</div>
|
||||
<p class="mt-4">
|
||||
It has survived not only five centuries, but also the into electronic typesetting simply fee text aunchanged. It was popularised in the sheets containing lorem ipsum is simply free text.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="car-single-comment d-flex gap-4 pt-5 border-none">
|
||||
<div class="image">
|
||||
<img src="img/car/comment02.png" alt="image">
|
||||
</div>
|
||||
<div class="content">
|
||||
<div class="head d-flex flex-wrap gap-3 align-items-center justify-content-between">
|
||||
<div class="con">
|
||||
<h4>Sarah Albert</h4>
|
||||
</div>
|
||||
<div class="star">
|
||||
<i class="fa-solid fa-star"></i>
|
||||
<i class="fa-solid fa-star"></i>
|
||||
<i class="fa-solid fa-star"></i>
|
||||
<i class="fa-solid fa-star"></i>
|
||||
<i class="fa-solid fa-star"></i>
|
||||
</div>
|
||||
</div>
|
||||
<p class="mt-4">
|
||||
It has survived not only five centuries, but also the into electronic typesetting simply fee text aunchanged. It was popularised in the sheets containing lorem ipsum is simply free text.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-4">
|
||||
<div class="car-list-sidebar">
|
||||
<h4 class="title">Other Car</h4>
|
||||
|
||||
<!-- Example Car Items -->
|
||||
<div class="car-item">
|
||||
<a href="hondacity.php">
|
||||
@ -289,8 +147,8 @@
|
||||
</div>
|
||||
<div class="rate">1000/day</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="car-item">
|
||||
</div>
|
||||
<div class="car-item">
|
||||
<a href="beetle.php">
|
||||
<img src="img/Cars/beetle.jpg" alt="Beetle">
|
||||
<div class="details">
|
||||
@ -298,8 +156,8 @@
|
||||
</div>
|
||||
<div class="rate">1200/day</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="car-item">
|
||||
</div>
|
||||
<div class="car-item">
|
||||
<a href="fordecosport.php">
|
||||
<img src="img/Cars/ford_ecosport_trend.jpg" alt="Ford Ecosport">
|
||||
<div class="details">
|
||||
@ -307,38 +165,20 @@
|
||||
</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">
|
||||
<div class="car-item">
|
||||
<a href="mghector.php">
|
||||
<img src="img/car/car-list-1.jpg" alt="Beetle">
|
||||
<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 class="car-item">
|
||||
<a href="mitsubishi.php">
|
||||
<img src="img/Cars/mitsubhi.jpg" alt="Ford Ecosport">
|
||||
<div class="details">
|
||||
MitSubishi
|
||||
</div>
|
||||
<div class="rate">1500/day</div>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<?php include('footer.php') ?>
|
||||
</div>
|
||||
</section>
|
||||
<?php include('footer.php') ?>
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user