changes
changes
This commit is contained in:
subashGamer21
parent
0f5e5a920f
commit
f4f4f04a7d
141
about.php
141
about.php
@ -1,5 +1,25 @@
|
||||
<?php include('header.php') ?>
|
||||
|
||||
<!--<< Breadcrumb Section Start >>-->
|
||||
<div class="breadcrumb-wrapper bg-cover" style="background-image: url('img/bg-header-banner.jpg');">
|
||||
<div class="container">
|
||||
<div class="page-heading">
|
||||
<ul class="breadcrumb-items wow fadeInUp" data-wow-delay=".3s">
|
||||
<li>
|
||||
<a href="index.html">
|
||||
Home
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<i class="fas fa-chevron-right"></i>
|
||||
</li>
|
||||
<li>
|
||||
About Us
|
||||
</li>
|
||||
</ul>
|
||||
<h1 class="wow fadeInUp" data-wow-delay=".5s">About Us</h1>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- About Section Start -->
|
||||
<section class="about-section fix section-padding">
|
||||
<div class="container">
|
||||
@ -125,7 +145,7 @@
|
||||
<div class="col-lg-6">
|
||||
<div class="section-title mb-0">
|
||||
<img src="img/sub-icon-2.png" alt="icon-img" class="wow fadeInUp">
|
||||
<span class="wow fadeInUp" data-wow-delay=".2s">fun facts</span>
|
||||
<span class="wow fadeInUp" data-wow-delay=".2s">our facts</span>
|
||||
<h2 class="text-white wow fadeInUp" data-wow-delay=".4s">
|
||||
Save Time & Money <br>
|
||||
with Top Car Rent <br>
|
||||
@ -172,122 +192,7 @@
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Testimonial Section Start -->
|
||||
<section class="testimonial-section fix section-padding">
|
||||
<div class="testimonial-bg-shape">
|
||||
<img src="img/testimonial/testimonial-bg.jpg" alt="shape-img">
|
||||
</div>
|
||||
<div class="container">
|
||||
<div class="section-title-area">
|
||||
<div class="section-title">
|
||||
<img src="img/sub-icon.png" alt="icon-img" class="wow fadeInUp">
|
||||
<span class="wow fadeInUp" data-wow-delay=".2s">our testimonials</span>
|
||||
<h2 class="wow fadeInUp" data-wow-delay=".4s">
|
||||
What They’re Talking <br>
|
||||
About Remons
|
||||
</h2>
|
||||
</div>
|
||||
<p class="wow fadeInUp" data-wow-delay=".5s">
|
||||
Lorem ipsum dolor sit amet nsectetur cing elituspe ndisse suscipit <br> sagitis leo sit.
|
||||
</p>
|
||||
</div>
|
||||
<div class="swiper testimonial-slider">
|
||||
<div class="swiper-wrapper">
|
||||
<div class="swiper-slide">
|
||||
<div class="testimonial-card-items">
|
||||
<div class="testimoni-bg-shape">
|
||||
<div class="testimonial-items-top">
|
||||
<div class="icon">
|
||||
<i class="fa-solid fa-quote-left"></i>
|
||||
</div>
|
||||
<p>
|
||||
I was very impresed by the remons service lorem ipsum is simply free text used by copy typing refreshing. Neque porro est qui dolorem ipsum quia.
|
||||
</p>
|
||||
<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>
|
||||
</div>
|
||||
<div class="client-info-items d-flex align-items-center gap-3">
|
||||
<div class="client-img bg-cover" style="background-image: url('img/testimonial/client-1.png');"></div>
|
||||
<div class="content">
|
||||
<h5>
|
||||
Jessica Brown
|
||||
</h5>
|
||||
<span>Customer</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="swiper-slide">
|
||||
<div class="testimonial-card-items">
|
||||
<div class="testimoni-bg-shape">
|
||||
<div class="testimonial-items-top">
|
||||
<div class="icon">
|
||||
<i class="fa-solid fa-quote-left"></i>
|
||||
</div>
|
||||
<p>
|
||||
I was very impresed by the remons service lorem ipsum is simply free text used by copy typing refreshing. Neque porro est qui dolorem ipsum quia.
|
||||
</p>
|
||||
<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>
|
||||
</div>
|
||||
<div class="client-info-items d-flex align-items-center gap-3">
|
||||
<div class="client-img bg-cover" style="background-image: url('img/testimonial/client-2.png');"></div>
|
||||
<div class="content">
|
||||
<h5>
|
||||
Kevin Martin
|
||||
</h5>
|
||||
<span>Customer</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="swiper-slide">
|
||||
<div class="testimonial-card-items">
|
||||
<div class="testimoni-bg-shape">
|
||||
<div class="testimonial-items-top">
|
||||
<div class="icon">
|
||||
<i class="fa-solid fa-quote-left"></i>
|
||||
</div>
|
||||
<p>
|
||||
I was very impresed by the remons service lorem ipsum is simply free text used by copy typing refreshing. Neque porro est qui dolorem ipsum quia.
|
||||
</p>
|
||||
<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>
|
||||
</div>
|
||||
<div class="client-info-items d-flex align-items-center gap-3">
|
||||
<div class="client-img bg-cover" style="background-image: url('img/testimonial/client-3.png');"></div>
|
||||
<div class="content">
|
||||
<h5>
|
||||
Jessica Brown
|
||||
</h5>
|
||||
<span>Customer</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<?php include('parts/Testimonial.php') ?>
|
||||
<?php include('footer.php') ?>
|
||||
|
||||
|
||||
|
||||
@ -1,4 +1,28 @@
|
||||
|
||||
|
||||
<?php include('header.php') ?>
|
||||
|
||||
<!--<< Breadcrumb Section Start >>-->
|
||||
<div class="breadcrumb-wrapper bg-cover" style="background-image: url('img/bg-header-banner.jpg');">
|
||||
<div class="container">
|
||||
<div class="page-heading">
|
||||
<ul class="breadcrumb-items wow fadeInUp" data-wow-delay=".3s">
|
||||
<li>
|
||||
<a href="index.html">
|
||||
Home
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<i class="fas fa-chevron-right"></i>
|
||||
</li>
|
||||
<li>
|
||||
car-details
|
||||
</li>
|
||||
</ul>
|
||||
<h1 class="wow fadeInUp" data-wow-delay=".5s">About Us</h1>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Car Details Section Start -->
|
||||
<section class="car-details fix section-padding">
|
||||
<div class="container">
|
||||
|
||||
128
car-grid.php
128
car-grid.php
@ -5,7 +5,7 @@
|
||||
<div class="page-heading">
|
||||
<ul class="breadcrumb-items wow fadeInUp" data-wow-delay=".3s">
|
||||
<li>
|
||||
<a href="indexphp">
|
||||
<a href="index.php">
|
||||
Home
|
||||
</a>
|
||||
</li>
|
||||
@ -28,11 +28,11 @@
|
||||
<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/car/05.jpg" alt="img">
|
||||
<img src="img/Cars/peugeot_308.jpg" alt="img">
|
||||
</div>
|
||||
<div class="car-content">
|
||||
<div class="post-cat">
|
||||
2024 Model
|
||||
2015 Model
|
||||
</div>
|
||||
<div class="star">
|
||||
<i class="fa-solid fa-star"></i>
|
||||
@ -40,25 +40,25 @@
|
||||
<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>
|
||||
<span>2 Reviews</span>
|
||||
</div>
|
||||
<h4><a href="car-detailsphp">Hyundai Accent Limited</a></h4>
|
||||
<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">
|
||||
6 Seats
|
||||
5 Seats
|
||||
</li>
|
||||
<li>
|
||||
<img src="img/car/door.svg" alt="img" class="me-1">
|
||||
2 Doors
|
||||
5 Doors
|
||||
</li>
|
||||
</ul>
|
||||
<ul>
|
||||
<li>
|
||||
<img src="img/car/automatic.svg" alt="img" class="me-1">
|
||||
Automatic
|
||||
Automatic and Manual
|
||||
</li>
|
||||
<li>
|
||||
<img src="img/car/petrol.svg" alt="img" class="me-1">
|
||||
@ -66,18 +66,18 @@
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<a href="car-detailsphp" class="theme-btn bg-color w-100 text-center">book now <i class="fa-solid fa-arrow-right ps-1"></i></a>
|
||||
<a href="car-details.php" class="theme-btn bg-color w-100 text-center">book now <i class="fa-solid fa-arrow-right ps-1"></i></a>
|
||||
</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/06.jpg" alt="img">
|
||||
<img src="img/Cars/navara.jpg" alt="img">
|
||||
</div>
|
||||
<div class="car-content">
|
||||
<div class="post-cat">
|
||||
2024 Model
|
||||
2015 Model
|
||||
</div>
|
||||
<div class="star">
|
||||
<i class="fa-solid fa-star"></i>
|
||||
@ -87,42 +87,42 @@
|
||||
<i class="fa-solid fa-star"></i>
|
||||
<span>2 Reviews</span>
|
||||
</div>
|
||||
<h4><a href="car-detailsphp">Hyundai Accent Limited</a></h4>
|
||||
<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
|
||||
5 Seats
|
||||
</li>
|
||||
<li>
|
||||
<img src="img/car/door.svg" alt="img" class="me-1">
|
||||
2 Doors
|
||||
4 Doors (Double cab)
|
||||
</li>
|
||||
</ul>
|
||||
<ul>
|
||||
<li>
|
||||
<img src="img/car/automatic.svg" alt="img" class="me-1">
|
||||
Automatic
|
||||
Automatic and Manual
|
||||
</li>
|
||||
<li>
|
||||
<img src="img/car/petrol.svg" alt="img" class="me-1">
|
||||
Petrol
|
||||
Diesel
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<a href="car-detailsphp" class="theme-btn bg-color w-100 text-center">book now <i class="fa-solid fa-arrow-right ps-1"></i></a>
|
||||
<a href="car-details.php" class="theme-btn bg-color w-100 text-center">book now <i class="fa-solid fa-arrow-right ps-1"></i></a>
|
||||
</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/car/07.jpg" alt="img">
|
||||
<img src="img/Cars/ford_ecosport_trend.jpg" alt="img">
|
||||
</div>
|
||||
<div class="car-content">
|
||||
<div class="post-cat">
|
||||
2024 Model
|
||||
2027 Model
|
||||
</div>
|
||||
<div class="star">
|
||||
<i class="fa-solid fa-star"></i>
|
||||
@ -132,23 +132,23 @@
|
||||
<i class="fa-solid fa-star"></i>
|
||||
<span>2 Reviews</span>
|
||||
</div>
|
||||
<h4><a href="car-detailsphp">Hyundai Accent Limited</a></h4>
|
||||
<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">
|
||||
6 Seats
|
||||
5 Seats
|
||||
</li>
|
||||
<li>
|
||||
<img src="img/car/door.svg" alt="img" class="me-1">
|
||||
2 Doors
|
||||
5 Doors
|
||||
</li>
|
||||
</ul>
|
||||
<ul>
|
||||
<li>
|
||||
<img src="img/car/automatic.svg" alt="img" class="me-1">
|
||||
Automatic
|
||||
Automatic and Manual
|
||||
</li>
|
||||
<li>
|
||||
<img src="img/car/petrol.svg" alt="img" class="me-1">
|
||||
@ -156,18 +156,18 @@
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<a href="car-detailsphp" class="theme-btn bg-color w-100 text-center">book now <i class="fa-solid fa-arrow-right ps-1"></i></a>
|
||||
<a href="car-details.php" class="theme-btn bg-color w-100 text-center">book now <i class="fa-solid fa-arrow-right ps-1"></i></a>
|
||||
</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/car/08.jpg" alt="img">
|
||||
<img src="img/Cars/mitsubhi.jpg" alt="img">
|
||||
</div>
|
||||
<div class="car-content">
|
||||
<div class="post-cat">
|
||||
2024 Model
|
||||
2015 Model
|
||||
</div>
|
||||
<div class="star">
|
||||
<i class="fa-solid fa-star"></i>
|
||||
@ -177,17 +177,17 @@
|
||||
<i class="fa-solid fa-star"></i>
|
||||
<span>2 Reviews</span>
|
||||
</div>
|
||||
<h4><a href="car-detailsphp">Hyundai Accent Limited</a></h4>
|
||||
<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">
|
||||
6 Seats
|
||||
7 Seats
|
||||
</li>
|
||||
<li>
|
||||
<img src="img/car/door.svg" alt="img" class="me-1">
|
||||
2 Doors
|
||||
5 Doors
|
||||
</li>
|
||||
</ul>
|
||||
<ul>
|
||||
@ -197,11 +197,11 @@
|
||||
</li>
|
||||
<li>
|
||||
<img src="img/car/petrol.svg" alt="img" class="me-1">
|
||||
Petrol
|
||||
Diesel
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<a href="car-detailsphp" class="theme-btn bg-color w-100 text-center">book now <i class="fa-solid fa-arrow-right ps-1"></i></a>
|
||||
<a href="car-details.php" class="theme-btn bg-color w-100 text-center">book now <i class="fa-solid fa-arrow-right ps-1"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -212,7 +212,7 @@
|
||||
</div>
|
||||
<div class="car-content">
|
||||
<div class="post-cat">
|
||||
2024 Model
|
||||
2018 Model
|
||||
</div>
|
||||
<div class="star">
|
||||
<i class="fa-solid fa-star"></i>
|
||||
@ -222,17 +222,17 @@
|
||||
<i class="fa-solid fa-star"></i>
|
||||
<span>2 Reviews</span>
|
||||
</div>
|
||||
<h4><a href="car-detailsphp">Hyundai Accent Limited</a></h4>
|
||||
<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">
|
||||
6 Seats
|
||||
5 Seats
|
||||
</li>
|
||||
<li>
|
||||
<img src="img/car/door.svg" alt="img" class="me-1">
|
||||
2 Doors
|
||||
5 Doors
|
||||
</li>
|
||||
</ul>
|
||||
<ul>
|
||||
@ -246,18 +246,18 @@
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<a href="car-detailsphp" class="theme-btn bg-color w-100 text-center">book now <i class="fa-solid fa-arrow-right ps-1"></i></a>
|
||||
<a href="car-details.php" class="theme-btn bg-color w-100 text-center">book now <i class="fa-solid fa-arrow-right ps-1"></i></a>
|
||||
</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/car/10.jpg" alt="img">
|
||||
<img src="img/Cars/beetle.jpg" alt="img">
|
||||
</div>
|
||||
<div class="car-content">
|
||||
<div class="post-cat">
|
||||
2024 Model
|
||||
1995 Model
|
||||
</div>
|
||||
<div class="star">
|
||||
<i class="fa-solid fa-star"></i>
|
||||
@ -267,19 +267,65 @@
|
||||
<i class="fa-solid fa-star"></i>
|
||||
<span>2 Reviews</span>
|
||||
</div>
|
||||
<h4><a href="car-detailsphp">Hyundai Accent Limited</a></h4>
|
||||
<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
|
||||
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="car-details.php" class="theme-btn bg-color w-100 text-center">book now <i class="fa-solid fa-arrow-right ps-1"></i></a>
|
||||
</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">
|
||||
@ -291,7 +337,7 @@
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<a href="car-detailsphp" class="theme-btn bg-color w-100 text-center">book now <i class="fa-solid fa-arrow-right ps-1"></i></a>
|
||||
<a href="car-details.php" class="theme-btn bg-color w-100 text-center">book now <i class="fa-solid fa-arrow-right ps-1"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -1,5 +1,26 @@
|
||||
|
||||
<?php include('header.php') ?>
|
||||
<!--<< Breadcrumb Section Start >>-->
|
||||
<div class="breadcrumb-wrapper bg-cover" style="background-image: url('img/bg-header-banner.jpg');">
|
||||
<div class="container">
|
||||
<div class="page-heading">
|
||||
<ul class="breadcrumb-items wow fadeInUp" data-wow-delay=".3s">
|
||||
<li>
|
||||
<a href="index.html">
|
||||
Home
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<i class="fas fa-chevron-right"></i>
|
||||
</li>
|
||||
<li>
|
||||
Car
|
||||
</li>
|
||||
</ul>
|
||||
<h1 class="wow fadeInUp" data-wow-delay=".5s">About Us</h1>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Car Rentals Section Start -->
|
||||
<section class="car-list-section section-padding fix">
|
||||
<div class="container">
|
||||
|
||||
21
car-list.php
21
car-list.php
@ -1,5 +1,26 @@
|
||||
|
||||
<?php include('header.php') ?>
|
||||
<!--<< Breadcrumb Section Start >>-->
|
||||
<div class="breadcrumb-wrapper bg-cover" style="background-image: url('img/bg-header-banner.jpg');">
|
||||
<div class="container">
|
||||
<div class="page-heading">
|
||||
<ul class="breadcrumb-items wow fadeInUp" data-wow-delay=".3s">
|
||||
<li>
|
||||
<a href="index.html">
|
||||
Home
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<i class="fas fa-chevron-right"></i>
|
||||
</li>
|
||||
<li>
|
||||
Car
|
||||
</li>
|
||||
</ul>
|
||||
<h1 class="wow fadeInUp" data-wow-delay=".5s">About Us</h1>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Car-list Rentals Section Start -->
|
||||
<section class="car-list-section section-padding fix">
|
||||
<div class="container">
|
||||
|
||||
22
contact.php
22
contact.php
@ -1,4 +1,26 @@
|
||||
<?php include('header.php') ?>
|
||||
|
||||
<!--<< Breadcrumb Section Start >>-->
|
||||
<div class="breadcrumb-wrapper bg-cover" style="background-image: url('img/bg-header-banner.jpg');">
|
||||
<div class="container">
|
||||
<div class="page-heading">
|
||||
<ul class="breadcrumb-items wow fadeInUp" data-wow-delay=".3s">
|
||||
<li>
|
||||
<a href="index.php">
|
||||
Home
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<i class="fas fa-chevron-right"></i>
|
||||
</li>
|
||||
<li>
|
||||
Contact
|
||||
</li>
|
||||
</ul>
|
||||
<h1 class="wow fadeInUp" data-wow-delay=".5s">Grid Style</h1>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Contact Section Start -->
|
||||
<section class="contact-section-1 fix section-padding pb-0">
|
||||
<div class="container">
|
||||
|
||||
4
css/bootstrap.min.css
vendored
4
css/bootstrap.min.css
vendored
@ -313,7 +313,7 @@ address {
|
||||
|
||||
ol,
|
||||
ul {
|
||||
padding-left: 2rem
|
||||
padding-left: 3rem
|
||||
}
|
||||
|
||||
dl,
|
||||
@ -779,7 +779,7 @@ progress {
|
||||
.container-sm,
|
||||
.container-xl,
|
||||
.container-xxl {
|
||||
--bs-gutter-x: 1.5rem;
|
||||
--bs-gutter-x: 6rem;
|
||||
--bs-gutter-y: 0;
|
||||
width: 100%;
|
||||
padding-right: calc(var(--bs-gutter-x) * .5);
|
||||
|
||||
155
css/main.css
155
css/main.css
@ -1602,13 +1602,157 @@ span {
|
||||
}
|
||||
|
||||
.feature-benefit-items {
|
||||
margin-top: 30px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: space-between;
|
||||
height: 100%; /* Ensure it fills the container height */
|
||||
min-height: 300px; /* Adjust the height as per your preference */
|
||||
padding: 20px; /* Optional for spacing */
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.our-services {
|
||||
background: linear-gradient(to bottom, #ffffff, #ffffff);
|
||||
padding: 50px 20px;
|
||||
font-family: "Lexend", sans-serif;
|
||||
}
|
||||
|
||||
.section-title h2 {
|
||||
font-size: 36px;
|
||||
color: #222;
|
||||
margin-bottom: 30px;
|
||||
text-transform: uppercase;
|
||||
position: relative;
|
||||
font-family: inherit;
|
||||
}
|
||||
|
||||
.services-list {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
gap: 20px;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.service-item {
|
||||
background: #ffffff;
|
||||
border-radius: 10px;
|
||||
padding: 20px;
|
||||
width: 300px;
|
||||
text-align: center;
|
||||
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
|
||||
transition: transform 0.3s ease, box-shadow 0.3s ease;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
z-index: 9;
|
||||
background-color: var(--white);
|
||||
box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.1);
|
||||
font-family: inherit;
|
||||
}
|
||||
|
||||
.service-item:hover {
|
||||
transform: translateY(-10px);
|
||||
box-shadow: 0 8px 12px rgba(0, 0, 0, 0.2);
|
||||
}
|
||||
|
||||
.service-icon {
|
||||
font-size: 40px;
|
||||
color: #0056b3;
|
||||
margin-bottom: 15px;
|
||||
transition: color 0.3s ease;
|
||||
}
|
||||
|
||||
.service-item:hover .service-icon {
|
||||
color: #ff6600;
|
||||
}
|
||||
|
||||
.service-item h3 {
|
||||
font-size: 20px;
|
||||
color: #333;
|
||||
margin-bottom: 10px;
|
||||
text-transform: uppercase;
|
||||
font-family: inherit;
|
||||
}
|
||||
|
||||
.service-item p {
|
||||
font-size: 16px;
|
||||
color: #a6a1a1;
|
||||
text-align: justify;
|
||||
line-height: 1.6;
|
||||
font-family: inherit;
|
||||
}
|
||||
|
||||
.service-item:after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: rgba(255, 102, 0, 0.1);
|
||||
z-index: -1;
|
||||
transition: opacity 0.3s ease;
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
.service-item:hover:after {
|
||||
opacity: 1;
|
||||
}
|
||||
.why-nepal {
|
||||
background: linear-gradient(to bottom, #fefefe, #f4f4f4);
|
||||
padding: 60px 20px;
|
||||
text-align: center;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.section-title h2 {
|
||||
font-size: 36px;
|
||||
color: #222;
|
||||
text-transform: uppercase;
|
||||
margin-bottom: 20px;
|
||||
font-family: 'Lexend', sans-serif;
|
||||
}
|
||||
|
||||
.section-title p {
|
||||
font-size: 16px;
|
||||
color: #555;
|
||||
margin-bottom: 40px;
|
||||
font-family: 'Lexend', sans-serif;
|
||||
}
|
||||
|
||||
.why-nepal-item {
|
||||
background: #fff;
|
||||
border-radius: 10px;
|
||||
padding: 20px;
|
||||
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
|
||||
transition: transform 0.3s ease, box-shadow 0.3s ease;
|
||||
margin: 10px 0;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.why-nepal-item:hover {
|
||||
transform: translateY(-10px);
|
||||
box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
|
||||
}
|
||||
|
||||
.why-nepal-item .icon {
|
||||
width: 60px;
|
||||
height: 60px;
|
||||
margin: 0 auto 15px;
|
||||
}
|
||||
|
||||
.why-nepal-item .icon img {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.why-nepal-item h4 {
|
||||
font-size: 20px;
|
||||
color: #333;
|
||||
margin-bottom: 10px;
|
||||
font-family: 'Lexend', sans-serif;
|
||||
}
|
||||
|
||||
.why-nepal-item p {
|
||||
font-size: 14px;
|
||||
color: #555;
|
||||
font-family: 'Lexend', sans-serif;
|
||||
line-height: 1.6;
|
||||
}
|
||||
.feature-benefit-items .icon-box-shape {
|
||||
position: absolute;
|
||||
@ -1639,6 +1783,7 @@ span {
|
||||
}
|
||||
.feature-benefit-items .feature-content p {
|
||||
margin: 0 0 20px 0;
|
||||
text-align: justify;
|
||||
}
|
||||
.feature-benefit-items .feature-content .icon {
|
||||
width: 98px;
|
||||
@ -2703,7 +2848,7 @@ span {
|
||||
background-color: transparent;
|
||||
}
|
||||
.header-top-section.style-two::before {
|
||||
background-color: #0c142e;
|
||||
background-color: #1f1e1e;
|
||||
clip-path: none;
|
||||
width: 100%;
|
||||
left: 260px;
|
||||
|
||||
23
faq.php
23
faq.php
@ -1,4 +1,27 @@
|
||||
<?php include('header.php') ?>
|
||||
|
||||
<!--<< Breadcrumb Section Start >>-->
|
||||
<div class="breadcrumb-wrapper bg-cover" style="background-image: url('img/bg-header-banner.jpg');">
|
||||
<div class="container">
|
||||
<div class="page-heading">
|
||||
<ul class="breadcrumb-items wow fadeInUp" data-wow-delay=".3s">
|
||||
<li>
|
||||
<a href="index.php">
|
||||
Home
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<i class="fas fa-chevron-right"></i>
|
||||
</li>
|
||||
<li>
|
||||
FAQ's
|
||||
</li>
|
||||
</ul>
|
||||
<h1 class="wow fadeInUp" data-wow-delay=".5s">Grid Style</h1>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!--<< Faq Section Start >>-->
|
||||
<section class="faq-section-2 fix section-padding">
|
||||
<div class="container">
|
||||
|
||||
13
footer.php
13
footer.php
@ -10,8 +10,7 @@
|
||||
</div>
|
||||
<div class="footer-content">
|
||||
<p>
|
||||
66 Road Broklyn Golden Street, 600
|
||||
New York, USA
|
||||
Kathmandu
|
||||
</p>
|
||||
<ul class="contact-info">
|
||||
<li>
|
||||
@ -39,14 +38,10 @@
|
||||
</li>
|
||||
<li>
|
||||
<a href="car-details.php">
|
||||
New Cars
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="news-details.php">
|
||||
Latest News
|
||||
Cars
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="gallery.php">
|
||||
Gallery
|
||||
@ -144,7 +139,7 @@
|
||||
<div class="footer-bottom">
|
||||
<div class="footer-wrapper">
|
||||
<p class="wow fadeInUp" data-wow-delay=".4s">
|
||||
© Copyright 2024 by <a href="index.php">Remons.com</a>
|
||||
© Copyright 2024 by <a href="index.php">BohoraCarRental.com</a>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
50
gallery.php
50
gallery.php
@ -1,13 +1,34 @@
|
||||
<?php include('header.php') ?>
|
||||
<!--<< Breadcrumb Section Start >>-->
|
||||
<div class="breadcrumb-wrapper bg-cover" style="background-image: url('img/bg-header-banner.jpg');">
|
||||
<div class="container">
|
||||
<div class="page-heading">
|
||||
<ul class="breadcrumb-items wow fadeInUp" data-wow-delay=".3s">
|
||||
<li>
|
||||
<a href="index.php">
|
||||
Home
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<i class="fas fa-chevron-right"></i>
|
||||
</li>
|
||||
<li>
|
||||
Gallery
|
||||
</li>
|
||||
</ul>
|
||||
<h1 class="wow fadeInUp" data-wow-delay=".5s">Grid Style</h1>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--<< Gallery Section Start >>-->
|
||||
<div class="gallery-section-3 fix section-padding">
|
||||
<div class="container">
|
||||
<div class="galley-wrapper-2">
|
||||
<div class="gallery-items">
|
||||
<div class="g-items">
|
||||
<img src="img/gallery/g-14.jpg" alt="ga-img">
|
||||
<img src="img/cargallery/carG1.jpg" alt="ga-img">
|
||||
<div class="icon-box">
|
||||
<a href="img/gallery/g-14.jpg" class="icon img-popup-2">
|
||||
<a href="img/cargallery/carG1.jpg" class="icon img-popup-2">
|
||||
<i class="fa-solid fa-plus"></i>
|
||||
</a>
|
||||
</div>
|
||||
@ -15,9 +36,9 @@
|
||||
<div class="mask-second"></div>
|
||||
</div>
|
||||
<div class="g-items">
|
||||
<img src="img/gallery/g-15.jpg" alt="ga-img">
|
||||
<img src="img/cargallery/carG2.jpg" alt="ga-img">
|
||||
<div class="icon-box">
|
||||
<a href="img/gallery/g-15.jpg" class="icon img-popup-2">
|
||||
<a href="img/cargallery/carG2.jpg" class="icon img-popup-2">
|
||||
<i class="fa-solid fa-plus"></i>
|
||||
</a>
|
||||
</div>
|
||||
@ -25,9 +46,9 @@
|
||||
<div class="mask-second"></div>
|
||||
</div>
|
||||
<div class="g-items">
|
||||
<img src="img/gallery/g-16.jpg" alt="ga-img">
|
||||
<img src="img/cargallery/carG3.jpg" alt="ga-img">
|
||||
<div class="icon-box">
|
||||
<a href="img/gallery/g-16.jpg" class="icon img-popup-2">
|
||||
<a href="img/cargallery/carG3.jpg" class="icon img-popup-2">
|
||||
<i class="fa-solid fa-plus"></i>
|
||||
</a>
|
||||
</div>
|
||||
@ -37,9 +58,9 @@
|
||||
</div>
|
||||
<div class="gallery-items gallery-items-two">
|
||||
<div class="g-items">
|
||||
<img src="img/gallery/g-17.jpg" alt="ga-img">
|
||||
<img src="img/cargallery/carG4.jpg" alt="ga-img">
|
||||
<div class="icon-box">
|
||||
<a href="img/gallery/g-17.jpg" class="icon img-popup-2">
|
||||
<a href="img/cargallery/carG4.jpg" class="icon img-popup-2">
|
||||
<i class="fa-solid fa-plus"></i>
|
||||
</a>
|
||||
</div>
|
||||
@ -47,9 +68,9 @@
|
||||
<div class="mask-second"></div>
|
||||
</div>
|
||||
<div class="g-items">
|
||||
<img src="img/gallery/g-18.jpg" alt="ga-img">
|
||||
<img src="img/cargallery/carG5.jpg" alt="ga-img">
|
||||
<div class="icon-box">
|
||||
<a href="img/gallery/g-18.jpg" class="icon img-popup-2">
|
||||
<a href="img/cargallery/carG5.jpg" class="icon img-popup-2">
|
||||
<i class="fa-solid fa-plus"></i>
|
||||
</a>
|
||||
</div>
|
||||
@ -59,9 +80,9 @@
|
||||
</div>
|
||||
<div class="gallery-items gallery-items-three">
|
||||
<div class="g-items">
|
||||
<img src="img/gallery/g-19.jpg" alt="ga-img">
|
||||
<img src="img/cargallery/carG6.jpg" alt="ga-img">
|
||||
<div class="icon-box">
|
||||
<a href="img/gallery/g-19.jpg" class="icon img-popup-2">
|
||||
<a href="img/cargallery/carG6.jpg" class="icon img-popup-2">
|
||||
<i class="fa-solid fa-plus"></i>
|
||||
</a>
|
||||
</div>
|
||||
@ -69,15 +90,16 @@
|
||||
<div class="mask-second"></div>
|
||||
</div>
|
||||
<div class="g-items">
|
||||
<img src="img/gallery/g-20.jpg" alt="ga-img">
|
||||
<img src="img/cargallery/carG7.jpg" alt="ga-img">
|
||||
<div class="icon-box">
|
||||
<a href="img/gallery/g-20.jpg" class="icon img-popup-2">
|
||||
<a href="img/cargallery/carG7.jpg" class="icon img-popup-2">
|
||||
<i class="fa-solid fa-plus"></i>
|
||||
</a>
|
||||
</div>
|
||||
<div class="mask"></div>
|
||||
<div class="mask-second"></div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
274
header.php
274
header.php
@ -9,7 +9,7 @@
|
||||
<meta name="author" content="pixydrops">
|
||||
<meta name="description" content="Remons - Booking Rental HTML Template">
|
||||
<!-- ======== Page title ============ -->
|
||||
<title>Remons - Booking Rental HTML Template</title>
|
||||
<title>Bohora - Car Rental</title>
|
||||
<!--<< Favcion >>-->
|
||||
<link rel="shortcut icon" href="img/favicon.png">
|
||||
<!--<< Bootstrap min.css >>-->
|
||||
@ -34,32 +34,31 @@
|
||||
<body>
|
||||
|
||||
<!-- Preloader Start -->
|
||||
<!--
|
||||
<div id="preloader" class="preloader">
|
||||
<div class="animation-preloader">
|
||||
<div class="spinner">
|
||||
</div>
|
||||
<div class="txt-loading">
|
||||
<span data-text-preloader="B" class="letters-loading">
|
||||
B
|
||||
</span>
|
||||
<span data-text-preloader="O" class="letters-loading">
|
||||
O
|
||||
</span>
|
||||
<span data-text-preloader="R" class="letters-loading">
|
||||
R
|
||||
</span>
|
||||
<span data-text-preloader="E" class="letters-loading">
|
||||
E
|
||||
</span>
|
||||
<span data-text-preloader="M" class="letters-loading">
|
||||
M
|
||||
H
|
||||
</span>
|
||||
<span data-text-preloader="O" class="letters-loading">
|
||||
O
|
||||
</span>
|
||||
<span data-text-preloader="N" class="letters-loading">
|
||||
N
|
||||
<span data-text-preloader="R" class="letters-loading">
|
||||
R
|
||||
</span>
|
||||
<span data-text-preloader="S" class="letters-loading">
|
||||
S
|
||||
<span data-text-preloader="A" class="letters-loading">
|
||||
A
|
||||
</span>
|
||||
</div>
|
||||
<p class="text-center">Loading</p>
|
||||
<p class="text-center"> Car Rental Loading</p>
|
||||
</div>
|
||||
<div class="loader">
|
||||
<div class="row">
|
||||
@ -78,7 +77,7 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
-->
|
||||
|
||||
<!-- Back To Top Start -->
|
||||
<div class="scroll-up">
|
||||
<svg class="scroll-circle svg-content" width="100%" height="100%" viewBox="-1 -1 102 102">
|
||||
@ -115,7 +114,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-3.php#">Kathmandu</a>
|
||||
</div>
|
||||
</li>
|
||||
<li class="d-flex align-items-center">
|
||||
@ -131,7 +130,7 @@
|
||||
<i class="fal fa-clock"></i>
|
||||
</div>
|
||||
<div class="offcanvas__contact-text">
|
||||
<a target="_blank" href="index.php#">Mod-friday, 09am -05pm</a>
|
||||
<a target="_blank" href="index-3.php#">Mod-friday, 09am -05pm</a>
|
||||
</div>
|
||||
</li>
|
||||
<li class="d-flex align-items-center">
|
||||
@ -149,10 +148,10 @@
|
||||
</a>
|
||||
</div>
|
||||
<div class="social-icon d-flex align-items-center">
|
||||
<a href="index.php#"><i class="fab fa-facebook-f"></i></a>
|
||||
<a href="index.php#"><i class="fab fa-twitter"></i></a>
|
||||
<a href="index.php#"><i class="fab fa-youtube"></i></a>
|
||||
<a href="index.php#"><i class="fab fa-linkedin-in"></i></a>
|
||||
<a href="index-3.php#"><i class="fab fa-facebook-f"></i></a>
|
||||
<a href="index-3.php#"><i class="fab fa-twitter"></i></a>
|
||||
<a href="index-3.php#"><i class="fab fa-youtube"></i></a>
|
||||
<a href="index-3.php#"><i class="fab fa-linkedin-in"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -161,129 +160,134 @@
|
||||
</div>
|
||||
<div class="offcanvas__overlay"></div>
|
||||
|
||||
<!-- Header Top Section Start -->
|
||||
<div class="header-top-section">
|
||||
<div class="container-fluid">
|
||||
<div class="header-top-wrapper">
|
||||
<ul class="contact-list">
|
||||
<li>
|
||||
<i class="fas fa-envelope"></i>
|
||||
<a href="mailto:info@example.com" class="link">info@example.com</a>
|
||||
</li>
|
||||
<li>
|
||||
<i class="fas fa-map-marker-alt"></i>
|
||||
88 Broklyn Golden Street. New York
|
||||
</li>
|
||||
</ul>
|
||||
<div class="header-top-right">
|
||||
<ul class="top-list">
|
||||
<li><a href="contact.php">Help</a></li>
|
||||
<li>/</li>
|
||||
<li><a href="contact.php">Support</a></li>
|
||||
<li>/</li>
|
||||
<li><a href="contact.php">Contact</a></li>
|
||||
</ul>
|
||||
<div class="social-icon d-flex align-items-center">
|
||||
<a href="index.php#"><i class="fab fa-twitter"></i></a>
|
||||
<a href="index.php#"><i class="fa-brands fa-facebook"></i></a>
|
||||
<a href="index.php#"><i class="fa-brands fa-pinterest-p"></i></a>
|
||||
<a href="index.php#"><i class="fa-brands fa-instagram"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Header Section Start -->
|
||||
<header id="header-sticky" class="header-1">
|
||||
<div class="container-fluid">
|
||||
<div class="mega-menu-wrapper">
|
||||
<div class="header-main">
|
||||
<div class="header-left">
|
||||
<div class="logo">
|
||||
<a href="index.php" class="header-logo">
|
||||
<img src="img/logo/black-logo.svg" alt="logo-img">
|
||||
</a>
|
||||
</div>
|
||||
<div class="mean__menu-wrapper">
|
||||
<div class="main-menu">
|
||||
<nav id="mobile-menu">
|
||||
<ul>
|
||||
<li class="has-dropdown active menu-thumb">
|
||||
<a href="index.php">
|
||||
Home
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="about.php">About Us</a>
|
||||
</li>
|
||||
<li class="has-dropdown">
|
||||
|
||||
Pages
|
||||
<i class="fas fa-angle-down"></i>
|
||||
|
||||
<ul class="submenu">
|
||||
<li><a href="gallery.php">Gallery</a></li>
|
||||
<li><a href="faq.php">Faq's</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>
|
||||
|
||||
Cars
|
||||
<i class="fas fa-angle-down"></i>
|
||||
|
||||
<ul class="submenu">
|
||||
<li><a href="car-grid.php">Car Grid</a></li>
|
||||
<li><a href="car-list.php">Car List</a></li>
|
||||
<li><a href="car-list-sidebar.php">Car Sidebar</a></li>
|
||||
<li><a href="car-details.php">Car Details</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<!-- <li>
|
||||
<a href="news.php">
|
||||
Blog
|
||||
<i class="fas fa-angle-down"></i>
|
||||
</a>
|
||||
<ul class="submenu">
|
||||
<li><a href="news.php">Blog</a></li>
|
||||
<li><a href="news-details.php">Blog Details</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
-->
|
||||
<li>
|
||||
<a href="contact.php">Contact</a>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
</div>
|
||||
<header class="header-section">
|
||||
<div class="header-top-section style-two">
|
||||
<div class="container-fluid">
|
||||
<div class="header-top-wrapper style-2">
|
||||
<ul class="contact-list">
|
||||
<li>
|
||||
<i class="fas fa-envelope"></i>
|
||||
<a href="mailto:info@example.com" class="link">info@example.com</a>
|
||||
</li>
|
||||
<li>
|
||||
<i class="fas fa-map-marker-alt"></i>
|
||||
Kathmandu
|
||||
</li>
|
||||
</ul>
|
||||
<div class="header-top-right">
|
||||
<ul class="top-list">
|
||||
<li><a href="contact.php">Help</a></li>
|
||||
<li><a href="contact.php">Support</a></li>
|
||||
<li><a href="contact.php">Contact</a></li>
|
||||
</ul>
|
||||
<div class="social-icon d-flex align-items-center">
|
||||
<a href="index-3.php#"><i class="fab fa-facebook-f"></i></a>
|
||||
<a href="index-3.php#"><i class="fab fa-twitter"></i></a>
|
||||
<a href="index-3.php#"><i class="fa-brands fa-linkedin-in"></i></a>
|
||||
<a href="index-3.php#"><i class="fa-brands fa-youtube"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="header-right d-flex justify-content-end align-items-center">
|
||||
<div class="icon-items">
|
||||
<div class="icon">
|
||||
<i class="fas fa-phone-alt"></i>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="header-sticky" class="header-3">
|
||||
<div class="container-fluid">
|
||||
<div class="mega-menu-wrapper">
|
||||
<div class="header-main">
|
||||
<div class="header-left">
|
||||
<div class="logo">
|
||||
<a href="index.php" class="header-logo-1">
|
||||
<img src="img/logo/white-logo-2.svg" alt="logo-img">
|
||||
</a>
|
||||
<a href="index.php" class="header-logo-2">
|
||||
<img src="img/logo/black-logo.svg" alt="logo-img">
|
||||
</a>
|
||||
</div>
|
||||
<div class="content">
|
||||
<p>Call Anytime</p>
|
||||
<h6><a href="tel:+9288009850">+92 (8800) - 9850</a></h6>
|
||||
<div class="mean__menu-wrapper">
|
||||
<div class="main-menu">
|
||||
<nav id="mobile-menu">
|
||||
<ul>
|
||||
<li></li>
|
||||
<li></li>
|
||||
<li></li>
|
||||
|
||||
<li class="has-dropdown active menu-thumb">
|
||||
<a href="index.php">
|
||||
Home
|
||||
<!-- <i class="fas fa-angle-down"></i> -->
|
||||
</a>
|
||||
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="about.php">About Us</a>
|
||||
</li>
|
||||
<li class="has-dropdown">
|
||||
<a href="gallery.php">
|
||||
Pages
|
||||
<!-- <i class="fas fa-angle-down"></i> -->
|
||||
</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
|
||||
<!-- <i class="fas fa-angle-down"></i> -->
|
||||
</a>
|
||||
<!-- <ul class="submenu">
|
||||
<li><a href="car-grid.php">Car Grid</a></li>
|
||||
<li><a href="car-list.php">Car List</a></li>
|
||||
<li><a href="car-list-sidebar.php">Car Sidebar</a></li>
|
||||
<li><a href="car-details.php">Car Details</a></li>
|
||||
</ul>
|
||||
-->
|
||||
</li>
|
||||
<!-- <li>
|
||||
<a href="news.php">
|
||||
Blog
|
||||
<i class="fas fa-angle-down"></i>
|
||||
</a>
|
||||
<ul class="submenu">
|
||||
<li><a href="news.php">Blog</a></li>
|
||||
<li><a href="news-details.php">Blog Details</a></li>
|
||||
</ul>
|
||||
</li>-->
|
||||
<li>
|
||||
<a href="contact.php">Contact</a>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<a href="index.php#0" class="search-trigger search-icon"><i class="fa-regular fa-magnifying-glass"></i></a>
|
||||
<div class="header-button">
|
||||
<a href="car-details.php" class="header-btn">
|
||||
Find a Car
|
||||
</a>
|
||||
</div>
|
||||
<div class="header__hamburger d-xl-none my-auto">
|
||||
<div class="sidebar__toggle">
|
||||
<i class="fas fa-bars"></i>
|
||||
<div class="header-right d-flex justify-content-end align-items-center">
|
||||
<div class="icon-items">
|
||||
<div class="icon">
|
||||
<i class="fas fa-phone-alt"></i>
|
||||
</div>
|
||||
<div class="content">
|
||||
<p>Call Anytime</p>
|
||||
<h6><a href="tel:+9288009850">+92 (8800) - 9850</a></h6>
|
||||
</div>
|
||||
</div>
|
||||
<a href="index-3.php#0" class="search-trigger search-icon"><i class="fa-regular fa-magnifying-glass"></i></a>
|
||||
<div class="header-button">
|
||||
<a href="car-details.php" class="theme-btn">
|
||||
Find a Car
|
||||
</a>
|
||||
</div>
|
||||
<div class="header__hamburger d-xl-none my-auto">
|
||||
<div class="sidebar__toggle">
|
||||
<i class="fas fa-bars"></i>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
|
||||
|
||||
</header>
|
||||
BIN
img/Cars/beetle.jpg
Normal file
BIN
img/Cars/beetle.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 62 KiB |
BIN
img/Cars/ford_ecosport_trend.jpg
Normal file
BIN
img/Cars/ford_ecosport_trend.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 194 KiB |
BIN
img/Cars/honda city.jpg
Normal file
BIN
img/Cars/honda city.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 185 KiB |
BIN
img/Cars/mitsubhi.jpg
Normal file
BIN
img/Cars/mitsubhi.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 349 KiB |
BIN
img/Cars/navara.jpg
Normal file
BIN
img/Cars/navara.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 219 KiB |
BIN
img/Cars/peugeot_308.jpg
Normal file
BIN
img/Cars/peugeot_308.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 225 KiB |
BIN
img/Cars/viber_image_2025-01-09_11-47-43-631.jpg
Normal file
BIN
img/Cars/viber_image_2025-01-09_11-47-43-631.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 229 KiB |
BIN
img/Cars/viber_image_2025-01-09_11-47-44-107.jpg
Normal file
BIN
img/Cars/viber_image_2025-01-09_11-47-44-107.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 160 KiB |
BIN
img/Cars/viber_image_2025-01-09_11-47-44-858.jpg
Normal file
BIN
img/Cars/viber_image_2025-01-09_11-47-44-858.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 211 KiB |
BIN
img/Cars/viber_image_2025-01-09_11-47-45-341.jpg
Normal file
BIN
img/Cars/viber_image_2025-01-09_11-47-45-341.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 179 KiB |
BIN
img/Cars/viber_image_2025-01-09_11-47-45-674.jpg
Normal file
BIN
img/Cars/viber_image_2025-01-09_11-47-45-674.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 204 KiB |
BIN
img/Cars/viber_image_2025-01-09_11-47-46-046.jpg
Normal file
BIN
img/Cars/viber_image_2025-01-09_11-47-46-046.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 250 KiB |
BIN
img/Cars/viber_image_2025-01-09_11-47-46-757.jpg
Normal file
BIN
img/Cars/viber_image_2025-01-09_11-47-46-757.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 232 KiB |
17
img/boho.svg
Normal file
17
img/boho.svg
Normal file
@ -0,0 +1,17 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 500 150" fill="none">
|
||||
<!-- Background Circle -->
|
||||
<circle cx="250" cy="75" r="70" fill="#346BD9" />
|
||||
|
||||
<!-- Car Body -->
|
||||
<path d="M150 90c10-20 50-30 100-30s90 10 100 30h-200z" fill="#fff" />
|
||||
<path d="M150 90h200l-10 20h-180z" fill="#fff" />
|
||||
|
||||
<!-- Wheels -->
|
||||
<circle cx="180" cy="110" r="12" fill="#000" />
|
||||
<circle cx="320" cy="110" r="12" fill="#000" />
|
||||
|
||||
<!-- Text -->
|
||||
<text x="250" y="145" text-anchor="middle" font-family="Arial, sans-serif" font-size="20" fill="#000">
|
||||
BOHORA CAR RENTAL
|
||||
</text>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 582 B |
BIN
img/bohora (1).jpg
Normal file
BIN
img/bohora (1).jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.5 KiB |
BIN
img/bohora.jpg
Normal file
BIN
img/bohora.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 25 KiB |
BIN
img/bohora_logo (1).png
Normal file
BIN
img/bohora_logo (1).png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 6.5 KiB |
BIN
img/bohora_logo.png
Normal file
BIN
img/bohora_logo.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 57 KiB |
3
img/bohora_logo.svg
Normal file
3
img/bohora_logo.svg
Normal file
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 1.9 MiB |
BIN
img/cargallery/bettle.jpg
Normal file
BIN
img/cargallery/bettle.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 220 KiB |
BIN
img/cargallery/carG1.jpg
Normal file
BIN
img/cargallery/carG1.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 141 KiB |
BIN
img/cargallery/carG3.jpg
Normal file
BIN
img/cargallery/carG3.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 205 KiB |
BIN
img/cargallery/carG4.jpg
Normal file
BIN
img/cargallery/carG4.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 302 KiB |
BIN
img/cargallery/carG5.jpg
Normal file
BIN
img/cargallery/carG5.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 154 KiB |
BIN
img/cargallery/carG6.jpg
Normal file
BIN
img/cargallery/carG6.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 143 KiB |
BIN
img/cargallery/carG7.jpg
Normal file
BIN
img/cargallery/carG7.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 228 KiB |
BIN
img/cargallery/carG8.jpg
Normal file
BIN
img/cargallery/carG8.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 126 KiB |
BIN
img/logohere.jpg
Normal file
BIN
img/logohere.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 10 KiB |
BIN
img/umesh.jfif
Normal file
BIN
img/umesh.jfif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 7.6 KiB |
17
index.php
17
index.php
@ -1,12 +1,15 @@
|
||||
<?php include('header.php') ?>
|
||||
<?php include('parts/pickupservice.php') ?>
|
||||
<?php include('parts/banner.php') ?>
|
||||
<?php include('parts/searchbooking.php') ?>
|
||||
<?php include('parts/about.php') ?>
|
||||
<?php include('parts/carservices.php') ?>
|
||||
<?php include('parts/funFact.php') ?>
|
||||
<?php include('parts/popularCar.php') ?>
|
||||
<?php include('parts/Testimonial.php') ?>
|
||||
<?php include('parts/gallery.php') ?>
|
||||
<?php include('parts/news.php') ?>
|
||||
<?php include('parts/ourbenefits.php') ?>
|
||||
<?php include('parts/ourservices.php') ?>
|
||||
<?php include('parts/ctaRental.php') ?>
|
||||
<?php include('parts/howitworks.php') ?>
|
||||
|
||||
<?php include('parts/Testimonial.php') ?>
|
||||
<?php include('parts/whynepal.php') ?>
|
||||
<?php include('parts/gallery.php') ?>
|
||||
|
||||
<?php include('parts/ctaCheap.php') ?>
|
||||
<?php include('footer.php') ?>
|
||||
|
||||
@ -1,115 +1,73 @@
|
||||
<!-- Testimonial Section Start -->
|
||||
<section class="testimonial-section fix section-padding">
|
||||
<div class="testimonial-bg-shape">
|
||||
<img src="img/testimonial/testimonial-bg.jpg" alt="shape-img">
|
||||
</div>
|
||||
<!--Testimonial Section Start -->
|
||||
<section class="testimonial-section-3 bg-cover section-padding fix" style="background-image: url('img/testimonial/bg-testimonial-home3.png');">
|
||||
<div class="container">
|
||||
<div class="section-title-area">
|
||||
<div class="section-title">
|
||||
<img src="img/sub-icon.png" alt="icon-img" class="wow fadeInUp">
|
||||
<span class="wow fadeInUp" data-wow-delay=".2s">our testimonials</span>
|
||||
<h2 class="wow fadeInUp" data-wow-delay=".4s">
|
||||
What They’re Talking <br>
|
||||
About Remons
|
||||
</h2>
|
||||
<div class="testimonial-wrapper-2">
|
||||
<div class="swiper testimonial-slider-3">
|
||||
<div class="swiper-wrapper">
|
||||
<div class="swiper-slide">
|
||||
<div class="testimonial-single-items">
|
||||
<div class="testimonial-img bg-cover" style="background-image: url('img/umesh.jfif');"></div>
|
||||
<div class="testimonial-content">
|
||||
<p>
|
||||
“I had an amazing trip with Puran Bohara from Bohara Car Rental. The driver was professional, the car was comfortable, and the experience was unforgettable!”
|
||||
|
||||
</p>
|
||||
<div class="name-job">
|
||||
<h3 class="name">
|
||||
Umesh Pandey
|
||||
</h3>
|
||||
<div class="separator">.</div>
|
||||
<span class="job">Founder & CEO of Motif Education Abroad (P) Ltd.</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="swiper-slide">
|
||||
<div class="testimonial-single-items">
|
||||
<div class="testimonial-img bg-cover" style="background-image: url('img/testimonial/02.jpg');"></div>
|
||||
<div class="testimonial-content">
|
||||
<p>
|
||||
“Highly recommend Bohara Car Rental for anyone traveling in Nepal. They made my journey so smooth and enjoyable!”
|
||||
</p>
|
||||
<div class="name-job">
|
||||
<h3 class="name">
|
||||
Nawaraj Karkee
|
||||
|
||||
</h3>
|
||||
<div class="separator">.</div>
|
||||
<span class="job">Customer</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="swiper-slide">
|
||||
<div class="testimonial-single-items">
|
||||
<div class="testimonial-img bg-cover" style="background-image: url('img/testimonial/03.jpg');"></div>
|
||||
<div class="testimonial-content">
|
||||
<p>
|
||||
This is due to their excellent service, competitive pricing and customer support. It’s throughly refresing to get such a personal touch.
|
||||
</p>
|
||||
<div class="name-job">
|
||||
<h3 class="name">
|
||||
Shirley Smith
|
||||
</h3>
|
||||
<div class="separator">.</div>
|
||||
<span class="job">Customer</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<p class="wow fadeInUp" data-wow-delay=".5s">
|
||||
Lorem ipsum dolor sit amet nsectetur cing elituspe ndisse suscipit <br> sagitis leo sit.
|
||||
</p>
|
||||
</div>
|
||||
<div class="swiper testimonial-slider">
|
||||
<div class="swiper-wrapper">
|
||||
<div class="swiper-slide">
|
||||
<div class="testimonial-card-items">
|
||||
<div class="testimoni-bg-shape">
|
||||
<div class="testimonial-items-top">
|
||||
<div class="icon">
|
||||
<i class="fa-solid fa-quote-left"></i>
|
||||
</div>
|
||||
<p>
|
||||
I was very impresed by the remons service lorem ipsum is simply free text used by copy typing refreshing. Neque porro est qui dolorem ipsum quia.
|
||||
</p>
|
||||
<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>
|
||||
</div>
|
||||
<div class="client-info-items d-flex align-items-center gap-3">
|
||||
<div class="client-img bg-cover" style="background-image: url('img/testimonial/client-1.png');"></div>
|
||||
<div class="content">
|
||||
<h5>
|
||||
Jessica Brown
|
||||
</h5>
|
||||
<span>Customer</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="swiper-slide">
|
||||
<div class="testimonial-card-items">
|
||||
<div class="testimoni-bg-shape">
|
||||
<div class="testimonial-items-top">
|
||||
<div class="icon">
|
||||
<i class="fa-solid fa-quote-left"></i>
|
||||
</div>
|
||||
<p>
|
||||
I was very impresed by the remons service lorem ipsum is simply free text used by copy typing refreshing. Neque porro est qui dolorem ipsum quia.
|
||||
</p>
|
||||
<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>
|
||||
</div>
|
||||
<div class="client-info-items d-flex align-items-center gap-3">
|
||||
<div class="client-img bg-cover" style="background-image: url('img/testimonial/client-2.png');"></div>
|
||||
<div class="content">
|
||||
<h5>
|
||||
Kevin Martin
|
||||
</h5>
|
||||
<span>Customer</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="swiper-slide">
|
||||
<div class="testimonial-card-items">
|
||||
<div class="testimoni-bg-shape">
|
||||
<div class="testimonial-items-top">
|
||||
<div class="icon">
|
||||
<i class="fa-solid fa-quote-left"></i>
|
||||
</div>
|
||||
<p>
|
||||
I was very impresed by the remons service lorem ipsum is simply free text used by copy typing refreshing. Neque porro est qui dolorem ipsum quia.
|
||||
</p>
|
||||
<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>
|
||||
</div>
|
||||
<div class="client-info-items d-flex align-items-center gap-3">
|
||||
<div class="client-img bg-cover" style="background-image: url('img/testimonial/client-3.png');"></div>
|
||||
<div class="content">
|
||||
<h5>
|
||||
Jessica Brown
|
||||
</h5>
|
||||
<span>Customer</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="client-img-items">
|
||||
<div class="client-img bg-cover" style="background-image: url('img/testimonial/01.jpg');"></div>
|
||||
<div class="client-img bg-cover" style="background-image: url('img/testimonial/02.jpg');"></div>
|
||||
<div class="client-img bg-cover" style="background-image: url('img/testimonial/03.jpg');"></div>
|
||||
<div class="array-button wow fadeInUp" data-wow-delay=".6s">
|
||||
<button class="array-prev"><i class="fa-solid fa-arrow-left-long"></i></button>
|
||||
<button class="array-next"><i class="fa-solid fa-arrow-right-long"></i></button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</section>
|
||||
@ -32,15 +32,16 @@
|
||||
<img src="img/sub-icon.png" alt="icon-img" class="wow fadeInUp">
|
||||
<span class="wow fadeInUp" data-wow-delay=".2s">Get to know us</span>
|
||||
<h2 class="wow fadeInUp" data-wow-delay=".4s">
|
||||
Services with a Wide
|
||||
Range of Cars
|
||||
Why Us?
|
||||
</h2>
|
||||
</div>
|
||||
<h4 class="mt-3 mt-md-0 wow fadeInUp" data-wow-delay=".3s">
|
||||
committed to providing our customers with exceptional service.
|
||||
</h4>
|
||||
<p class="wow fadeInUp" data-wow-delay=".5s">
|
||||
Our mission is to provide safe, reliable, and personalized transportation services that leave lasting memories. Whether you're a tourist, a professional, or an adventurer, we are here to ensure your journey is seamless and enjoyable.
|
||||
At Bohara Car Rental, we pride ourselves on being one of the most trusted car rental services in Nepal. With over 15 years of professional driving experience, we have built a reputation for reliability, comfort, and excellent customer service. Whether you're traveling for business or leisure, we aim to make your journey seamless, safe, and memorable.
|
||||
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>
|
||||
@ -51,14 +52,6 @@
|
||||
Offering Low Prices
|
||||
</li>
|
||||
</ul>
|
||||
<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>
|
||||
|
||||
89
parts/banner.php
Normal file
89
parts/banner.php
Normal file
@ -0,0 +1,89 @@
|
||||
<!-- 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">
|
||||
<form method="get">
|
||||
<div class="search-field-holder">
|
||||
<input type="search" class="main-search-input" placeholder="Search...">
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Hero Section Start -->
|
||||
<section class="hero-section hero-3 fix">
|
||||
<div class="array-button">
|
||||
<button class="image-array-left bg-cover" style="background-image: url('img/bg-slideshow-03.jpg');">
|
||||
<i class="fa-solid fa-chevron-left"></i>
|
||||
</button>
|
||||
<button class="image-array-right bg-cover" style="background-image: url('img/bg-slideshow-03.jpg');">
|
||||
<i class="fa-solid fa-chevron-right"></i>
|
||||
</button>
|
||||
</div>
|
||||
<h6 class="search-text">Search Any Car</h6>
|
||||
<div class="line-icon">
|
||||
<img src="img/hero/icon.png" alt="icon">
|
||||
</div>
|
||||
<div class="swiper hero-slider-3">
|
||||
<div class="swiper-wrapper">
|
||||
<!-- Slide 1 -->
|
||||
<div class="swiper-slide">
|
||||
<div class="hero-image bg-cover" style="background-image: url('img/hero/hero-3.jpg');">
|
||||
<div class="line-shape" data-animation="slideInLeft" data-duration="3s" data-delay="2.1s">
|
||||
<img src="img/hero/line-shape-1.png" alt="shape-img">
|
||||
</div>
|
||||
<div class="line-shape-2" data-animation="slideInLeft" data-duration="3s" data-delay="2.3s">
|
||||
<img src="img/hero/line-shape-2.png" alt="shape-img">
|
||||
</div>
|
||||
</div>
|
||||
<div class="container">
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-xl-12">
|
||||
<div class="hero-content">
|
||||
<h4 class="text-white" data-animation="fadeInUp" data-delay="1.3s">
|
||||
Welcome to Bohora Car Rentals
|
||||
</h4>
|
||||
<h1 class="text-white" data-animation="fadeInUp" data-delay="1.3s">
|
||||
Your Trusted Travel Companion in Nepal
|
||||
</h1>
|
||||
<p class="text-white mt-3" data-animation="fadeInUp" data-delay="1.5s">
|
||||
Discover Nepal with Comfort and Trust.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Slide 2 -->
|
||||
<div class="swiper-slide">
|
||||
<div class="hero-image bg-cover" style="background-image: url('img/hero/hero-4.jpg');">
|
||||
<div class="line-shape" data-animation="slideInLeft" data-duration="3s" data-delay="2.1s">
|
||||
<img src="img/hero/line-shape-1.png" alt="shape-img">
|
||||
</div>
|
||||
<div class="line-shape-2" data-animation="slideInLeft" data-duration="3s" data-delay="2.3s">
|
||||
<img src="img/hero/line-shape-2.png" alt="shape-img">
|
||||
</div>
|
||||
</div>
|
||||
<div class="container">
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-xl-12">
|
||||
<div class="hero-content">
|
||||
<h4 class="text-white" data-animation="fadeInUp" data-delay="1.3s">
|
||||
नेपालमा स्वागत छ!
|
||||
</h4>
|
||||
<h1 class="text-white" data-animation="fadeInUp" data-delay="1.3s">
|
||||
तपाईंको यात्रा सुखद र अविस्मरणीय रहोस्।
|
||||
</h1>
|
||||
<p class="text-white mt-3" data-animation="fadeInUp" data-delay="1.5s">
|
||||
हाम्रो देश प्राकृतिक सौन्दर्य, सांस्कृतिक विविधता, र अद्वितीय अतिथिसत्कारको लागि प्रसिद्ध छ।
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@ -25,7 +25,7 @@
|
||||
Car Service?
|
||||
</h2>
|
||||
<h3 class="wow fadeInUp" data-wow-delay=".5s">
|
||||
<span>Starting at</span> <sup>$</sup> 398 <span class="text">/mo</span>
|
||||
<span>Starting at</span> <sup>Rs-</sup> 1000 <span class="text">/day</span>
|
||||
</h3>
|
||||
<a href="car-grid.php" class="theme-btn wow fadeInUp" data-wow-delay=".7s">Discover More</a>
|
||||
</div>
|
||||
|
||||
@ -1,32 +1,331 @@
|
||||
<!-- Cta Rental Section Start -->
|
||||
<section class="cta-rental-section bg-cover fix section-padding" style="background-image: url('img/cta/bg-app.jpg');">
|
||||
|
||||
|
||||
<!-- Car Rentals Section Start -->
|
||||
<section class="car-rentals-section-2 section-padding fix">
|
||||
<div class="container">
|
||||
<div class="row g-4 justify-content-between align-items-center">
|
||||
<div class="col-lg-6">
|
||||
<div class="cta-rental-items">
|
||||
<h4 class="wow fadeInUp" data-wow-delay=".3s">Faster, easier access to car rental services</h4>
|
||||
<h2 class="wow fadeInUp" data-wow-delay=".5s">Premium Car Rental</h2>
|
||||
<div class="rental-app-button">
|
||||
<a href="index.php" class="app-button-items wow fadeInUp" data-wow-delay=".7s">
|
||||
<span class="button-icon"><i class="fa-solid fa-play"></i></span>
|
||||
<span class="button-text">
|
||||
<span class="text">Get in</span> <br>
|
||||
<span class="headding-text">Google Play</span>
|
||||
</span>
|
||||
</a>
|
||||
<a href="index.php" class="app-button-items style-2 wow fadeInUp" data-wow-delay=".8s">
|
||||
<span class="button-icon"><i class="fa-brands fa-apple"></i></span>
|
||||
<span class="button-text">
|
||||
<span class="text">Get in</span> <br>
|
||||
<span class="headding-text">Play Store</span>
|
||||
</span>
|
||||
</a>
|
||||
<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>
|
||||
<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-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>
|
||||
<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="car-details.php" class="theme-btn bg-color w-100 text-center">book now <i class="fa-solid fa-arrow-right ps-1"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-5 wow fadeInUp" data-wow-delay=".4s">
|
||||
<div class="mobile-remons-image">
|
||||
<img src="img/mobile-remons.png" alt="img">
|
||||
<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/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">
|
||||
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="car-details.php" class="theme-btn bg-color w-100 text-center">book now <i class="fa-solid fa-arrow-right ps-1"></i></a>
|
||||
</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="car-details.php" class="theme-btn bg-color w-100 text-center">book now <i class="fa-solid fa-arrow-right ps-1"></i></a>
|
||||
</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="car-details.php" class="theme-btn bg-color w-100 text-center">book now <i class="fa-solid fa-arrow-right ps-1"></i></a>
|
||||
</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="car-details.php" class="theme-btn bg-color w-100 text-center">book now <i class="fa-solid fa-arrow-right ps-1"></i></a>
|
||||
</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="car-details.php" class="theme-btn bg-color w-100 text-center">book now <i class="fa-solid fa-arrow-right ps-1"></i></a>
|
||||
</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="car-details.php" class="theme-btn bg-color w-100 text-center">book now <i class="fa-solid fa-arrow-right ps-1"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -20,7 +20,7 @@
|
||||
<div class="icon">
|
||||
<img src="img/icon/car.png" alt="img">
|
||||
</div>
|
||||
<h2><span class="count">990</span></h2>
|
||||
<h2><span class="count">100</span></h2>
|
||||
<p>
|
||||
Cars <br>
|
||||
rentouts
|
||||
@ -30,7 +30,7 @@
|
||||
<div class="icon">
|
||||
<img src="img/icon/center.png" alt="img">
|
||||
</div>
|
||||
<h2><span class="count">230</span></h2>
|
||||
<h2><span class="count">30</span></h2>
|
||||
<p>
|
||||
Center <br>
|
||||
solutions
|
||||
@ -40,7 +40,7 @@
|
||||
<div class="icon">
|
||||
<img src="img/icon/like.png" alt="img">
|
||||
</div>
|
||||
<h2><span class="count">660</span></h2>
|
||||
<h2><span class="count">200</span></h2>
|
||||
<p>
|
||||
happy <br>
|
||||
customers
|
||||
|
||||
@ -1,126 +1,36 @@
|
||||
<!-- Gallery Section Start -->
|
||||
<div class="gallery-section fix">
|
||||
<div class="gallery-wrapper">
|
||||
<div class="row g-4">
|
||||
<div class="col-xxl-4 col-xl-5 col-lg-5">
|
||||
<div class="row g-4">
|
||||
<div class="col-lg-6 col-md-6 col-sm-6">
|
||||
<div class="row g-4">
|
||||
<div class="col-md-12">
|
||||
<div class="gallery-image">
|
||||
<img src="img/gallery/g-1.jpg" alt="img">
|
||||
<div class="icon-box">
|
||||
<a href="img/gallery/g-1.jpg" class="icon img-popup-2">
|
||||
<i class="fa-solid fa-plus"></i>
|
||||
</a>
|
||||
</div>
|
||||
<div class="mask"></div>
|
||||
<div class="mask-second"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-12">
|
||||
<div class="gallery-image">
|
||||
<img src="img/gallery/g-2.jpg" alt="img">
|
||||
<div class="icon-box">
|
||||
<a href="img/gallery/g-2.jpg" class="icon img-popup-2">
|
||||
<i class="fa-solid fa-plus"></i>
|
||||
</a>
|
||||
</div>
|
||||
<div class="mask"></div>
|
||||
<div class="mask-second"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-6 col-md-6 col-sm-6">
|
||||
<div class="gallery-image">
|
||||
<img src="img/gallery/g-3.jpg" alt="img">
|
||||
<div class="icon-box">
|
||||
<a href="img/gallery/g-3.jpg" class="icon img-popup-2 style-two">
|
||||
<i class="fa-solid fa-plus"></i>
|
||||
</a>
|
||||
</div>
|
||||
<div class="mask"></div>
|
||||
<div class="mask-second"></div>
|
||||
</div>
|
||||
<!-- Car Slider Section Start -->
|
||||
<div class="car-slider-section section-padding pt-0">
|
||||
<div class="car-slider-wrapper">
|
||||
<div class="swiper car-slider">
|
||||
<div class="swiper-wrapper">
|
||||
<div class="swiper-slide">
|
||||
<div class="car-slider-image">
|
||||
<img src="img/cargallery/carG1.jpg" alt="img">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-xxl-6 col-xl-7 col-lg-7">
|
||||
<div class="row g-4">
|
||||
<div class="col-md-4 col-sm-6">
|
||||
<div class="gallery-image">
|
||||
<img src="img/gallery/g-4.jpg" alt="img">
|
||||
<div class="icon-box">
|
||||
<a href="img/gallery/g-4.jpg" class="icon img-popup-2">
|
||||
<i class="fa-solid fa-plus"></i>
|
||||
</a>
|
||||
</div>
|
||||
<div class="mask"></div>
|
||||
<div class="mask-second"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4 col-sm-6">
|
||||
<div class="gallery-image">
|
||||
<img src="img/gallery/g-5.jpg" alt="img">
|
||||
<div class="icon-box">
|
||||
<a href="img/gallery/g-5.jpg" class="icon img-popup-2">
|
||||
<i class="fa-solid fa-plus"></i>
|
||||
</a>
|
||||
</div>
|
||||
<div class="mask"></div>
|
||||
<div class="mask-second"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4 col-sm-6">
|
||||
<div class="gallery-image">
|
||||
<img src="img/gallery/g-6.jpg" alt="img">
|
||||
<div class="icon-box">
|
||||
<a href="img/gallery/g-6.jpg" class="icon img-popup-2">
|
||||
<i class="fa-solid fa-plus"></i>
|
||||
</a>
|
||||
</div>
|
||||
<div class="mask"></div>
|
||||
<div class="mask-second"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4 col-sm-6">
|
||||
<div class="gallery-image">
|
||||
<img src="img/gallery/g-7.jpg" alt="img">
|
||||
<div class="icon-box">
|
||||
<a href="img/gallery/g-7.jpg" class="icon img-popup-2">
|
||||
<i class="fa-solid fa-plus"></i>
|
||||
</a>
|
||||
</div>
|
||||
<div class="mask"></div>
|
||||
<div class="mask-second"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-8">
|
||||
<div class="gallery-image">
|
||||
<img src="img/gallery/g-8.jpg" alt="img">
|
||||
<div class="icon-box">
|
||||
<a href="img/gallery/g-8.jpg" class="icon img-popup-2">
|
||||
<i class="fa-solid fa-plus"></i>
|
||||
</a>
|
||||
</div>
|
||||
<div class="mask"></div>
|
||||
<div class="mask-second"></div>
|
||||
</div>
|
||||
<div class="swiper-slide">
|
||||
<div class="car-slider-image">
|
||||
<img src="img/cargallery/carG4.jpg" alt="img">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-xxl-2 col-xl-4 col-lg-4 col-md-6 col-sm-6">
|
||||
<div class="gallery-image style-2">
|
||||
<img src="img/gallery/g-9.jpg" alt="img">
|
||||
<div class="icon-box">
|
||||
<a href="img/gallery/g-9.jpg" class="icon img-popup-2 style-two">
|
||||
<i class="fa-solid fa-plus"></i>
|
||||
</a>
|
||||
<div class="swiper-slide">
|
||||
<div class="car-slider-image">
|
||||
<img src="img/cargallery/carG5.jpg" alt="img">
|
||||
</div>
|
||||
<div class="mask"></div>
|
||||
<div class="mask-second"></div>
|
||||
</div>
|
||||
|
||||
<div class="swiper-slide">
|
||||
<div class="car-slider-image">
|
||||
<img src="img/cargallery/carG3.jpg" alt="img">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="swiper-slide">
|
||||
<div class="car-slider-image">
|
||||
<img src="img/cargallery/carG7.jpg" alt="img">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
68
parts/howitworks.php
Normal file
68
parts/howitworks.php
Normal file
@ -0,0 +1,68 @@
|
||||
<!-- How Works Section Start -->
|
||||
<section class="how-works-section fix section-padding pt-0">
|
||||
<div class="container">
|
||||
<div class="section-title text-center">
|
||||
<img src="img/sub-icon.png" alt="img" class="wow fadeInUp">
|
||||
<span class="wow fadeInUp" data-wow-delay=".2s">Simple 4 easy steps</span>
|
||||
<h2 class="wow fadeInUp" data-wow-delay=".4s">See How It Works</h2>
|
||||
</div>
|
||||
<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>
|
||||
<div class="icon-box">
|
||||
<div class="icon">
|
||||
<img src="img/how-work/icon-1.png" alt="img" class="icon-1">
|
||||
<img src="img/how-work/icon-11.png" alt="img" class="icon-2">
|
||||
</div>
|
||||
</div>
|
||||
<p>
|
||||
Contact Us via phone, email, or WhatsApp.
|
||||
</p>
|
||||
</div>
|
||||
</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>
|
||||
<div class="icon-box">
|
||||
<div class="icon">
|
||||
<img src="img/how-work/icon-2.png" alt="img" class="icon-1">
|
||||
<img src="img/how-work/icon-22.png" alt="img" class="icon-2">
|
||||
</div>
|
||||
</div>
|
||||
<p>
|
||||
Let us know your travel dates, destinations, and preferences.
|
||||
</p>
|
||||
</div>
|
||||
</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>
|
||||
<div class="icon-box">
|
||||
<div class="icon">
|
||||
<img src="img/how-work/icon-3.png" alt="img" class="icon-1">
|
||||
<img src="img/how-work/icon-33.png" alt="img" class="icon-2">
|
||||
</div>
|
||||
</div>
|
||||
<p>
|
||||
We’ll recommend the best vehicle and driver for your trip.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-xl-3 col-lg-4 col-md-6 wow fadeInUp" data-wow-delay=".8s">
|
||||
<div class="how-works-items">
|
||||
<h6 class="title"><a href="car-details.php">Confirm</a></h6>
|
||||
<div class="icon-box">
|
||||
<div class="icon">
|
||||
<img src="img/how-work/icon-4.png" alt="img" class="icon-1">
|
||||
<img src="img/how-work/icon-44.png" alt="img" class="icon-2">
|
||||
</div>
|
||||
</div>
|
||||
<p>
|
||||
Confirm your booking and get ready for an unforgettable journey!
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
141
parts/ourbenefits.php
Normal file
141
parts/ourbenefits.php
Normal file
@ -0,0 +1,141 @@
|
||||
<!-- Feature Benefit Section Start -->
|
||||
<section class="feature-benefit section 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">our benefits</span>
|
||||
<h2 class="wow fadeInUp" data-wow-delay=".4s">
|
||||
Why Choose Us?
|
||||
</h2>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-xl-4 col-lg-6 col-md-6 wow fadeInUp" data-wow-delay=".3s">
|
||||
<div class="feature-benefit-items">
|
||||
<div class="icon-box-shape">
|
||||
<img src="img/feature-benefit/box-icon-bg1.png" alt="shape-img">
|
||||
</div>
|
||||
<div class="bg-button-shape">
|
||||
<img src="img/feature-benefit/bg-button-iconbox.png" alt="shape-img">
|
||||
</div>
|
||||
<div class="feature-content">
|
||||
<h4>
|
||||
<a href="car-details.php">
|
||||
Professional Drivers
|
||||
</a>
|
||||
</h4>
|
||||
<p>Our drivers are experienced, soft-spoken, and well-trained to ensure your safety and comfort on every journey. With in-depth knowledge of Nepal’s roads, we navigate everything from rough terrains to smooth highways with expertise.</p>
|
||||
<div class="icon">
|
||||
<img src="img/feature-benefit/icon-1.png" alt="icon-img">
|
||||
</div>
|
||||
</div>
|
||||
<div class="feature-button">
|
||||
<a href="car-details.php" class="link-btn">View More <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="feature-benefit-items">
|
||||
<div class="icon-box-shape">
|
||||
<img src="img/feature-benefit/box-icon-bg2.png" alt="shape-img">
|
||||
</div>
|
||||
<div class="bg-button-shape">
|
||||
<img src="img/feature-benefit/bg-button-iconbox.png" alt="shape-img">
|
||||
</div>
|
||||
<div class="feature-content">
|
||||
<h4>
|
||||
<a href="car-details.php">
|
||||
Wide Range of Vehicles
|
||||
</a>
|
||||
</h4>
|
||||
<p>Whether you need a compact car for a small group or a spacious SUV for family trips, our fleet is equipped to cater to all your travel needs. Each vehicle is well-maintained, clean, and comfortable for a hassle-free ride.</p>
|
||||
<div class="icon">
|
||||
<img src="img/feature-benefit/icon-2.png" alt="icon-img">
|
||||
</div>
|
||||
</div>
|
||||
<div class="feature-button">
|
||||
<a href="car-details.php" class="link-btn">View More <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="feature-benefit-items">
|
||||
<div class="icon-box-shape">
|
||||
<img src="img/feature-benefit/box-icon-bg3.png" alt="shape-img">
|
||||
</div>
|
||||
<div class="bg-button-shape">
|
||||
<img src="img/feature-benefit/bg-button-iconbox.png" alt="shape-img">
|
||||
</div>
|
||||
<div class="feature-content">
|
||||
<h4>
|
||||
<a href="car-details.php">
|
||||
Affordable and Transparent Pricing
|
||||
</a>
|
||||
</h4>
|
||||
<p>Enjoy competitive rates with no hidden charges. Our pricing structure is clear and budget-friendly, ensuring you get the best value for your money. <br> <br> <br> <br> <br>.</p>
|
||||
<div class="icon">
|
||||
<img src="img/feature-benefit/icon-3.png" alt="icon-img">
|
||||
</div>
|
||||
</div>
|
||||
<div class="feature-button">
|
||||
<a href="car-details.php" class="link-btn">View More <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="feature-benefit-items">
|
||||
<div class="icon-box-shape">
|
||||
<img src="img/feature-benefit/box-icon-bg3.png" alt="shape-img">
|
||||
</div>
|
||||
<div class="bg-button-shape">
|
||||
<img src="img/feature-benefit/bg-button-iconbox.png" alt="shape-img">
|
||||
</div>
|
||||
<div class="feature-content">
|
||||
<h4>
|
||||
<a href="car-details.php">
|
||||
Personalized Travel Experience
|
||||
</a>
|
||||
</h4>
|
||||
<p>We believe in tailoring our services to meet your unique needs. Whether you’re on a short city trip, a business tour, or a multi-day adventure exploring Nepal’s majestic landscapes, our team is ready to assist you.</p>
|
||||
<div class="icon">
|
||||
<img src="img/feature-benefit/icon-3.png" alt="icon-img">
|
||||
</div>
|
||||
</div>
|
||||
<div class="feature-button">
|
||||
<a href="car-details.php" class="link-btn">View More <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="feature-benefit-items">
|
||||
<div class="icon-box-shape">
|
||||
<img src="img/feature-benefit/box-icon-bg3.png" alt="shape-img">
|
||||
</div>
|
||||
<div class="bg-button-shape">
|
||||
<img src="img/feature-benefit/bg-button-iconbox.png" alt="shape-img">
|
||||
</div>
|
||||
<div class="feature-content">
|
||||
<h4>
|
||||
<a href="car-details.php">
|
||||
Unforgettable Experiences
|
||||
</a>
|
||||
</h4>
|
||||
<p>Our mission is to not just get you to your destination but to make your journey enjoyable. With us, you’ll gain more than transportation—you’ll take home lasting memories of Nepal’s beauty and hospitality.</p>
|
||||
<div class="icon">
|
||||
<img src="img/feature-benefit/icon-3.png" alt="icon-img">
|
||||
</div>
|
||||
</div>
|
||||
<div class="feature-button">
|
||||
<a href="car-details.php" class="link-btn">View More <i class="fa-solid fa-arrow-right ps-1"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
44
parts/ourservices.php
Normal file
44
parts/ourservices.php
Normal file
@ -0,0 +1,44 @@
|
||||
<section class="our-services section section-padding">
|
||||
<div class="container">
|
||||
<div class="section-title text-center" data-animation="fadeInUp" data-delay="0.2s">
|
||||
<h2>Our Services</h2>
|
||||
</div>
|
||||
<div class="services-list">
|
||||
<div class="service-item" data-animation="fadeIn" data-delay="0.4s">
|
||||
<div class="service-icon">
|
||||
<i class="fa-solid fa-city"></i>
|
||||
</div>
|
||||
<h3>City Tours</h3>
|
||||
<p>Explore the vibrant cities of Nepal, including Kathmandu, Pokhara, and Bhaktapur, with a local driver who knows the best routes and landmarks.</p>
|
||||
</div>
|
||||
<div class="service-item" data-animation="fadeIn" data-delay="0.6s">
|
||||
<div class="service-icon">
|
||||
<i class="fa-solid fa-plane"></i>
|
||||
</div>
|
||||
<h3>Airport Transfers</h3>
|
||||
<p>Hassle-free pick-up and drop-off services to and from the airport, ensuring a smooth start or end to your journey.</p>
|
||||
</div>
|
||||
<div class="service-item" data-animation="fadeIn" data-delay="0.8s">
|
||||
<div class="service-icon">
|
||||
<i class="fa-solid fa-mountain"></i>
|
||||
</div>
|
||||
<h3>Adventure Trips</h3>
|
||||
<p>Head off the beaten path to discover Nepal’s stunning mountain trails, rural villages, and serene lakes. Let us handle the roads while you focus on the views.</p>
|
||||
</div>
|
||||
<div class="service-item" data-animation="fadeIn" data-delay="1.0s">
|
||||
<div class="service-icon">
|
||||
<i class="fa-solid fa-briefcase"></i>
|
||||
</div>
|
||||
<h3>Business Travel</h3>
|
||||
<p>Professional, punctual, and comfortable transportation for corporate clients.</p>
|
||||
</div>
|
||||
<div class="service-item" data-animation="fadeIn" data-delay="1.2s">
|
||||
<div class="service-icon">
|
||||
<i class="fa-solid fa-route"></i>
|
||||
</div>
|
||||
<h3>Customizable Travel Packages</h3>
|
||||
<p>Have a specific destination or itinerary in mind? Let us know, and we’ll create a travel package tailored to your preferences.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@ -1,274 +0,0 @@
|
||||
<!-- 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">
|
||||
<form method="get">
|
||||
<div class="search-field-holder">
|
||||
<input type="search" class="main-search-input" placeholder="Search...">
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Hero Section Start -->
|
||||
<section class="hero-section hero-1 fix">
|
||||
<div class="array-button">
|
||||
<button class="image-array-left">
|
||||
<i class="fa-solid fa-chevron-left"></i>
|
||||
</button>
|
||||
<button class="image-array-right">
|
||||
<i class="fa-solid fa-chevron-right"></i>
|
||||
</button>
|
||||
</div>
|
||||
<div class="swiper hero-slider">
|
||||
<div class="swiper-wrapper">
|
||||
<div class="swiper-slide">
|
||||
<div class="hero-image bg-cover" style="background-image: url('img/hero/hero-1.jpg');">
|
||||
<div class="overlay-shape">
|
||||
<img src="img/hero/overlay.png" alt="img">
|
||||
</div>
|
||||
</div>
|
||||
<div class="container">
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-xl-12">
|
||||
<div class="hero-content text-center">
|
||||
<h4 class="text-white" data-animation="fadeInUp" data-delay="1.3s">
|
||||
Book Any Luxury Car in low price
|
||||
</h4>
|
||||
<h1 class="text-white" data-animation="fadeInUp" data-delay="1.3s">
|
||||
Car <span>Rental</span>
|
||||
</h1>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="swiper-slide">
|
||||
<div class="hero-image bg-cover" style="background-image: url('img/hero/hero-2.jpg');">
|
||||
<div class="overlay-shape">
|
||||
<img src="img/hero/overlay.png" alt="img">
|
||||
</div>
|
||||
</div>
|
||||
<div class="container">
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-xl-12">
|
||||
<div class="hero-content text-center">
|
||||
<h4 class="text-white" data-animation="fadeInUp" data-delay="1.3s">
|
||||
Book Any Luxury Car in low price
|
||||
</h4>
|
||||
<h1 class="text-white" data-animation="fadeInUp" data-delay="1.3s">
|
||||
Car <span>Rental</span>
|
||||
</h1>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Pick Up Location Section Start -->
|
||||
<div class="pickup-loaction-area bg-cover" style="background-image: url('img/brand-bg.png');">
|
||||
<div class="container">
|
||||
<div class="pickup-wrapper 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 class="brand-wrapper pt-80 pb-80">
|
||||
<div class="array-button">
|
||||
<button class="array-prev-2"><i class="far fa-chevron-left"></i></button>
|
||||
<button class="array-next-2"><i class="far fa-chevron-right"></i></button>
|
||||
</div>
|
||||
<div class="swiper brand-slider">
|
||||
<div class="swiper-wrapper">
|
||||
<div class="swiper-slide">
|
||||
<div class="brand-image">
|
||||
<img src="img/brand/01.png" alt="img">
|
||||
</div>
|
||||
</div>
|
||||
<div class="swiper-slide">
|
||||
<div class="brand-image">
|
||||
<img src="img/brand/02.png" alt="img">
|
||||
</div>
|
||||
</div>
|
||||
<div class="swiper-slide">
|
||||
<div class="brand-image">
|
||||
<img src="img/brand/03.png" alt="img">
|
||||
</div>
|
||||
</div>
|
||||
<div class="swiper-slide">
|
||||
<div class="brand-image">
|
||||
<img src="img/brand/04.png" alt="img">
|
||||
</div>
|
||||
</div>
|
||||
<div class="swiper-slide">
|
||||
<div class="brand-image">
|
||||
<img src="img/brand/05.png" alt="img">
|
||||
</div>
|
||||
</div>
|
||||
<div class="swiper-slide">
|
||||
<div class="brand-image">
|
||||
<img src="img/brand/06.png" alt="img">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Feature Benefit Section Start -->
|
||||
<section class="feature-benefit section 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">our benefits</span>
|
||||
<h2 class="wow fadeInUp" data-wow-delay=".4s">
|
||||
Why You Should Use <br>
|
||||
Remons Rental
|
||||
</h2>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-xl-4 col-lg-6 col-md-6 wow fadeInUp" data-wow-delay=".3s">
|
||||
<div class="feature-benefit-items">
|
||||
<div class="icon-box-shape">
|
||||
<img src="img/feature-benefit/box-icon-bg1.png" alt="shape-img">
|
||||
</div>
|
||||
<div class="bg-button-shape">
|
||||
<img src="img/feature-benefit/bg-button-iconbox.png" alt="shape-img">
|
||||
</div>
|
||||
<div class="feature-content">
|
||||
<h4>
|
||||
<a href="car-details.php">
|
||||
Easier & <br>
|
||||
Faster Bookings
|
||||
</a>
|
||||
</h4>
|
||||
<p>Neque porro quisquam est, qui fre dolorem ipsum quia dolor.</p>
|
||||
<div class="icon">
|
||||
<img src="img/feature-benefit/icon-1.png" alt="icon-img">
|
||||
</div>
|
||||
</div>
|
||||
<div class="feature-button">
|
||||
<a href="car-details.php" class="link-btn">View More <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="feature-benefit-items">
|
||||
<div class="icon-box-shape">
|
||||
<img src="img/feature-benefit/box-icon-bg2.png" alt="shape-img">
|
||||
</div>
|
||||
<div class="bg-button-shape">
|
||||
<img src="img/feature-benefit/bg-button-iconbox.png" alt="shape-img">
|
||||
</div>
|
||||
<div class="feature-content">
|
||||
<h4>
|
||||
<a href="car-details.php">
|
||||
Too Many <br>
|
||||
Pickup Locations
|
||||
</a>
|
||||
</h4>
|
||||
<p>Neque porro quisquam est, qui fre dolorem ipsum quia dolor.</p>
|
||||
<div class="icon">
|
||||
<img src="img/feature-benefit/icon-2.png" alt="icon-img">
|
||||
</div>
|
||||
</div>
|
||||
<div class="feature-button">
|
||||
<a href="car-details.php" class="link-btn">View More <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="feature-benefit-items">
|
||||
<div class="icon-box-shape">
|
||||
<img src="img/feature-benefit/box-icon-bg3.png" alt="shape-img">
|
||||
</div>
|
||||
<div class="bg-button-shape">
|
||||
<img src="img/feature-benefit/bg-button-iconbox.png" alt="shape-img">
|
||||
</div>
|
||||
<div class="feature-content">
|
||||
<h4>
|
||||
<a href="car-details.php">
|
||||
Customers <br>
|
||||
100% Satisfied
|
||||
</a>
|
||||
</h4>
|
||||
<p>Neque porro quisquam est, qui fre dolorem ipsum quia dolor.</p>
|
||||
<div class="icon">
|
||||
<img src="img/feature-benefit/icon-3.png" alt="icon-img">
|
||||
</div>
|
||||
</div>
|
||||
<div class="feature-button">
|
||||
<a href="car-details.php" class="link-btn">View More <i class="fa-solid fa-arrow-right ps-1"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
126
parts/searchbooking.php
Normal file
126
parts/searchbooking.php
Normal file
@ -0,0 +1,126 @@
|
||||
<!-- Search Booking Section Start -->
|
||||
<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="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">
|
||||
Search 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 cities. <br>With over 15 years of driving expertise, we promise a safe,<br>comfortable, and unforgettable travel experience. Whether you need a ride <br> through Nepal’s bustling cities or a journey into its serene <br> 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="#" 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>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-12">
|
||||
<div class="pickup-items">
|
||||
<button type="submit" class="theme-btn">
|
||||
Find a Car
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
55
parts/services.php
Normal file
55
parts/services.php
Normal file
@ -0,0 +1,55 @@
|
||||
<!-- Services start -->
|
||||
<section id="services" class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-12 title">
|
||||
<h2>Customer Services</h2>
|
||||
<span class="underline"> </span>
|
||||
</div>
|
||||
|
||||
<!-- Service Box start -->
|
||||
<div class="col-md-6">
|
||||
<div class="service-box wow fadeInLeft" data-wow-offset="100">
|
||||
<div class="service-icon">+</div>
|
||||
<h3 class="service-title">Special rates on car booking</h3>
|
||||
<div class="clearfix"></div>
|
||||
<p class="service-content">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed nonumy eirmod tempor invidunt ut labore et dolore magnaed aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren.</p>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Service Box end -->
|
||||
|
||||
<!-- Service Box start -->
|
||||
<div class="col-md-6">
|
||||
<div class="service-box wow fadeInRight" data-wow-offset="100">
|
||||
<div class="service-icon">+</div>
|
||||
<h3 class="service-title">Mobile Phone Reservation</h3>
|
||||
<div class="clearfix"></div>
|
||||
<p class="service-content">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed nonumy eirmod tempor invidunt ut labore et dolore magnaed aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren.</p>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Service Box end -->
|
||||
|
||||
<!-- Service Box start -->
|
||||
<div class="col-md-6">
|
||||
<div class="service-box wow fadeInLeft" data-wow-offset="100">
|
||||
<div class="service-icon">+</div>
|
||||
<h3 class="service-title">Unlimited Miles Car Rental</h3>
|
||||
<div class="clearfix"></div>
|
||||
<p class="service-content">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed nonumy eirmod tempor invidunt ut labore et dolore magnaed aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren.</p>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Service Box end -->
|
||||
|
||||
<!-- Service Box start -->
|
||||
<div class="col-md-6">
|
||||
<div class="service-box wow fadeInRight" data-wow-offset="100">
|
||||
<div class="service-icon">+</div>
|
||||
<h3 class="service-title">One Way Car Rentals</h3>
|
||||
<div class="clearfix"></div>
|
||||
<p class="service-content">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed nonumy eirmod tempor invidunt ut labore et dolore magnaed aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren.</p>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Service Box end -->
|
||||
|
||||
</div>
|
||||
</section>
|
||||
<!-- Services end -->
|
||||
30
parts/whynepal.php
Normal file
30
parts/whynepal.php
Normal file
@ -0,0 +1,30 @@
|
||||
<section class="why-nepal section-padding">
|
||||
<div class="container">
|
||||
<div class="section-title text-center">
|
||||
<h2 class="wow fadeInUp" data-wow-delay=".2s">Why Nepal?</h2>
|
||||
<p class="wow fadeInUp" data-wow-delay=".4s">
|
||||
Nepal is a land of wonders, home to breathtaking natural beauty, ancient cultural heritage, and warm hospitality. Whether you're visiting iconic destinations like Everest Base Camp, Lumbini (the birthplace of Buddha), or the stunning lakes of Pokhara, Bohara Car Rental ensures that your journey is as remarkable as the destination itself.
|
||||
</p>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-lg-4 col-md-6 wow fadeInUp" data-wow-delay=".6s">
|
||||
<div class="why-nepal-item">
|
||||
<h4>Everest Base Camp</h4>
|
||||
<p>Experience the grandeur of the world's tallest peak. A must-visit for adventure enthusiasts.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-4 col-md-6 wow fadeInUp" data-wow-delay=".8s">
|
||||
<div class="why-nepal-item">
|
||||
<h4>Lumbini</h4>
|
||||
<p>Explore the sacred birthplace of Buddha, a UNESCO World Heritage Site filled with spiritual serenity.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-4 col-md-6 wow fadeInUp" data-wow-delay="1s">
|
||||
<div class="why-nepal-item">
|
||||
<h4>Pokhara Lakes</h4>
|
||||
<p>Relax by the stunning lakes of Pokhara, with views of the Annapurna range as your backdrop.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@ -467,7 +467,7 @@
|
||||
<div class="col-lg-6">
|
||||
<div class="section-title mb-0">
|
||||
<img src="assets/img/sub-icon-2.png" alt="icon-img" class="wow fadeInUp">
|
||||
<span class="wow fadeInUp" data-wow-delay=".2s">fun facts</span>
|
||||
<span class="wow fadeInUp" data-wow-delay=".2s">our facts</span>
|
||||
<h2 class="text-white wow fadeInUp" data-wow-delay=".4s">
|
||||
Save Time & Money <br>
|
||||
with Top Car Rent <br>
|
||||
|
||||
48
template/assets/js/ajax-mail.js
Normal file
48
template/assets/js/ajax-mail.js
Normal file
@ -0,0 +1,48 @@
|
||||
$(function() {
|
||||
|
||||
// Get the form.
|
||||
var form = $('#contact-form');
|
||||
|
||||
// Get the messages div.
|
||||
var formMessages = $('.form-message');
|
||||
|
||||
// Set up an event listener for the contact form.
|
||||
$(form).submit(function(e) {
|
||||
// Stop the browser from submitting the form.
|
||||
e.preventDefault();
|
||||
|
||||
// Serialize the form data.
|
||||
var formData = $(form).serialize();
|
||||
|
||||
// Submit the form using AJAX.
|
||||
$.ajax({
|
||||
type: 'POST',
|
||||
url: $(form).attr('action'),
|
||||
data: formData
|
||||
})
|
||||
.done(function(response) {
|
||||
// Make sure that the formMessages div has the 'success' class.
|
||||
$(formMessages).removeClass('error');
|
||||
$(formMessages).addClass('success');
|
||||
|
||||
// Set the message text.
|
||||
$(formMessages).text(response);
|
||||
|
||||
// Clear the form.
|
||||
$('#contact-form input, #contact-form textarea').val('');
|
||||
})
|
||||
.fail(function(data) {
|
||||
// Make sure that the formMessages div has the 'error' class.
|
||||
$(formMessages).removeClass('success');
|
||||
$(formMessages).addClass('error');
|
||||
|
||||
// Set the message text.
|
||||
if (data.responseText !== '') {
|
||||
$(formMessages).text(data.responseText);
|
||||
} else {
|
||||
$(formMessages).text('Oops! An error occurred and your message could not be sent.');
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
});
|
||||
55
template/assets/js/animation.js
Normal file
55
template/assets/js/animation.js
Normal file
File diff suppressed because one or more lines are too long
1655
template/assets/js/bootstrap-datepicker.js
vendored
Normal file
1655
template/assets/js/bootstrap-datepicker.js
vendored
Normal file
File diff suppressed because it is too large
Load Diff
7
template/assets/js/bootstrap.bundle.min.js
vendored
Normal file
7
template/assets/js/bootstrap.bundle.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
2
template/assets/js/jquery-3.7.1.min.js
vendored
Normal file
2
template/assets/js/jquery-3.7.1.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
1
template/assets/js/jquery.counterup.min.js
vendored
Normal file
1
template/assets/js/jquery.counterup.min.js
vendored
Normal file
@ -0,0 +1 @@
|
||||
(function($){"use strict";$.fn.counterUp=function(options){var settings=$.extend({time:400,delay:10,offset:100,beginAt:0,formatter:false,context:"window",callback:function(){}},options),s;return this.each(function(){var $this=$(this),counter={time:$(this).data("counterup-time")||settings.time,delay:$(this).data("counterup-delay")||settings.delay,offset:$(this).data("counterup-offset")||settings.offset,beginAt:$(this).data("counterup-beginat")||settings.beginAt,context:$(this).data("counterup-context")||settings.context};var counterUpper=function(){var nums=[];var divisions=counter.time/counter.delay;var num=$(this).attr("data-num")?$(this).attr("data-num"):$this.text();var isComma=/[0-9]+,[0-9]+/.test(num);num=num.replace(/,/g,"");var decimalPlaces=(num.split(".")[1]||[]).length;if(counter.beginAt>num)counter.beginAt=num;var isTime=/[0-9]+:[0-9]+:[0-9]+/.test(num);if(isTime){var times=num.split(":"),m=1;s=0;while(times.length>0){s+=m*parseInt(times.pop(),10);m*=60}}for(var i=divisions;i>=counter.beginAt/num*divisions;i--){var newNum=parseFloat(num/divisions*i).toFixed(decimalPlaces);if(isTime){newNum=parseInt(s/divisions*i);var hours=parseInt(newNum/3600)%24;var minutes=parseInt(newNum/60)%60;var seconds=parseInt(newNum%60,10);newNum=(hours<10?"0"+hours:hours)+":"+(minutes<10?"0"+minutes:minutes)+":"+(seconds<10?"0"+seconds:seconds)}if(isComma){while(/(\d+)(\d{3})/.test(newNum.toString())){newNum=newNum.toString().replace(/(\d+)(\d{3})/,"$1"+","+"$2")}}if(settings.formatter){newNum=settings.formatter.call(this,newNum)}nums.unshift(newNum)}$this.data("counterup-nums",nums);$this.text(counter.beginAt);var f=function(){if(!$this.data("counterup-nums")){settings.callback.call(this);return}$this.html($this.data("counterup-nums").shift());if($this.data("counterup-nums").length){setTimeout($this.data("counterup-func"),counter.delay)}else{$this.data("counterup-nums",null);$this.data("counterup-func",null);settings.callback.call(this)}};$this.data("counterup-func",f);setTimeout($this.data("counterup-func"),counter.delay)};$this.waypoint(function(direction){counterUpper();this.destroy()},{offset:counter.offset+"%",context:counter.context})})}})(jQuery);
|
||||
4
template/assets/js/jquery.magnific-popup.min.js
vendored
Normal file
4
template/assets/js/jquery.magnific-popup.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
90
template/assets/js/jquery.meanmenu.min.js
vendored
Normal file
90
template/assets/js/jquery.meanmenu.min.js
vendored
Normal file
@ -0,0 +1,90 @@
|
||||
/*!
|
||||
* jQuery meanMenu v2.0.8
|
||||
* @Copyright (C) 2012-2014 Chris Wharton @ MeanThemes (https://github.com/meanthemes/meanMenu)
|
||||
*
|
||||
*/
|
||||
! function(e) {
|
||||
"use strict";
|
||||
e.fn.meanmenu = function(n) {
|
||||
var a = {
|
||||
meanMenuTarget: jQuery(this),
|
||||
meanMenuContainer: "body",
|
||||
meanMenuClose: "X",
|
||||
meanMenuCloseSize: "18px",
|
||||
meanMenuOpen: "<span /><span /><span />",
|
||||
meanRevealPosition: "right",
|
||||
meanRevealPositionDistance: "0",
|
||||
meanRevealColour: "",
|
||||
meanScreenWidth: "480",
|
||||
meanNavPush: "",
|
||||
meanShowChildren: !0,
|
||||
meanExpandableChildren: !0,
|
||||
meanRemoveAttrs: !1,
|
||||
onePage: !1,
|
||||
meanDisplay: "block",
|
||||
removeElements: ""
|
||||
};
|
||||
n = e.extend(a, n);
|
||||
var t = window.innerWidth || document.documentElement.clientWidth;
|
||||
return this.each(function() {
|
||||
var e = n.meanMenuTarget,
|
||||
a = n.meanMenuContainer,
|
||||
r = n.meanMenuClose,
|
||||
i = n.meanMenuCloseSize,
|
||||
s = n.meanMenuOpen,
|
||||
u = n.meanRevealPosition,
|
||||
m = n.meanRevealPositionDistance,
|
||||
l = n.meanRevealColour,
|
||||
o = n.meanScreenWidth,
|
||||
c = n.meanNavPush,
|
||||
d = n.meanShowChildren,
|
||||
v = n.meanExpandableChildren,
|
||||
h = n.meanExpand,
|
||||
y = n.meanRemoveAttrs,
|
||||
j = n.onePage,
|
||||
Q = n.meanDisplay,
|
||||
f = n.removeElements,
|
||||
p = !1;
|
||||
(navigator.userAgent.match(/iPhone/i) || navigator.userAgent.match(/iPod/i) || navigator.userAgent.match(/iPad/i) || navigator.userAgent.match(/Android/i) || navigator.userAgent.match(/Blackberry/i) || navigator.userAgent.match(/Windows Phone/i)) && (p = !0), (navigator.userAgent.match(/MSIE 8/i) || navigator.userAgent.match(/MSIE 7/i)) && jQuery("html").css("overflow-y", "scroll");
|
||||
var g = "",
|
||||
C = function() {
|
||||
if ("center" === u) {
|
||||
var e = (window.innerWidth || document.documentElement.clientWidth) / 2 - 22 + "px";
|
||||
g = "left:" + e + ";right:auto;", p ? jQuery(".meanmenu-reveal").animate({
|
||||
left: e
|
||||
}) : jQuery(".meanmenu-reveal").css("left", e)
|
||||
}
|
||||
},
|
||||
w = !1,
|
||||
A = !1;
|
||||
"right" === u && (g = "right:" + m + ";left:auto;"), "left" === u && (g = "left:" + m + ";right:auto;"), C();
|
||||
var M = "",
|
||||
P = function() {
|
||||
jQuery(".mean-bar,.mean-push").remove(), jQuery(a).removeClass("mean-container"), jQuery(e).css("display", Q), w = !1, A = !1, jQuery(f).removeClass("mean-remove")
|
||||
},
|
||||
E = function() {
|
||||
var n = "background:" + l + ";color:" + l + ";" + g;
|
||||
if (t <= o) {
|
||||
jQuery(f).addClass("mean-remove"), A = !0, jQuery(a).addClass("mean-container"), jQuery(".mean-container").prepend('<div class="mean-bar"><a href="#nav" class="meanmenu-reveal" style="' + n + '">Show Navigation</a><nav class="mean-nav"></nav></div>');
|
||||
var u = jQuery(e).html();
|
||||
jQuery(".mean-nav").html(u), y && jQuery("nav.mean-nav ul, nav.mean-nav ul *").each(function() {
|
||||
jQuery(this).is(".mean-remove") ? jQuery(this).attr("class", "mean-remove") : jQuery(this).removeAttr("class"), jQuery(this).removeAttr("id")
|
||||
}), jQuery(e).before('<div class="mean-push" />'), jQuery(".mean-push").css("margin-top", c), jQuery(e).hide(), jQuery(".meanmenu-reveal").show(), jQuery(".meanmenu-reveal").html(s), M = jQuery(".meanmenu-reveal"), jQuery(".mean-nav ul").hide(), d ? v ? (jQuery(".mean-nav ul ul").each(function() {
|
||||
jQuery(this).children().length && jQuery(this, "li:first").parent().append('<a class="mean-expand" href="#" style="font-size: ' + i + '">' + h + "</a>")
|
||||
}), jQuery(".mean-expand").on("click", function(e) {
|
||||
e.preventDefault(), jQuery(this).hasClass("mean-clicked") ? (jQuery(this).prev("ul").slideUp(300, function() {}), jQuery(this).parent().removeClass("dropdown-opened")) : (jQuery(this).prev("ul").slideDown(300, function() {}), jQuery(this).parent().addClass("dropdown-opened")), jQuery(this).toggleClass("mean-clicked")
|
||||
})) : jQuery(".mean-nav ul ul").show() : jQuery(".mean-nav ul ul").hide(), jQuery(".mean-nav ul li").last().addClass("mean-last"), M.removeClass("meanclose"), jQuery(M).click(function(e) {
|
||||
e.preventDefault(), !1 === w ? (M.css("text-align", "center"), M.css("text-indent", "0"), M.css("font-size", i), jQuery(".mean-nav ul:first").slideDown(), w = !0) : (jQuery(".mean-nav ul:first").slideUp(), w = !1), M.toggleClass("meanclose"), jQuery(M).is(".meanmenu-reveal.meanclose") ? M.html(r) : M.html(s), jQuery(f).addClass("mean-remove")
|
||||
}), j && jQuery(".mean-nav ul > li > a:first-child").on("click", function() {
|
||||
jQuery(".mean-nav ul:first").slideUp(), w = !1, jQuery(M).toggleClass("meanclose").html(s)
|
||||
})
|
||||
} else P()
|
||||
};
|
||||
p || jQuery(window).resize(function() {
|
||||
t = window.innerWidth || document.documentElement.clientWidth, P(), t <= o ? (E(), C()) : P()
|
||||
}), jQuery(window).resize(function() {
|
||||
t = window.innerWidth || document.documentElement.clientWidth, p ? (C(), t <= o ? !1 === A && E() : P()) : (P(), t <= o && (E(), C()))
|
||||
}), E()
|
||||
})
|
||||
}
|
||||
}(jQuery);
|
||||
4
template/assets/js/jquery.nice-select.min.js
vendored
Normal file
4
template/assets/js/jquery.nice-select.min.js
vendored
Normal file
@ -0,0 +1,4 @@
|
||||
/* jQuery Nice Select - v1.0
|
||||
https://github.com/hernansartorio/jquery-nice-select
|
||||
Made by Hernán Sartorio */
|
||||
!function(e){e.fn.niceSelect=function(t){function s(t){t.after(e("<div></div>").addClass("nice-select").addClass(t.attr("class")||"").addClass(t.attr("disabled")?"disabled":"").attr("tabindex",t.attr("disabled")?null:"0").html('<span class="current"></span><ul class="list"></ul>'));var s=t.next(),n=t.find("option"),i=t.find("option:selected");s.find(".current").html(i.data("display")||i.text()),n.each(function(t){var n=e(this),i=n.data("display");s.find("ul").append(e("<li></li>").attr("data-value",n.val()).attr("data-display",i||null).addClass("option"+(n.is(":selected")?" selected":"")+(n.is(":disabled")?" disabled":"")).html(n.text()))})}if("string"==typeof t)return"update"==t?this.each(function(){var t=e(this),n=e(this).next(".nice-select"),i=n.hasClass("open");n.length&&(n.remove(),s(t),i&&t.next().trigger("click"))}):"destroy"==t?(this.each(function(){var t=e(this),s=e(this).next(".nice-select");s.length&&(s.remove(),t.css("display",""))}),0==e(".nice-select").length&&e(document).off(".nice_select")):console.log('Method "'+t+'" does not exist.'),this;this.hide(),this.each(function(){var t=e(this);t.next().hasClass("nice-select")||s(t)}),e(document).off(".nice_select"),e(document).on("click.nice_select",".nice-select",function(t){var s=e(this);e(".nice-select").not(s).removeClass("open"),s.toggleClass("open"),s.hasClass("open")?(s.find(".option"),s.find(".focus").removeClass("focus"),s.find(".selected").addClass("focus")):s.focus()}),e(document).on("click.nice_select",function(t){0===e(t.target).closest(".nice-select").length&&e(".nice-select").removeClass("open").find(".option")}),e(document).on("click.nice_select",".nice-select .option:not(.disabled)",function(t){var s=e(this),n=s.closest(".nice-select");n.find(".selected").removeClass("selected"),s.addClass("selected");var i=s.data("display")||s.text();n.find(".current").text(i),n.prev("select").val(s.data("value")).trigger("change")}),e(document).on("keydown.nice_select",".nice-select",function(t){var s=e(this),n=e(s.find(".focus")||s.find(".list .option.selected"));if(32==t.keyCode||13==t.keyCode)return s.hasClass("open")?n.trigger("click"):s.trigger("click"),!1;if(40==t.keyCode){if(s.hasClass("open")){var i=n.nextAll(".option:not(.disabled)").first();i.length>0&&(s.find(".focus").removeClass("focus"),i.addClass("focus"))}else s.trigger("click");return!1}if(38==t.keyCode){if(s.hasClass("open")){var l=n.prevAll(".option:not(.disabled)").first();l.length>0&&(s.find(".focus").removeClass("focus"),l.addClass("focus"))}else s.trigger("click");return!1}if(27==t.keyCode)s.hasClass("open")&&s.trigger("click");else if(9==t.keyCode&&s.hasClass("open"))return!1});var n=document.createElement("a").style;return n.cssText="pointer-events:auto","auto"!==n.pointerEvents&&e("html").addClass("no-csspointerevents"),this}}(jQuery);
|
||||
662
template/assets/js/jquery.waypoints.js
Normal file
662
template/assets/js/jquery.waypoints.js
Normal file
@ -0,0 +1,662 @@
|
||||
/*!
|
||||
Waypoints - 4.0.1
|
||||
Copyright © 2011-2016 Caleb Troughton
|
||||
Licensed under the MIT license.
|
||||
https://github.com/imakewebthings/waypoints/blob/master/licenses.txt
|
||||
*/
|
||||
(function() {
|
||||
'use strict'
|
||||
|
||||
var keyCounter = 0
|
||||
var allWaypoints = {}
|
||||
|
||||
/* http://imakewebthings.com/waypoints/api/waypoint */
|
||||
function Waypoint(options) {
|
||||
if (!options) {
|
||||
throw new Error('No options passed to Waypoint constructor')
|
||||
}
|
||||
if (!options.element) {
|
||||
throw new Error('No element option passed to Waypoint constructor')
|
||||
}
|
||||
if (!options.handler) {
|
||||
throw new Error('No handler option passed to Waypoint constructor')
|
||||
}
|
||||
|
||||
this.key = 'waypoint-' + keyCounter
|
||||
this.options = Waypoint.Adapter.extend({}, Waypoint.defaults, options)
|
||||
this.element = this.options.element
|
||||
this.adapter = new Waypoint.Adapter(this.element)
|
||||
this.callback = options.handler
|
||||
this.axis = this.options.horizontal ? 'horizontal' : 'vertical'
|
||||
this.enabled = this.options.enabled
|
||||
this.triggerPoint = null
|
||||
this.group = Waypoint.Group.findOrCreate({
|
||||
name: this.options.group,
|
||||
axis: this.axis
|
||||
})
|
||||
this.context = Waypoint.Context.findOrCreateByElement(this.options.context)
|
||||
|
||||
if (Waypoint.offsetAliases[this.options.offset]) {
|
||||
this.options.offset = Waypoint.offsetAliases[this.options.offset]
|
||||
}
|
||||
this.group.add(this)
|
||||
this.context.add(this)
|
||||
allWaypoints[this.key] = this
|
||||
keyCounter += 1
|
||||
}
|
||||
|
||||
/* Private */
|
||||
Waypoint.prototype.queueTrigger = function(direction) {
|
||||
this.group.queueTrigger(this, direction)
|
||||
}
|
||||
|
||||
/* Private */
|
||||
Waypoint.prototype.trigger = function(args) {
|
||||
if (!this.enabled) {
|
||||
return
|
||||
}
|
||||
if (this.callback) {
|
||||
this.callback.apply(this, args)
|
||||
}
|
||||
}
|
||||
|
||||
/* Public */
|
||||
/* http://imakewebthings.com/waypoints/api/destroy */
|
||||
Waypoint.prototype.destroy = function() {
|
||||
this.context.remove(this)
|
||||
this.group.remove(this)
|
||||
delete allWaypoints[this.key]
|
||||
}
|
||||
|
||||
/* Public */
|
||||
/* http://imakewebthings.com/waypoints/api/disable */
|
||||
Waypoint.prototype.disable = function() {
|
||||
this.enabled = false
|
||||
return this
|
||||
}
|
||||
|
||||
/* Public */
|
||||
/* http://imakewebthings.com/waypoints/api/enable */
|
||||
Waypoint.prototype.enable = function() {
|
||||
this.context.refresh()
|
||||
this.enabled = true
|
||||
return this
|
||||
}
|
||||
|
||||
/* Public */
|
||||
/* http://imakewebthings.com/waypoints/api/next */
|
||||
Waypoint.prototype.next = function() {
|
||||
return this.group.next(this)
|
||||
}
|
||||
|
||||
/* Public */
|
||||
/* http://imakewebthings.com/waypoints/api/previous */
|
||||
Waypoint.prototype.previous = function() {
|
||||
return this.group.previous(this)
|
||||
}
|
||||
|
||||
/* Private */
|
||||
Waypoint.invokeAll = function(method) {
|
||||
var allWaypointsArray = []
|
||||
for (var waypointKey in allWaypoints) {
|
||||
allWaypointsArray.push(allWaypoints[waypointKey])
|
||||
}
|
||||
for (var i = 0, end = allWaypointsArray.length; i < end; i++) {
|
||||
allWaypointsArray[i][method]()
|
||||
}
|
||||
}
|
||||
|
||||
/* Public */
|
||||
/* http://imakewebthings.com/waypoints/api/destroy-all */
|
||||
Waypoint.destroyAll = function() {
|
||||
Waypoint.invokeAll('destroy')
|
||||
}
|
||||
|
||||
/* Public */
|
||||
/* http://imakewebthings.com/waypoints/api/disable-all */
|
||||
Waypoint.disableAll = function() {
|
||||
Waypoint.invokeAll('disable')
|
||||
}
|
||||
|
||||
/* Public */
|
||||
/* http://imakewebthings.com/waypoints/api/enable-all */
|
||||
Waypoint.enableAll = function() {
|
||||
Waypoint.Context.refreshAll()
|
||||
for (var waypointKey in allWaypoints) {
|
||||
allWaypoints[waypointKey].enabled = true
|
||||
}
|
||||
return this
|
||||
}
|
||||
|
||||
/* Public */
|
||||
/* http://imakewebthings.com/waypoints/api/refresh-all */
|
||||
Waypoint.refreshAll = function() {
|
||||
Waypoint.Context.refreshAll()
|
||||
}
|
||||
|
||||
/* Public */
|
||||
/* http://imakewebthings.com/waypoints/api/viewport-height */
|
||||
Waypoint.viewportHeight = function() {
|
||||
return window.innerHeight || document.documentElement.clientHeight
|
||||
}
|
||||
|
||||
/* Public */
|
||||
/* http://imakewebthings.com/waypoints/api/viewport-width */
|
||||
Waypoint.viewportWidth = function() {
|
||||
return document.documentElement.clientWidth
|
||||
}
|
||||
|
||||
Waypoint.adapters = []
|
||||
|
||||
Waypoint.defaults = {
|
||||
context: window,
|
||||
continuous: true,
|
||||
enabled: true,
|
||||
group: 'default',
|
||||
horizontal: false,
|
||||
offset: 0
|
||||
}
|
||||
|
||||
Waypoint.offsetAliases = {
|
||||
'bottom-in-view': function() {
|
||||
return this.context.innerHeight() - this.adapter.outerHeight()
|
||||
},
|
||||
'right-in-view': function() {
|
||||
return this.context.innerWidth() - this.adapter.outerWidth()
|
||||
}
|
||||
}
|
||||
|
||||
window.Waypoint = Waypoint
|
||||
}())
|
||||
;(function() {
|
||||
'use strict'
|
||||
|
||||
function requestAnimationFrameShim(callback) {
|
||||
window.setTimeout(callback, 1000 / 60)
|
||||
}
|
||||
|
||||
var keyCounter = 0
|
||||
var contexts = {}
|
||||
var Waypoint = window.Waypoint
|
||||
var oldWindowLoad = window.onload
|
||||
|
||||
/* http://imakewebthings.com/waypoints/api/context */
|
||||
function Context(element) {
|
||||
this.element = element
|
||||
this.Adapter = Waypoint.Adapter
|
||||
this.adapter = new this.Adapter(element)
|
||||
this.key = 'waypoint-context-' + keyCounter
|
||||
this.didScroll = false
|
||||
this.didResize = false
|
||||
this.oldScroll = {
|
||||
x: this.adapter.scrollLeft(),
|
||||
y: this.adapter.scrollTop()
|
||||
}
|
||||
this.waypoints = {
|
||||
vertical: {},
|
||||
horizontal: {}
|
||||
}
|
||||
|
||||
element.waypointContextKey = this.key
|
||||
contexts[element.waypointContextKey] = this
|
||||
keyCounter += 1
|
||||
if (!Waypoint.windowContext) {
|
||||
Waypoint.windowContext = true
|
||||
Waypoint.windowContext = new Context(window)
|
||||
}
|
||||
|
||||
this.createThrottledScrollHandler()
|
||||
this.createThrottledResizeHandler()
|
||||
}
|
||||
|
||||
/* Private */
|
||||
Context.prototype.add = function(waypoint) {
|
||||
var axis = waypoint.options.horizontal ? 'horizontal' : 'vertical'
|
||||
this.waypoints[axis][waypoint.key] = waypoint
|
||||
this.refresh()
|
||||
}
|
||||
|
||||
/* Private */
|
||||
Context.prototype.checkEmpty = function() {
|
||||
var horizontalEmpty = this.Adapter.isEmptyObject(this.waypoints.horizontal)
|
||||
var verticalEmpty = this.Adapter.isEmptyObject(this.waypoints.vertical)
|
||||
var isWindow = this.element == this.element.window
|
||||
if (horizontalEmpty && verticalEmpty && !isWindow) {
|
||||
this.adapter.off('.waypoints')
|
||||
delete contexts[this.key]
|
||||
}
|
||||
}
|
||||
|
||||
/* Private */
|
||||
Context.prototype.createThrottledResizeHandler = function() {
|
||||
var self = this
|
||||
|
||||
function resizeHandler() {
|
||||
self.handleResize()
|
||||
self.didResize = false
|
||||
}
|
||||
|
||||
this.adapter.on('resize.waypoints', function() {
|
||||
if (!self.didResize) {
|
||||
self.didResize = true
|
||||
Waypoint.requestAnimationFrame(resizeHandler)
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
/* Private */
|
||||
Context.prototype.createThrottledScrollHandler = function() {
|
||||
var self = this
|
||||
function scrollHandler() {
|
||||
self.handleScroll()
|
||||
self.didScroll = false
|
||||
}
|
||||
|
||||
this.adapter.on('scroll.waypoints', function() {
|
||||
if (!self.didScroll || Waypoint.isTouch) {
|
||||
self.didScroll = true
|
||||
Waypoint.requestAnimationFrame(scrollHandler)
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
/* Private */
|
||||
Context.prototype.handleResize = function() {
|
||||
Waypoint.Context.refreshAll()
|
||||
}
|
||||
|
||||
/* Private */
|
||||
Context.prototype.handleScroll = function() {
|
||||
var triggeredGroups = {}
|
||||
var axes = {
|
||||
horizontal: {
|
||||
newScroll: this.adapter.scrollLeft(),
|
||||
oldScroll: this.oldScroll.x,
|
||||
forward: 'right',
|
||||
backward: 'left'
|
||||
},
|
||||
vertical: {
|
||||
newScroll: this.adapter.scrollTop(),
|
||||
oldScroll: this.oldScroll.y,
|
||||
forward: 'down',
|
||||
backward: 'up'
|
||||
}
|
||||
}
|
||||
|
||||
for (var axisKey in axes) {
|
||||
var axis = axes[axisKey]
|
||||
var isForward = axis.newScroll > axis.oldScroll
|
||||
var direction = isForward ? axis.forward : axis.backward
|
||||
|
||||
for (var waypointKey in this.waypoints[axisKey]) {
|
||||
var waypoint = this.waypoints[axisKey][waypointKey]
|
||||
if (waypoint.triggerPoint === null) {
|
||||
continue
|
||||
}
|
||||
var wasBeforeTriggerPoint = axis.oldScroll < waypoint.triggerPoint
|
||||
var nowAfterTriggerPoint = axis.newScroll >= waypoint.triggerPoint
|
||||
var crossedForward = wasBeforeTriggerPoint && nowAfterTriggerPoint
|
||||
var crossedBackward = !wasBeforeTriggerPoint && !nowAfterTriggerPoint
|
||||
if (crossedForward || crossedBackward) {
|
||||
waypoint.queueTrigger(direction)
|
||||
triggeredGroups[waypoint.group.id] = waypoint.group
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
for (var groupKey in triggeredGroups) {
|
||||
triggeredGroups[groupKey].flushTriggers()
|
||||
}
|
||||
|
||||
this.oldScroll = {
|
||||
x: axes.horizontal.newScroll,
|
||||
y: axes.vertical.newScroll
|
||||
}
|
||||
}
|
||||
|
||||
/* Private */
|
||||
Context.prototype.innerHeight = function() {
|
||||
/*eslint-disable eqeqeq */
|
||||
if (this.element == this.element.window) {
|
||||
return Waypoint.viewportHeight()
|
||||
}
|
||||
/*eslint-enable eqeqeq */
|
||||
return this.adapter.innerHeight()
|
||||
}
|
||||
|
||||
/* Private */
|
||||
Context.prototype.remove = function(waypoint) {
|
||||
delete this.waypoints[waypoint.axis][waypoint.key]
|
||||
this.checkEmpty()
|
||||
}
|
||||
|
||||
/* Private */
|
||||
Context.prototype.innerWidth = function() {
|
||||
/*eslint-disable eqeqeq */
|
||||
if (this.element == this.element.window) {
|
||||
return Waypoint.viewportWidth()
|
||||
}
|
||||
/*eslint-enable eqeqeq */
|
||||
return this.adapter.innerWidth()
|
||||
}
|
||||
|
||||
/* Public */
|
||||
/* http://imakewebthings.com/waypoints/api/context-destroy */
|
||||
Context.prototype.destroy = function() {
|
||||
var allWaypoints = []
|
||||
for (var axis in this.waypoints) {
|
||||
for (var waypointKey in this.waypoints[axis]) {
|
||||
allWaypoints.push(this.waypoints[axis][waypointKey])
|
||||
}
|
||||
}
|
||||
for (var i = 0, end = allWaypoints.length; i < end; i++) {
|
||||
allWaypoints[i].destroy()
|
||||
}
|
||||
}
|
||||
|
||||
/* Public */
|
||||
/* http://imakewebthings.com/waypoints/api/context-refresh */
|
||||
Context.prototype.refresh = function() {
|
||||
/*eslint-disable eqeqeq */
|
||||
var isWindow = this.element == this.element.window
|
||||
/*eslint-enable eqeqeq */
|
||||
var contextOffset = isWindow ? undefined : this.adapter.offset()
|
||||
var triggeredGroups = {}
|
||||
var axes
|
||||
|
||||
this.handleScroll()
|
||||
axes = {
|
||||
horizontal: {
|
||||
contextOffset: isWindow ? 0 : contextOffset.left,
|
||||
contextScroll: isWindow ? 0 : this.oldScroll.x,
|
||||
contextDimension: this.innerWidth(),
|
||||
oldScroll: this.oldScroll.x,
|
||||
forward: 'right',
|
||||
backward: 'left',
|
||||
offsetProp: 'left'
|
||||
},
|
||||
vertical: {
|
||||
contextOffset: isWindow ? 0 : contextOffset.top,
|
||||
contextScroll: isWindow ? 0 : this.oldScroll.y,
|
||||
contextDimension: this.innerHeight(),
|
||||
oldScroll: this.oldScroll.y,
|
||||
forward: 'down',
|
||||
backward: 'up',
|
||||
offsetProp: 'top'
|
||||
}
|
||||
}
|
||||
|
||||
for (var axisKey in axes) {
|
||||
var axis = axes[axisKey]
|
||||
for (var waypointKey in this.waypoints[axisKey]) {
|
||||
var waypoint = this.waypoints[axisKey][waypointKey]
|
||||
var adjustment = waypoint.options.offset
|
||||
var oldTriggerPoint = waypoint.triggerPoint
|
||||
var elementOffset = 0
|
||||
var freshWaypoint = oldTriggerPoint == null
|
||||
var contextModifier, wasBeforeScroll, nowAfterScroll
|
||||
var triggeredBackward, triggeredForward
|
||||
|
||||
if (waypoint.element !== waypoint.element.window) {
|
||||
elementOffset = waypoint.adapter.offset()[axis.offsetProp]
|
||||
}
|
||||
|
||||
if (typeof adjustment === 'function') {
|
||||
adjustment = adjustment.apply(waypoint)
|
||||
}
|
||||
else if (typeof adjustment === 'string') {
|
||||
adjustment = parseFloat(adjustment)
|
||||
if (waypoint.options.offset.indexOf('%') > - 1) {
|
||||
adjustment = Math.ceil(axis.contextDimension * adjustment / 100)
|
||||
}
|
||||
}
|
||||
|
||||
contextModifier = axis.contextScroll - axis.contextOffset
|
||||
waypoint.triggerPoint = Math.floor(elementOffset + contextModifier - adjustment)
|
||||
wasBeforeScroll = oldTriggerPoint < axis.oldScroll
|
||||
nowAfterScroll = waypoint.triggerPoint >= axis.oldScroll
|
||||
triggeredBackward = wasBeforeScroll && nowAfterScroll
|
||||
triggeredForward = !wasBeforeScroll && !nowAfterScroll
|
||||
|
||||
if (!freshWaypoint && triggeredBackward) {
|
||||
waypoint.queueTrigger(axis.backward)
|
||||
triggeredGroups[waypoint.group.id] = waypoint.group
|
||||
}
|
||||
else if (!freshWaypoint && triggeredForward) {
|
||||
waypoint.queueTrigger(axis.forward)
|
||||
triggeredGroups[waypoint.group.id] = waypoint.group
|
||||
}
|
||||
else if (freshWaypoint && axis.oldScroll >= waypoint.triggerPoint) {
|
||||
waypoint.queueTrigger(axis.forward)
|
||||
triggeredGroups[waypoint.group.id] = waypoint.group
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
Waypoint.requestAnimationFrame(function() {
|
||||
for (var groupKey in triggeredGroups) {
|
||||
triggeredGroups[groupKey].flushTriggers()
|
||||
}
|
||||
})
|
||||
|
||||
return this
|
||||
}
|
||||
|
||||
/* Private */
|
||||
Context.findOrCreateByElement = function(element) {
|
||||
return Context.findByElement(element) || new Context(element)
|
||||
}
|
||||
|
||||
/* Private */
|
||||
Context.refreshAll = function() {
|
||||
for (var contextId in contexts) {
|
||||
contexts[contextId].refresh()
|
||||
}
|
||||
}
|
||||
|
||||
/* Public */
|
||||
/* http://imakewebthings.com/waypoints/api/context-find-by-element */
|
||||
Context.findByElement = function(element) {
|
||||
return contexts[element.waypointContextKey]
|
||||
}
|
||||
|
||||
window.onload = function() {
|
||||
if (oldWindowLoad) {
|
||||
oldWindowLoad()
|
||||
}
|
||||
Context.refreshAll()
|
||||
}
|
||||
|
||||
|
||||
Waypoint.requestAnimationFrame = function(callback) {
|
||||
var requestFn = window.requestAnimationFrame ||
|
||||
window.mozRequestAnimationFrame ||
|
||||
window.webkitRequestAnimationFrame ||
|
||||
requestAnimationFrameShim
|
||||
requestFn.call(window, callback)
|
||||
}
|
||||
Waypoint.Context = Context
|
||||
}())
|
||||
;(function() {
|
||||
'use strict'
|
||||
|
||||
function byTriggerPoint(a, b) {
|
||||
return a.triggerPoint - b.triggerPoint
|
||||
}
|
||||
|
||||
function byReverseTriggerPoint(a, b) {
|
||||
return b.triggerPoint - a.triggerPoint
|
||||
}
|
||||
|
||||
var groups = {
|
||||
vertical: {},
|
||||
horizontal: {}
|
||||
}
|
||||
var Waypoint = window.Waypoint
|
||||
|
||||
/* http://imakewebthings.com/waypoints/api/group */
|
||||
function Group(options) {
|
||||
this.name = options.name
|
||||
this.axis = options.axis
|
||||
this.id = this.name + '-' + this.axis
|
||||
this.waypoints = []
|
||||
this.clearTriggerQueues()
|
||||
groups[this.axis][this.name] = this
|
||||
}
|
||||
|
||||
/* Private */
|
||||
Group.prototype.add = function(waypoint) {
|
||||
this.waypoints.push(waypoint)
|
||||
}
|
||||
|
||||
/* Private */
|
||||
Group.prototype.clearTriggerQueues = function() {
|
||||
this.triggerQueues = {
|
||||
up: [],
|
||||
down: [],
|
||||
left: [],
|
||||
right: []
|
||||
}
|
||||
}
|
||||
|
||||
/* Private */
|
||||
Group.prototype.flushTriggers = function() {
|
||||
for (var direction in this.triggerQueues) {
|
||||
var waypoints = this.triggerQueues[direction]
|
||||
var reverse = direction === 'up' || direction === 'left'
|
||||
waypoints.sort(reverse ? byReverseTriggerPoint : byTriggerPoint)
|
||||
for (var i = 0, end = waypoints.length; i < end; i += 1) {
|
||||
var waypoint = waypoints[i]
|
||||
if (waypoint.options.continuous || i === waypoints.length - 1) {
|
||||
waypoint.trigger([direction])
|
||||
}
|
||||
}
|
||||
}
|
||||
this.clearTriggerQueues()
|
||||
}
|
||||
|
||||
/* Private */
|
||||
Group.prototype.next = function(waypoint) {
|
||||
this.waypoints.sort(byTriggerPoint)
|
||||
var index = Waypoint.Adapter.inArray(waypoint, this.waypoints)
|
||||
var isLast = index === this.waypoints.length - 1
|
||||
return isLast ? null : this.waypoints[index + 1]
|
||||
}
|
||||
|
||||
/* Private */
|
||||
Group.prototype.previous = function(waypoint) {
|
||||
this.waypoints.sort(byTriggerPoint)
|
||||
var index = Waypoint.Adapter.inArray(waypoint, this.waypoints)
|
||||
return index ? this.waypoints[index - 1] : null
|
||||
}
|
||||
|
||||
/* Private */
|
||||
Group.prototype.queueTrigger = function(waypoint, direction) {
|
||||
this.triggerQueues[direction].push(waypoint)
|
||||
}
|
||||
|
||||
/* Private */
|
||||
Group.prototype.remove = function(waypoint) {
|
||||
var index = Waypoint.Adapter.inArray(waypoint, this.waypoints)
|
||||
if (index > -1) {
|
||||
this.waypoints.splice(index, 1)
|
||||
}
|
||||
}
|
||||
|
||||
/* Public */
|
||||
/* http://imakewebthings.com/waypoints/api/first */
|
||||
Group.prototype.first = function() {
|
||||
return this.waypoints[0]
|
||||
}
|
||||
|
||||
/* Public */
|
||||
/* http://imakewebthings.com/waypoints/api/last */
|
||||
Group.prototype.last = function() {
|
||||
return this.waypoints[this.waypoints.length - 1]
|
||||
}
|
||||
|
||||
/* Private */
|
||||
Group.findOrCreate = function(options) {
|
||||
return groups[options.axis][options.name] || new Group(options)
|
||||
}
|
||||
|
||||
Waypoint.Group = Group
|
||||
}())
|
||||
;(function() {
|
||||
'use strict'
|
||||
|
||||
var $ = window.jQuery
|
||||
var Waypoint = window.Waypoint
|
||||
|
||||
function JQueryAdapter(element) {
|
||||
this.$element = $(element)
|
||||
}
|
||||
|
||||
$.each([
|
||||
'innerHeight',
|
||||
'innerWidth',
|
||||
'off',
|
||||
'offset',
|
||||
'on',
|
||||
'outerHeight',
|
||||
'outerWidth',
|
||||
'scrollLeft',
|
||||
'scrollTop'
|
||||
], function(i, method) {
|
||||
JQueryAdapter.prototype[method] = function() {
|
||||
var args = Array.prototype.slice.call(arguments)
|
||||
return this.$element[method].apply(this.$element, args)
|
||||
}
|
||||
})
|
||||
|
||||
$.each([
|
||||
'extend',
|
||||
'inArray',
|
||||
'isEmptyObject'
|
||||
], function(i, method) {
|
||||
JQueryAdapter[method] = $[method]
|
||||
})
|
||||
|
||||
Waypoint.adapters.push({
|
||||
name: 'jquery',
|
||||
Adapter: JQueryAdapter
|
||||
})
|
||||
Waypoint.Adapter = JQueryAdapter
|
||||
}())
|
||||
;(function() {
|
||||
'use strict'
|
||||
|
||||
var Waypoint = window.Waypoint
|
||||
|
||||
function createExtension(framework) {
|
||||
return function() {
|
||||
var waypoints = []
|
||||
var overrides = arguments[0]
|
||||
|
||||
if (framework.isFunction(arguments[0])) {
|
||||
overrides = framework.extend({}, arguments[1])
|
||||
overrides.handler = arguments[0]
|
||||
}
|
||||
|
||||
this.each(function() {
|
||||
var options = framework.extend({}, overrides, {
|
||||
element: this
|
||||
})
|
||||
if (typeof options.context === 'string') {
|
||||
options.context = framework(this).closest(options.context)[0]
|
||||
}
|
||||
waypoints.push(new Waypoint(options))
|
||||
})
|
||||
|
||||
return waypoints
|
||||
}
|
||||
}
|
||||
|
||||
if (window.jQuery) {
|
||||
window.jQuery.fn.waypoint = createExtension(window.jQuery)
|
||||
}
|
||||
if (window.Zepto) {
|
||||
window.Zepto.fn.waypoint = createExtension(window.Zepto)
|
||||
}
|
||||
}())
|
||||
;
|
||||
549
template/assets/js/main.js
Normal file
549
template/assets/js/main.js
Normal file
@ -0,0 +1,549 @@
|
||||
/*-----------------------------------------------------------------
|
||||
|
||||
Template Name: Remons - Booking Rental HTML Template<
|
||||
Author: Pixydrops
|
||||
Author URI: https://themeforest.net/user/pixydrops/portfolio
|
||||
Version: 1.0.0
|
||||
Description: Remons - Booking Rental HTML Template<
|
||||
|
||||
-------------------------------------------------------------------
|
||||
Js TABLE OF CONTENTS
|
||||
-------------------------------------------------------------------
|
||||
|
||||
01. header
|
||||
02. animated text with swiper slider
|
||||
03. magnificPopup
|
||||
04. counter up
|
||||
05. wow animation
|
||||
06. nice select
|
||||
07. swiper slider
|
||||
08. search popup
|
||||
09. preloader
|
||||
10. Gsap
|
||||
|
||||
------------------------------------------------------------------*/
|
||||
|
||||
(function($) {
|
||||
"use strict";
|
||||
|
||||
$(document).ready(function() {
|
||||
|
||||
//>> Mobile Menu Js Start <<//
|
||||
$('#mobile-menu').meanmenu({
|
||||
meanMenuContainer: '.mobile-menu',
|
||||
meanScreenWidth: "1199",
|
||||
meanExpand: ['<i class="far fa-plus"></i>'],
|
||||
});
|
||||
|
||||
//>> Sidebar Toggle Js Start <<//
|
||||
$(".offcanvas__close,.offcanvas__overlay").on("click", function() {
|
||||
$(".offcanvas__info").removeClass("info-open");
|
||||
$(".offcanvas__overlay").removeClass("overlay-open");
|
||||
});
|
||||
$(".sidebar__toggle").on("click", function() {
|
||||
$(".offcanvas__info").addClass("info-open");
|
||||
$(".offcanvas__overlay").addClass("overlay-open");
|
||||
});
|
||||
|
||||
//>> Body Overlay Js Start <<//
|
||||
$(".body-overlay").on("click", function() {
|
||||
$(".offcanvas__area").removeClass("offcanvas-opened");
|
||||
$(".df-search-area").removeClass("opened");;
|
||||
$(".body-overlay").removeClass("opened");
|
||||
});
|
||||
|
||||
//>> Sticky Header Js Start <<//
|
||||
|
||||
$(window).scroll(function() {
|
||||
if ($(this).scrollTop() > 250) {
|
||||
$("#header-sticky").addClass("sticky");
|
||||
} else {
|
||||
$("#header-sticky").removeClass("sticky");
|
||||
}
|
||||
});
|
||||
|
||||
//>> Hero Slider 1 Start <<//
|
||||
const sliderActive2 = ".hero-slider";
|
||||
const sliderInit2 = new Swiper(sliderActive2, {
|
||||
loop: true,
|
||||
slidesPerView: 1,
|
||||
effect: "fade",
|
||||
speed: 3000,
|
||||
autoplay: {
|
||||
delay: 6000,
|
||||
disableOnInteraction: false,
|
||||
},
|
||||
navigation: {
|
||||
nextEl: ".image-array-left",
|
||||
prevEl: ".image-array-right",
|
||||
},
|
||||
});
|
||||
|
||||
function animated_swiper(selector, init) {
|
||||
const animated = function animated() {
|
||||
$(selector + " [data-animation]").each(function () {
|
||||
let anim = $(this).data("animation");
|
||||
let delay = $(this).data("delay");
|
||||
let duration = $(this).data("duration");
|
||||
$(this)
|
||||
.removeClass("anim" + anim)
|
||||
.addClass(anim + " animated")
|
||||
.css({
|
||||
webkitAnimationDelay: delay,
|
||||
animationDelay: delay,
|
||||
webkitAnimationDuration: duration,
|
||||
animationDuration: duration,
|
||||
})
|
||||
.one("animationend", function () {
|
||||
$(this).removeClass(anim + " animated");
|
||||
});
|
||||
});
|
||||
};
|
||||
animated();
|
||||
init.on("slideChange", function () {
|
||||
$(sliderActive2 + " [data-animation]").removeClass("animated");
|
||||
});
|
||||
init.on("slideChange", animated);
|
||||
}
|
||||
animated_swiper(sliderActive2, sliderInit2);
|
||||
|
||||
//>> Hero Slider 2 Start <<//
|
||||
const sliderActive1 = ".hero-slider-2";
|
||||
const sliderInit1 = new Swiper(sliderActive1, {
|
||||
loop: true,
|
||||
slidesPerView: 1,
|
||||
effect: "fade",
|
||||
speed: 2000,
|
||||
autoplay: {
|
||||
delay: 5000,
|
||||
disableOnInteraction: false,
|
||||
},
|
||||
navigation: {
|
||||
nextEl: ".image-array-left",
|
||||
prevEl: ".image-array-right",
|
||||
},
|
||||
|
||||
});
|
||||
// content animation when active start here
|
||||
function animated_swiper(selector, init) {
|
||||
let animated = function animated() {
|
||||
$(selector + " [data-animation]").each(function () {
|
||||
let anim = $(this).data("animation");
|
||||
let delay = $(this).data("delay");
|
||||
let duration = $(this).data("duration");
|
||||
$(this)
|
||||
.removeClass("anim" + anim)
|
||||
.addClass(anim + " animated")
|
||||
.css({
|
||||
webkitAnimationDelay: delay,
|
||||
animationDelay: delay,
|
||||
webkitAnimationDuration: duration,
|
||||
animationDuration: duration,
|
||||
})
|
||||
.one("animationend", function () {
|
||||
$(this).removeClass(anim + " animated");
|
||||
});
|
||||
});
|
||||
};
|
||||
animated();
|
||||
init.on("slideChange", function () {
|
||||
$(sliderActive1 + " [data-animation]").removeClass("animated");
|
||||
});
|
||||
init.on("slideChange", animated);
|
||||
}
|
||||
animated_swiper(sliderActive1, sliderInit1);
|
||||
//>> Hero Slider End <<//
|
||||
|
||||
//>> Hero Slider 1 Start <<//
|
||||
const sliderActive3 = ".hero-slider-3";
|
||||
const sliderInit3 = new Swiper(sliderActive3, {
|
||||
loop: true,
|
||||
slidesPerView: 1,
|
||||
effect: "fade",
|
||||
speed: 3000,
|
||||
autoplay: {
|
||||
delay: 5000,
|
||||
disableOnInteraction: false,
|
||||
},
|
||||
navigation: {
|
||||
nextEl: ".image-array-left",
|
||||
prevEl: ".image-array-right",
|
||||
},
|
||||
});
|
||||
|
||||
function animated_swiper(selector, init) {
|
||||
const animated = function animated() {
|
||||
$(selector + " [data-animation]").each(function () {
|
||||
let anim = $(this).data("animation");
|
||||
let delay = $(this).data("delay");
|
||||
let duration = $(this).data("duration");
|
||||
$(this)
|
||||
.removeClass("anim" + anim)
|
||||
.addClass(anim + " animated")
|
||||
.css({
|
||||
webkitAnimationDelay: delay,
|
||||
animationDelay: delay,
|
||||
webkitAnimationDuration: duration,
|
||||
animationDuration: duration,
|
||||
})
|
||||
.one("animationend", function () {
|
||||
$(this).removeClass(anim + " animated");
|
||||
});
|
||||
});
|
||||
};
|
||||
animated();
|
||||
init.on("slideChange", function () {
|
||||
$(sliderActive3 + " [data-animation]").removeClass("animated");
|
||||
});
|
||||
init.on("slideChange", animated);
|
||||
}
|
||||
animated_swiper(sliderActive3, sliderInit3);
|
||||
|
||||
//>> Video Popup Start <<//
|
||||
$(".img-popup").magnificPopup({
|
||||
type: "image",
|
||||
gallery: {
|
||||
enabled: true,
|
||||
},
|
||||
});
|
||||
|
||||
$(".img-popup-2").magnificPopup({
|
||||
type: "image",
|
||||
gallery: {
|
||||
enabled: true,
|
||||
},
|
||||
});
|
||||
|
||||
$('.video-popup').magnificPopup({
|
||||
type: 'iframe',
|
||||
callbacks: {
|
||||
}
|
||||
});
|
||||
|
||||
//>> Counterup Start <<//
|
||||
$(".count").counterUp({
|
||||
delay: 15,
|
||||
time: 4000,
|
||||
});
|
||||
|
||||
//>> Wow Animation Start <<//
|
||||
new WOW().init();
|
||||
|
||||
//>> Nice Select Start <<//
|
||||
$('select').niceSelect();
|
||||
|
||||
//>> Car Rentals Slider Start <<//
|
||||
if($('.car-rentals-slider').length > 0) {
|
||||
const carRentalsSlider = new Swiper(".car-rentals-slider", {
|
||||
spaceBetween: 30,
|
||||
speed: 1000,
|
||||
loop: true,
|
||||
|
||||
navigation: {
|
||||
nextEl: ".array-prev",
|
||||
prevEl: ".array-next",
|
||||
},
|
||||
breakpoints: {
|
||||
1599: {
|
||||
slidesPerView: 4,
|
||||
},
|
||||
1199: {
|
||||
slidesPerView: 3,
|
||||
},
|
||||
991: {
|
||||
slidesPerView: 2,
|
||||
},
|
||||
767: {
|
||||
slidesPerView: 2,
|
||||
},
|
||||
575: {
|
||||
slidesPerView: 1,
|
||||
},
|
||||
0: {
|
||||
slidesPerView: 1,
|
||||
},
|
||||
},
|
||||
});
|
||||
}
|
||||
|
||||
if($('.car-rentals-slider-2').length > 0) {
|
||||
const carRentalsSlider2 = new Swiper(".car-rentals-slider-2", {
|
||||
spaceBetween: 30,
|
||||
speed: 1000,
|
||||
loop: true,
|
||||
navigation: {
|
||||
nextEl: ".array-prev",
|
||||
prevEl: ".array-next",
|
||||
},
|
||||
breakpoints: {
|
||||
1199: {
|
||||
slidesPerView: 3,
|
||||
},
|
||||
991: {
|
||||
slidesPerView: 2,
|
||||
},
|
||||
767: {
|
||||
slidesPerView: 2,
|
||||
},
|
||||
575: {
|
||||
slidesPerView: 1,
|
||||
},
|
||||
0: {
|
||||
slidesPerView: 1,
|
||||
},
|
||||
},
|
||||
});
|
||||
}
|
||||
|
||||
//>> Brand Rentals Slider Start <<//
|
||||
if($('.brand-slider').length > 0) {
|
||||
const brandSlider = new Swiper(".brand-slider", {
|
||||
spaceBetween: 30,
|
||||
speed: 2000,
|
||||
loop: true,
|
||||
autoplay: {
|
||||
delay: 2000,
|
||||
disableOnInteraction: false,
|
||||
},
|
||||
navigation: {
|
||||
nextEl: ".array-prev-2",
|
||||
prevEl: ".array-next-2",
|
||||
},
|
||||
breakpoints: {
|
||||
1399: {
|
||||
slidesPerView: 6,
|
||||
},
|
||||
1199: {
|
||||
slidesPerView: 5,
|
||||
},
|
||||
991: {
|
||||
slidesPerView: 4,
|
||||
},
|
||||
767: {
|
||||
slidesPerView: 3,
|
||||
},
|
||||
575: {
|
||||
slidesPerView: 1,
|
||||
},
|
||||
0: {
|
||||
slidesPerView: 1,
|
||||
},
|
||||
},
|
||||
});
|
||||
}
|
||||
|
||||
//>> Testimonial Slider Start <<//
|
||||
if($('.testimonial-slider').length > 0) {
|
||||
const testimonialSlider = new Swiper(".testimonial-slider", {
|
||||
spaceBetween: 30,
|
||||
speed: 2000,
|
||||
loop: true,
|
||||
autoplay: {
|
||||
delay: 2000,
|
||||
disableOnInteraction: false,
|
||||
},
|
||||
pagination: {
|
||||
el: ".dot",
|
||||
clickable: true,
|
||||
},
|
||||
breakpoints: {
|
||||
1199: {
|
||||
slidesPerView: 3,
|
||||
},
|
||||
991: {
|
||||
slidesPerView: 2,
|
||||
},
|
||||
767: {
|
||||
slidesPerView: 2,
|
||||
},
|
||||
575: {
|
||||
slidesPerView: 1,
|
||||
},
|
||||
0: {
|
||||
slidesPerView: 1,
|
||||
},
|
||||
},
|
||||
});
|
||||
}
|
||||
|
||||
if($('.testimonial-slider-2').length > 0) {
|
||||
const testimonialSlider2 = new Swiper(".testimonial-slider-2", {
|
||||
spaceBetween: 30,
|
||||
speed: 2000,
|
||||
loop: true,
|
||||
autoplay: {
|
||||
delay: 2000,
|
||||
disableOnInteraction: false,
|
||||
},
|
||||
navigation: {
|
||||
nextEl: ".array-prev",
|
||||
prevEl: ".array-next",
|
||||
},
|
||||
});
|
||||
}
|
||||
|
||||
if($('.testimonial-slider-3').length > 0) {
|
||||
const testimonialSlider3 = new Swiper(".testimonial-slider-3", {
|
||||
spaceBetween: 30,
|
||||
speed: 2000,
|
||||
loop: true,
|
||||
autoplay: {
|
||||
delay: 2000,
|
||||
disableOnInteraction: false,
|
||||
},
|
||||
|
||||
navigation: {
|
||||
nextEl: ".array-prev",
|
||||
prevEl: ".array-next",
|
||||
},
|
||||
});
|
||||
}
|
||||
|
||||
//>> Car Slider Slider Start <<//
|
||||
if($('.car-slider').length > 0) {
|
||||
const carSlider = new Swiper(".car-slider", {
|
||||
spaceBetween: 20,
|
||||
speed: 2000,
|
||||
loop: true,
|
||||
autoplay: {
|
||||
delay: 1000,
|
||||
disableOnInteraction: false,
|
||||
},
|
||||
breakpoints: {
|
||||
1399: {
|
||||
slidesPerView: 6,
|
||||
},
|
||||
1199: {
|
||||
slidesPerView: 5,
|
||||
},
|
||||
991: {
|
||||
slidesPerView: 4,
|
||||
},
|
||||
767: {
|
||||
slidesPerView: 3,
|
||||
},
|
||||
575: {
|
||||
slidesPerView: 1,
|
||||
},
|
||||
0: {
|
||||
slidesPerView: 1,
|
||||
},
|
||||
},
|
||||
});
|
||||
}
|
||||
|
||||
//>> Scroll Js Start <<//
|
||||
const scrollPath = document.querySelector(".scroll-up path");
|
||||
const pathLength = scrollPath.getTotalLength();
|
||||
scrollPath.style.transition = scrollPath.style.WebkitTransition = "none";
|
||||
scrollPath.style.strokeDasharray = pathLength + " " + pathLength;
|
||||
scrollPath.style.strokeDashoffset = pathLength;
|
||||
scrollPath.getBoundingClientRect();
|
||||
scrollPath.style.transition = scrollPath.style.WebkitTransition = "stroke-dashoffset 10ms linear";
|
||||
|
||||
const updatescroll = function() {
|
||||
let scrolltotal = $(window).scrollTop();
|
||||
let height = $(document).height() - $(window).height();
|
||||
let scrolltotalheight = pathLength - (scrolltotal * pathLength) / height;
|
||||
scrollPath.style.strokeDashoffset = scrolltotalheight;
|
||||
};
|
||||
updatescroll();
|
||||
|
||||
$(window).scroll(updatescroll);
|
||||
const offset = 50;
|
||||
const duration = 950;
|
||||
|
||||
$(window).on("scroll", function() {
|
||||
if (jQuery(this).scrollTop() > offset) {
|
||||
jQuery(".scroll-up").addClass("active-scroll");
|
||||
} else {
|
||||
jQuery(".scroll-up").removeClass("active-scroll");
|
||||
}
|
||||
});
|
||||
|
||||
$(".scroll-up").on("click", function(event) {
|
||||
event.preventDefault();
|
||||
jQuery("html, body").animate({
|
||||
scrollTop: 0,
|
||||
},
|
||||
duration
|
||||
);
|
||||
return false;
|
||||
});
|
||||
|
||||
//>> Search Popup Start <<//
|
||||
const $searchWrap = $(".search-wrap");
|
||||
const $navSearch = $(".nav-search");
|
||||
const $searchClose = $("#search-close");
|
||||
|
||||
$(".search-trigger").on("click", function (e) {
|
||||
e.preventDefault();
|
||||
$searchWrap.animate({ opacity: "toggle" }, 500);
|
||||
$navSearch.add($searchClose).addClass("open");
|
||||
});
|
||||
|
||||
$(".search-close").on("click", function (e) {
|
||||
e.preventDefault();
|
||||
$searchWrap.animate({ opacity: "toggle" }, 500);
|
||||
$navSearch.add($searchClose).removeClass("open");
|
||||
});
|
||||
|
||||
function closeSearch() {
|
||||
$searchWrap.fadeOut(200);
|
||||
$navSearch.add($searchClose).removeClass("open");
|
||||
}
|
||||
|
||||
$(document.body).on("click", function (e) {
|
||||
closeSearch();
|
||||
});
|
||||
|
||||
$(".search-trigger, .main-search-input").on("click", function (e) {
|
||||
e.stopPropagation();
|
||||
});
|
||||
|
||||
//>> Gsap Start <<//
|
||||
|
||||
if($('.car-sale-wrapper').length > 0) {
|
||||
const car = gsap.timeline({
|
||||
scrollTrigger: {
|
||||
trigger: ".car-sale-wrapper",
|
||||
scrub: 1,
|
||||
end: "+=1000",
|
||||
}
|
||||
});
|
||||
car.to(".car-shape", {xPercent: 20, ease: "none",});
|
||||
}
|
||||
|
||||
if($('.cta-car-booking-items').length > 0) {
|
||||
const car = gsap.timeline({
|
||||
scrollTrigger: {
|
||||
trigger: ".cta-car-booking-items",
|
||||
scrub: 1,
|
||||
end: "+=1000",
|
||||
}
|
||||
});
|
||||
car.to(".car-image", {xPercent: -20, ease: "none",});
|
||||
}
|
||||
|
||||
$(function() {
|
||||
$("#datepicker, #datepicker2, #datepicker3, #datepicker4, #datepicker5, #datepicker6, #datepicker7, #datepicker8, #datepicker9, #datepicker10, #datepicker11").datepicker({
|
||||
autoclose: true,
|
||||
todayHighlight: true
|
||||
});
|
||||
});
|
||||
|
||||
}); // End Document Ready Function
|
||||
|
||||
function loader() {
|
||||
$(window).on('load', function() {
|
||||
// Animate loader off screen
|
||||
$(".preloader").addClass('loaded');
|
||||
$(".preloader").delay(600).fadeOut();
|
||||
});
|
||||
}
|
||||
|
||||
loader();
|
||||
|
||||
|
||||
})(jQuery); // End jQuery
|
||||
|
||||
14
template/assets/js/swiper-bundle.min.js
vendored
Normal file
14
template/assets/js/swiper-bundle.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
71
template/assets/js/viewport.jquery.js
Normal file
71
template/assets/js/viewport.jquery.js
Normal file
@ -0,0 +1,71 @@
|
||||
/* ====================================================
|
||||
* jQuery Is In Viewport.
|
||||
* https://github.com/frontid/jQueryIsInViewport
|
||||
* Marcelo Iván Tosco (capynet)
|
||||
* Inspired on https://stackoverflow.com/a/40658647/1413049
|
||||
* ==================================================== */
|
||||
!function ($) {
|
||||
'use strict'
|
||||
|
||||
var Class = function (el, cb) {
|
||||
this.$el = $(el);
|
||||
this.cb = cb;
|
||||
this.watch();
|
||||
return this;
|
||||
};
|
||||
|
||||
Class.prototype = {
|
||||
|
||||
/**
|
||||
* Checks if the element is in.
|
||||
*
|
||||
* @returns {boolean}
|
||||
*/
|
||||
isIn: function isIn() {
|
||||
var _self = this;
|
||||
var $win = $(window);
|
||||
var elementTop = _self.$el.offset().top;
|
||||
var elementBottom = elementTop + _self.$el.outerHeight();
|
||||
var viewportTop = $win.scrollTop();
|
||||
var viewportBottom = viewportTop + $win.height();
|
||||
return elementBottom > viewportTop && elementTop < viewportBottom;
|
||||
},
|
||||
|
||||
/**
|
||||
* Launch a callback indicating when the element is in and when is out.
|
||||
*/
|
||||
watch: function () {
|
||||
var _self = this;
|
||||
var _isIn = false;
|
||||
|
||||
$(window).on('resize scroll', function () {
|
||||
|
||||
if (_self.isIn() && _isIn === false) {
|
||||
_self.cb.call(_self.$el, 'entered');
|
||||
_isIn = true;
|
||||
}
|
||||
|
||||
if (_isIn === true && !_self.isIn()) {
|
||||
_self.cb.call(_self.$el, 'leaved');
|
||||
_isIn = false;
|
||||
}
|
||||
|
||||
})
|
||||
}
|
||||
|
||||
|
||||
};
|
||||
|
||||
// jQuery plugin.
|
||||
//-----------------------------------------------------------
|
||||
$.fn.isInViewport = function (cb) {
|
||||
return this.each(function () {
|
||||
var $element = $(this);
|
||||
var data = $element.data('isInViewport');
|
||||
if (!data) {
|
||||
$element.data('isInViewport', (new Class(this, cb)));
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
}(window.jQuery);
|
||||
3
template/assets/js/wow.min.js
vendored
Normal file
3
template/assets/js/wow.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
Loading…
x
Reference in New Issue
Block a user