Initial commit
2
.gitattributes
vendored
Normal file
@ -0,0 +1,2 @@
|
|||||||
|
# Auto detect text files and perform LF normalization
|
||||||
|
* text=auto
|
294
about.php
Normal file
@ -0,0 +1,294 @@
|
|||||||
|
<?php include('header.php') ?>
|
||||||
|
|
||||||
|
<!-- About Section Start -->
|
||||||
|
<section class="about-section fix section-padding">
|
||||||
|
<div class="container">
|
||||||
|
<div class="about-wrapper-2">
|
||||||
|
<div class="row g-4">
|
||||||
|
<div class="col-lg-6 wow fadeInUp" data-wow-delay=".3s">
|
||||||
|
<div class="about-image">
|
||||||
|
<img src="img/about/01.png" alt="about-image">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-6">
|
||||||
|
<div class="about-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">Get to know us</span>
|
||||||
|
<h2 class="wow fadeInUp" data-wow-delay=".4s">
|
||||||
|
Driving Excellence for Over 15 Years.
|
||||||
|
</h2>
|
||||||
|
</div>
|
||||||
|
<p class="mt-3 mt-md-0 wow fadeInUp" data-wow-delay=".6s">
|
||||||
|
Bohara Car Rental was founded by Puran Bohara, an experienced driver who has navigated every corner of Nepal—from rugged mountain roads to
|
||||||
|
sleek city streets. Driven by a passion for travel and a commitment to exceptional service,
|
||||||
|
Puran established Bohara Car Rental to connect travelers with the beauty of Nepal.
|
||||||
|
<br>
|
||||||
|
|
||||||
|
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.
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
</p>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- Team Section Start -->
|
||||||
|
<section class="team-section fix section-padding pt-0">
|
||||||
|
<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 expert people</span>
|
||||||
|
<h2 class="wow fadeInUp" data-wow-delay=".4s">
|
||||||
|
Meet Our Professional <br>
|
||||||
|
Team Members
|
||||||
|
</h2>
|
||||||
|
</div>
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-xl-4 col-lg-6 col-md-6 wow fadeInUp" data-wow-delay=".3s">
|
||||||
|
<div class="team-card-items">
|
||||||
|
<div class="border-shape">
|
||||||
|
<img src="img/team/border.png" alt="img">
|
||||||
|
</div>
|
||||||
|
<div class="team-image">
|
||||||
|
<img src="img/team/team-01.jpg" alt="team-img">
|
||||||
|
</div>
|
||||||
|
<div class="team-content">
|
||||||
|
<h3><a href="about.php">Mike Hardson</a></h3>
|
||||||
|
<p>manager</p>
|
||||||
|
<div class="social-icon d-flex align-items-center justify-content-center">
|
||||||
|
<a href="about.php#"><i class="fab fa-twitter"></i></a>
|
||||||
|
<a href="about.php#"><i class="fab fa-facebook-f"></i></a>
|
||||||
|
<a href="about.php#"><i class="fab fa-youtube"></i></a>
|
||||||
|
<a href="about.php#"><i class="fab fa-linkedin-in"></i></a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-xl-4 col-lg-6 col-md-6 wow fadeInUp" data-wow-delay=".5s">
|
||||||
|
<div class="team-card-items">
|
||||||
|
<div class="border-shape">
|
||||||
|
<img src="img/team/border.png" alt="img">
|
||||||
|
</div>
|
||||||
|
<div class="team-image">
|
||||||
|
<img src="img/team/team-02.jpg" alt="team-img">
|
||||||
|
</div>
|
||||||
|
<div class="team-content">
|
||||||
|
<h3><a href="about.php">Aleesha Brown</a></h3>
|
||||||
|
<p>manager</p>
|
||||||
|
<div class="social-icon d-flex align-items-center justify-content-center">
|
||||||
|
<a href="about.php#"><i class="fab fa-twitter"></i></a>
|
||||||
|
<a href="about.php#"><i class="fab fa-facebook-f"></i></a>
|
||||||
|
<a href="about.php#"><i class="fab fa-youtube"></i></a>
|
||||||
|
<a href="about.php#"><i class="fab fa-linkedin-in"></i></a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-xl-4 col-lg-6 col-md-6 wow fadeInUp" data-wow-delay=".7s">
|
||||||
|
<div class="team-card-items">
|
||||||
|
<div class="border-shape">
|
||||||
|
<img src="img/team/border.png" alt="img">
|
||||||
|
</div>
|
||||||
|
<div class="team-image">
|
||||||
|
<img src="img/team/team-03.jpg" alt="team-img">
|
||||||
|
</div>
|
||||||
|
<div class="team-content">
|
||||||
|
<h3><a href="about.php">David Jhonson</a></h3>
|
||||||
|
<p>manager</p>
|
||||||
|
<div class="social-icon d-flex align-items-center justify-content-center">
|
||||||
|
<a href="about.php#"><i class="fab fa-twitter"></i></a>
|
||||||
|
<a href="about.php#"><i class="fab fa-facebook-f"></i></a>
|
||||||
|
<a href="about.php#"><i class="fab fa-youtube"></i></a>
|
||||||
|
<a href="about.php#"><i class="fab fa-linkedin-in"></i></a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- Funfact Section Start -->
|
||||||
|
<section class="funfact-section section-padding fix bg-cover mt-0" style="background-image: url('img/funfact-bg.jpg');">
|
||||||
|
<div class="container">
|
||||||
|
<div class="funfact-wrapper mt-0">
|
||||||
|
<div class="row g-4 align-items-center">
|
||||||
|
<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>
|
||||||
|
<h2 class="text-white wow fadeInUp" data-wow-delay=".4s">
|
||||||
|
Save Time & Money <br>
|
||||||
|
with Top Car Rent <br>
|
||||||
|
Services
|
||||||
|
</h2>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-6">
|
||||||
|
<div class="funfact-counter-area">
|
||||||
|
<div class="funfact-items wow fadeInUp" data-wow-delay=".3s">
|
||||||
|
<div class="icon">
|
||||||
|
<img src="img/icon/car.png" alt="img">
|
||||||
|
</div>
|
||||||
|
<h2><span class="count">990</span></h2>
|
||||||
|
<p>
|
||||||
|
Cars <br>
|
||||||
|
rentouts
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
<div class="funfact-items wow fadeInUp" data-wow-delay=".5s">
|
||||||
|
<div class="icon">
|
||||||
|
<img src="img/icon/center.png" alt="img">
|
||||||
|
</div>
|
||||||
|
<h2><span class="count">230</span></h2>
|
||||||
|
<p>
|
||||||
|
Center <br>
|
||||||
|
solutions
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
<div class="funfact-items wow fadeInUp" data-wow-delay=".7s">
|
||||||
|
<div class="icon">
|
||||||
|
<img src="img/icon/like.png" alt="img">
|
||||||
|
</div>
|
||||||
|
<h2><span class="count">660</span></h2>
|
||||||
|
<p>
|
||||||
|
happy <br>
|
||||||
|
customers
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</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('footer.php') ?>
|
||||||
|
|
||||||
|
|
||||||
|
|
418
car-details.php
Normal file
@ -0,0 +1,418 @@
|
|||||||
|
<?php include('header.php') ?>
|
||||||
|
<!-- Car Details Section Start -->
|
||||||
|
<section class="car-details fix section-padding">
|
||||||
|
<div class="container">
|
||||||
|
<div class="car-details-wrapper">
|
||||||
|
<div class="row g-5">
|
||||||
|
<div class="col-lg-8">
|
||||||
|
<div class="car-details-items">
|
||||||
|
<div class="car-image">
|
||||||
|
<img src="img/car/car-details.jpg" alt="img">
|
||||||
|
</div>
|
||||||
|
<div class="car-content">
|
||||||
|
<div class="star">
|
||||||
|
<i class="fa-solid fa-star"></i>
|
||||||
|
<i class="fa-solid fa-star"></i>
|
||||||
|
<i class="fa-solid fa-star"></i>
|
||||||
|
<i class="fa-solid fa-star"></i>
|
||||||
|
<i class="fa-solid fa-star"></i>
|
||||||
|
<span>2 Reviews</span>
|
||||||
|
</div>
|
||||||
|
<h3>Hyundai Accent Limited</h3>
|
||||||
|
<h6>$70.00 <span>/ Day</span></h6>
|
||||||
|
<p class="mt-4 mb-4">
|
||||||
|
To deliver on the promise of technology and human We help our clients become sions of themselves. Lorem Ipsum is simply dummy text of the printing and typesetting industry. orem ipsum has been the industry’s standard dummy text ever since the 1500s.
|
||||||
|
</p>
|
||||||
|
<div class="icon-details-area">
|
||||||
|
<h4>Key Features</h4>
|
||||||
|
<div class="icon-details-main-items">
|
||||||
|
<div class="icon-items">
|
||||||
|
<div class="icon">
|
||||||
|
<img src="img/car/icon/07.png" alt="img">
|
||||||
|
</div>
|
||||||
|
<div class="content">
|
||||||
|
<h6>body:</h6>
|
||||||
|
<p>Sedan</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="icon-items">
|
||||||
|
<div class="icon">
|
||||||
|
<img src="img/car/icon/07.png" alt="img">
|
||||||
|
</div>
|
||||||
|
<div class="content">
|
||||||
|
<h6>Mileage:</h6>
|
||||||
|
<p>70.000 (Mi)</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="icon-items">
|
||||||
|
<div class="icon">
|
||||||
|
<img src="img/car/icon/07.png" alt="img">
|
||||||
|
</div>
|
||||||
|
<div class="content">
|
||||||
|
<h6>Year:</h6>
|
||||||
|
<p>2024</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="icon-items">
|
||||||
|
<div class="icon">
|
||||||
|
<img src="img/car/icon/07.png" alt="img">
|
||||||
|
</div>
|
||||||
|
<div class="content">
|
||||||
|
<h6>Engine:</h6>
|
||||||
|
<p>2500 cc</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="icon-details-main-items">
|
||||||
|
<div class="icon-items">
|
||||||
|
<div class="icon">
|
||||||
|
<img src="img/car/door.svg" alt="img">
|
||||||
|
</div>
|
||||||
|
<div class="content">
|
||||||
|
<h6>Passengers:</h6>
|
||||||
|
<p>6 Seats</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="icon-items">
|
||||||
|
<div class="icon">
|
||||||
|
<img src="img/car/seat.svg" alt="img">
|
||||||
|
</div>
|
||||||
|
<div class="content">
|
||||||
|
<h6>Gear:</h6>
|
||||||
|
<p>Automatic</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="icon-items">
|
||||||
|
<div class="icon">
|
||||||
|
<img src="img/car/automatic.svg" alt="img">
|
||||||
|
</div>
|
||||||
|
<div class="content">
|
||||||
|
<h6>Gear:</h6>
|
||||||
|
<p>Automatic</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="icon-items">
|
||||||
|
<div class="icon">
|
||||||
|
<img src="img/car/petrol.svg" alt="img">
|
||||||
|
</div>
|
||||||
|
<div class="content">
|
||||||
|
<h6>Fuel:</h6>
|
||||||
|
<p>Petrol</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="price-table-area">
|
||||||
|
<h6>Table Price <span>( by day of the week )</span></h6>
|
||||||
|
<div class="price-table-items section-bg">
|
||||||
|
<p>Monday</p>
|
||||||
|
<p>$70.00</p>
|
||||||
|
</div>
|
||||||
|
<div class="price-table-items">
|
||||||
|
<p>Tuesday</p>
|
||||||
|
<p>$70.00</p>
|
||||||
|
</div>
|
||||||
|
<div class="price-table-items section-bg">
|
||||||
|
<p>Wednesday</p>
|
||||||
|
<p>$70.00</p>
|
||||||
|
</div>
|
||||||
|
<div class="price-table-items">
|
||||||
|
<p>Thursday</p>
|
||||||
|
<p>$70.00</p>
|
||||||
|
</div>
|
||||||
|
<div class="price-table-items section-bg">
|
||||||
|
<p>Friday</p>
|
||||||
|
<p>$70.00</p>
|
||||||
|
</div>
|
||||||
|
<div class="price-table-items">
|
||||||
|
<p>Saturday</p>
|
||||||
|
<p>$70.00</p>
|
||||||
|
</div>
|
||||||
|
<div class="price-table-items section-bg">
|
||||||
|
<p>Sunday</p>
|
||||||
|
<p>$70.00</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="car-video">
|
||||||
|
<img src="img/car/car-details-2.jpg" alt="img">
|
||||||
|
<div class="video-box">
|
||||||
|
<a href="https://www.youtube.com/watch?v=Cn4G2lZ_g2I" class="video-btn ripple video-popup">
|
||||||
|
<i class="fa-solid fa-play"></i>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="car-booking-items">
|
||||||
|
<div class="booking-header">
|
||||||
|
<h3>Request for Booking</h3>
|
||||||
|
<p>Send your requirement to us. We will check email and contact you soon.</p>
|
||||||
|
</div>
|
||||||
|
<form action="#" id="contact-form" method="POST" class="contact-form-items">
|
||||||
|
<div class="row g-4">
|
||||||
|
<div class="col-lg-6">
|
||||||
|
<div class="form-clt">
|
||||||
|
<label class="label-text">Your Name</label>
|
||||||
|
<input type="text" name="name" id="name" placeholder="Afzaal Islam">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-6">
|
||||||
|
<div class="form-clt">
|
||||||
|
<label class="label-text">Email</label>
|
||||||
|
<input type="text" name="email" id="email" placeholder="pixydrops@gmail.com">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-6">
|
||||||
|
<div class="form-clt">
|
||||||
|
<label class="label-text">Phone Number</label>
|
||||||
|
<input type="text" name="phone" id="phone" placeholder="+ 00 0000 - 000">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-6">
|
||||||
|
<div class="form-clt">
|
||||||
|
<label class="label-text">Address</label>
|
||||||
|
<input type="text" name="address" id="address" placeholder="Address">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-4">
|
||||||
|
<div class="form-clt">
|
||||||
|
<label class="label-text">Pick-up Location</label>
|
||||||
|
<div class="category-oneadjust">
|
||||||
|
<select name="cate" class="category" style="display: none;">
|
||||||
|
<option value="1">
|
||||||
|
Select Location
|
||||||
|
</option>
|
||||||
|
<option value="1">
|
||||||
|
Houston
|
||||||
|
</option>
|
||||||
|
<option value="1">
|
||||||
|
Texas
|
||||||
|
</option>
|
||||||
|
<option value="1">
|
||||||
|
New York
|
||||||
|
</option>
|
||||||
|
<option value="1">
|
||||||
|
Other Location
|
||||||
|
</option>
|
||||||
|
</select><div class="nice-select category" tabindex="0"><span class="current">
|
||||||
|
Select Location
|
||||||
|
</span><ul class="list"><li data-value="1" class="option selected">
|
||||||
|
Select Location
|
||||||
|
</li><li data-value="1" class="option">
|
||||||
|
Houston
|
||||||
|
</li><li data-value="1" class="option">
|
||||||
|
Texas
|
||||||
|
</li><li data-value="1" class="option">
|
||||||
|
New York
|
||||||
|
</li><li data-value="1" class="option">
|
||||||
|
Other Location
|
||||||
|
</li></ul></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-4">
|
||||||
|
<div class="form-clt">
|
||||||
|
<label class="label-text">Pick-up Date</label>
|
||||||
|
<div id="datepicker3" class="input-group date" data-date-format="dd-mm-yyyy">
|
||||||
|
<input class="form-control" type="text" placeholder="Check in" readonly>
|
||||||
|
<span class="input-group-addon"> <i class="fa-solid fa-calendar-days"></i></span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-4">
|
||||||
|
<div class="form-clt">
|
||||||
|
<label class="label-text">Drop-off Date</label>
|
||||||
|
<div id="datepicker4" class="input-group date" data-date-format="dd-mm-yyyy">
|
||||||
|
<input class="form-control" type="text" placeholder="Check in" readonly>
|
||||||
|
<span class="input-group-addon"> <i class="fa-solid fa-calendar-days"></i></span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-5">
|
||||||
|
<div class="input-save-items-area">
|
||||||
|
<div class="input-save-items">
|
||||||
|
<div class="input-save d-flex align-items-center mb-3">
|
||||||
|
<input type="checkbox" class="form-check-input" name="save-for-next" id="saveForNext1">
|
||||||
|
<label for="saveForNext1">Driver</label>
|
||||||
|
</div>
|
||||||
|
<div class="input-save d-flex align-items-center">
|
||||||
|
<input type="checkbox" class="form-check-input" name="save-for-next" id="saveForNext2">
|
||||||
|
<label for="saveForNext2">Baby Seat</label>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="input-save-items">
|
||||||
|
<div class="input-save d-flex align-items-center mb-3">
|
||||||
|
<label>$10.00 / Day</label>
|
||||||
|
</div>
|
||||||
|
<div class="input-save d-flex align-items-center">
|
||||||
|
<label>$30.00 / Total</label>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-12">
|
||||||
|
<button class="theme-btn" type="submit">
|
||||||
|
Send Request
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
<div class="comment-reviews">
|
||||||
|
<h3>2 Reviews</h3>
|
||||||
|
<div class="car-single-comment d-flex gap-4 pb-5">
|
||||||
|
<div class="image">
|
||||||
|
<img src="img/car/comment01.png" alt="image">
|
||||||
|
</div>
|
||||||
|
<div class="content">
|
||||||
|
<div class="head d-flex flex-wrap gap-3 align-items-center justify-content-between">
|
||||||
|
<div class="con">
|
||||||
|
<h4>Kevin Martin</h4>
|
||||||
|
</div>
|
||||||
|
<div class="star">
|
||||||
|
<i class="fa-solid fa-star"></i>
|
||||||
|
<i class="fa-solid fa-star"></i>
|
||||||
|
<i class="fa-solid fa-star"></i>
|
||||||
|
<i class="fa-solid fa-star"></i>
|
||||||
|
<i class="fa-solid fa-star"></i>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<p class="mt-4">
|
||||||
|
It has survived not only five centuries, but also the into electronic typesetting simply fee text aunchanged. It was popularised in the sheets containing lorem ipsum is simply free text.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="car-single-comment d-flex gap-4 pt-5 border-none">
|
||||||
|
<div class="image">
|
||||||
|
<img src="img/car/comment02.png" alt="image">
|
||||||
|
</div>
|
||||||
|
<div class="content">
|
||||||
|
<div class="head d-flex flex-wrap gap-3 align-items-center justify-content-between">
|
||||||
|
<div class="con">
|
||||||
|
<h4>Sarah Albert</h4>
|
||||||
|
</div>
|
||||||
|
<div class="star">
|
||||||
|
<i class="fa-solid fa-star"></i>
|
||||||
|
<i class="fa-solid fa-star"></i>
|
||||||
|
<i class="fa-solid fa-star"></i>
|
||||||
|
<i class="fa-solid fa-star"></i>
|
||||||
|
<i class="fa-solid fa-star"></i>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<p class="mt-4">
|
||||||
|
It has survived not only five centuries, but also the into electronic typesetting simply fee text aunchanged. It was popularised in the sheets containing lorem ipsum is simply free text.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-4">
|
||||||
|
<div class="car-list-sidebar">
|
||||||
|
<h4 class="title">Booking Form</h4>
|
||||||
|
<form action="#" id="contact-form2" method="POST" class="contact-form-items">
|
||||||
|
<div class="row g-4">
|
||||||
|
<div class="col-lg-12">
|
||||||
|
<div class="form-clt">
|
||||||
|
<label class="label-text">Pick-up Location</label>
|
||||||
|
<div class="category-oneadjust">
|
||||||
|
<select name="cate" class="category">
|
||||||
|
<option value="1">
|
||||||
|
Select Location
|
||||||
|
</option>
|
||||||
|
<option value="1">
|
||||||
|
Houston
|
||||||
|
</option>
|
||||||
|
<option value="1">
|
||||||
|
Texas
|
||||||
|
</option>
|
||||||
|
<option value="1">
|
||||||
|
New York
|
||||||
|
</option>
|
||||||
|
<option value="1">
|
||||||
|
Other Location
|
||||||
|
</option>
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-12">
|
||||||
|
<div class="form-clt">
|
||||||
|
<label class="label-text">Pick-up Date</label>
|
||||||
|
<div id="datepicker" class="input-group date" data-date-format="dd-mm-yyyy">
|
||||||
|
<input class="form-control" type="text" placeholder="Check in" readonly>
|
||||||
|
<span class="input-group-addon"> <i class="fa-solid fa-calendar-days"></i></span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-12">
|
||||||
|
<div class="form-clt">
|
||||||
|
<label class="label-text">Drop-off Date</label>
|
||||||
|
<div id="datepicker2" class="input-group date" data-date-format="dd-mm-yyyy">
|
||||||
|
<input class="form-control" type="text" placeholder="Check in" readonly>
|
||||||
|
<span class="input-group-addon"> <i class="fa-solid fa-calendar-days"></i></span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-12">
|
||||||
|
<div class="form-clt">
|
||||||
|
<label class="label-text">Quantity</label>
|
||||||
|
<div class="category-oneadjust">
|
||||||
|
<select name="cate" class="category">
|
||||||
|
<option value="1">
|
||||||
|
1
|
||||||
|
</option>
|
||||||
|
<option value="1">
|
||||||
|
2
|
||||||
|
</option>
|
||||||
|
<option value="1">
|
||||||
|
3
|
||||||
|
</option>
|
||||||
|
<option value="1">
|
||||||
|
4
|
||||||
|
</option>
|
||||||
|
<option value="1">
|
||||||
|
5
|
||||||
|
</option>
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-12">
|
||||||
|
<div class="form-clt">
|
||||||
|
<label class="label-text">Resources</label>
|
||||||
|
<div class="input-save-items-area">
|
||||||
|
<div class="input-save-items">
|
||||||
|
<div class="input-save d-flex align-items-center mb-3">
|
||||||
|
<input type="checkbox" class="form-check-input" name="save-for-next" id="saveForNext3">
|
||||||
|
<label for="saveForNext3">Driver</label>
|
||||||
|
</div>
|
||||||
|
<div class="input-save d-flex align-items-center">
|
||||||
|
<input type="checkbox" class="form-check-input" name="save-for-next" id="saveForNext4">
|
||||||
|
<label for="saveForNext4">Baby Seat</label>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="input-save-items">
|
||||||
|
<div class="input-save d-flex align-items-center mb-3">
|
||||||
|
<label>$10.00 / Day</label>
|
||||||
|
</div>
|
||||||
|
<div class="input-save d-flex align-items-center">
|
||||||
|
<label>$30.00 / Total</label>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-12">
|
||||||
|
<div class="form-clt">
|
||||||
|
<button type="submit" class="theme-btn">Book Now</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
<?php include('footer.php') ?>
|
301
car-grid.php
Normal file
@ -0,0 +1,301 @@
|
|||||||
|
<?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="indexphp">
|
||||||
|
Home
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<i class="fas fa-chevron-right"></i>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
Cars
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
<h1 class="wow fadeInUp" data-wow-delay=".5s">Grid Style</h1>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Car Rentals Section Start -->
|
||||||
|
<section class="car-rentals-section-2 section-padding fix">
|
||||||
|
<div class="container">
|
||||||
|
<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/car/05.jpg" alt="img">
|
||||||
|
</div>
|
||||||
|
<div class="car-content">
|
||||||
|
<div class="post-cat">
|
||||||
|
2024 Model
|
||||||
|
</div>
|
||||||
|
<div class="star">
|
||||||
|
<i class="fa-solid fa-star"></i>
|
||||||
|
<i class="fa-solid fa-star"></i>
|
||||||
|
<i class="fa-solid fa-star"></i>
|
||||||
|
<i class="fa-solid fa-star"></i>
|
||||||
|
<i class="fa-solid fa-star"></i>
|
||||||
|
<span>2 Reviews</span>
|
||||||
|
</div>
|
||||||
|
<h4><a href="car-detailsphp">Hyundai Accent Limited</a></h4>
|
||||||
|
<h6>$70.00 <span>/ Day</span></h6>
|
||||||
|
<div class="icon-items">
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
<img src="img/car/seat.svg" alt="img" class="me-1">
|
||||||
|
6 Seats
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<img src="img/car/door.svg" alt="img" class="me-1">
|
||||||
|
2 Doors
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
<img src="img/car/automatic.svg" alt="img" class="me-1">
|
||||||
|
Automatic
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<img src="img/car/petrol.svg" alt="img" class="me-1">
|
||||||
|
Petrol
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<a href="car-detailsphp" 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">
|
||||||
|
</div>
|
||||||
|
<div class="car-content">
|
||||||
|
<div class="post-cat">
|
||||||
|
2024 Model
|
||||||
|
</div>
|
||||||
|
<div class="star">
|
||||||
|
<i class="fa-solid fa-star"></i>
|
||||||
|
<i class="fa-solid fa-star"></i>
|
||||||
|
<i class="fa-solid fa-star"></i>
|
||||||
|
<i class="fa-solid fa-star"></i>
|
||||||
|
<i class="fa-solid fa-star"></i>
|
||||||
|
<span>2 Reviews</span>
|
||||||
|
</div>
|
||||||
|
<h4><a href="car-detailsphp">Hyundai Accent Limited</a></h4>
|
||||||
|
<h6>$70.00 <span>/ Day</span></h6>
|
||||||
|
<div class="icon-items">
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
<img src="img/car/seat.svg" alt="img" class="me-1">
|
||||||
|
6 Seats
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<img src="img/car/door.svg" alt="img" class="me-1">
|
||||||
|
2 Doors
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
<img src="img/car/automatic.svg" alt="img" class="me-1">
|
||||||
|
Automatic
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<img src="img/car/petrol.svg" alt="img" class="me-1">
|
||||||
|
Petrol
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<a href="car-detailsphp" 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">
|
||||||
|
</div>
|
||||||
|
<div class="car-content">
|
||||||
|
<div class="post-cat">
|
||||||
|
2024 Model
|
||||||
|
</div>
|
||||||
|
<div class="star">
|
||||||
|
<i class="fa-solid fa-star"></i>
|
||||||
|
<i class="fa-solid fa-star"></i>
|
||||||
|
<i class="fa-solid fa-star"></i>
|
||||||
|
<i class="fa-solid fa-star"></i>
|
||||||
|
<i class="fa-solid fa-star"></i>
|
||||||
|
<span>2 Reviews</span>
|
||||||
|
</div>
|
||||||
|
<h4><a href="car-detailsphp">Hyundai Accent Limited</a></h4>
|
||||||
|
<h6>$70.00 <span>/ Day</span></h6>
|
||||||
|
<div class="icon-items">
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
<img src="img/car/seat.svg" alt="img" class="me-1">
|
||||||
|
6 Seats
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<img src="img/car/door.svg" alt="img" class="me-1">
|
||||||
|
2 Doors
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
<img src="img/car/automatic.svg" alt="img" class="me-1">
|
||||||
|
Automatic
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<img src="img/car/petrol.svg" alt="img" class="me-1">
|
||||||
|
Petrol
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<a href="car-detailsphp" 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">
|
||||||
|
</div>
|
||||||
|
<div class="car-content">
|
||||||
|
<div class="post-cat">
|
||||||
|
2024 Model
|
||||||
|
</div>
|
||||||
|
<div class="star">
|
||||||
|
<i class="fa-solid fa-star"></i>
|
||||||
|
<i class="fa-solid fa-star"></i>
|
||||||
|
<i class="fa-solid fa-star"></i>
|
||||||
|
<i class="fa-solid fa-star"></i>
|
||||||
|
<i class="fa-solid fa-star"></i>
|
||||||
|
<span>2 Reviews</span>
|
||||||
|
</div>
|
||||||
|
<h4><a href="car-detailsphp">Hyundai Accent Limited</a></h4>
|
||||||
|
<h6>$70.00 <span>/ Day</span></h6>
|
||||||
|
<div class="icon-items">
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
<img src="img/car/seat.svg" alt="img" class="me-1">
|
||||||
|
6 Seats
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<img src="img/car/door.svg" alt="img" class="me-1">
|
||||||
|
2 Doors
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
<img src="img/car/automatic.svg" alt="img" class="me-1">
|
||||||
|
Automatic
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<img src="img/car/petrol.svg" alt="img" class="me-1">
|
||||||
|
Petrol
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<a href="car-detailsphp" 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">
|
||||||
|
2024 Model
|
||||||
|
</div>
|
||||||
|
<div class="star">
|
||||||
|
<i class="fa-solid fa-star"></i>
|
||||||
|
<i class="fa-solid fa-star"></i>
|
||||||
|
<i class="fa-solid fa-star"></i>
|
||||||
|
<i class="fa-solid fa-star"></i>
|
||||||
|
<i class="fa-solid fa-star"></i>
|
||||||
|
<span>2 Reviews</span>
|
||||||
|
</div>
|
||||||
|
<h4><a href="car-detailsphp">Hyundai Accent Limited</a></h4>
|
||||||
|
<h6>$70.00 <span>/ Day</span></h6>
|
||||||
|
<div class="icon-items">
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
<img src="img/car/seat.svg" alt="img" class="me-1">
|
||||||
|
6 Seats
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<img src="img/car/door.svg" alt="img" class="me-1">
|
||||||
|
2 Doors
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
<img src="img/car/automatic.svg" alt="img" class="me-1">
|
||||||
|
Automatic
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<img src="img/car/petrol.svg" alt="img" class="me-1">
|
||||||
|
Petrol
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<a href="car-detailsphp" 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">
|
||||||
|
</div>
|
||||||
|
<div class="car-content">
|
||||||
|
<div class="post-cat">
|
||||||
|
2024 Model
|
||||||
|
</div>
|
||||||
|
<div class="star">
|
||||||
|
<i class="fa-solid fa-star"></i>
|
||||||
|
<i class="fa-solid fa-star"></i>
|
||||||
|
<i class="fa-solid fa-star"></i>
|
||||||
|
<i class="fa-solid fa-star"></i>
|
||||||
|
<i class="fa-solid fa-star"></i>
|
||||||
|
<span>2 Reviews</span>
|
||||||
|
</div>
|
||||||
|
<h4><a href="car-detailsphp">Hyundai Accent Limited</a></h4>
|
||||||
|
<h6>$70.00 <span>/ Day</span></h6>
|
||||||
|
<div class="icon-items">
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
<img src="img/car/seat.svg" alt="img" class="me-1">
|
||||||
|
6 Seats
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<img src="img/car/door.svg" alt="img" class="me-1">
|
||||||
|
2 Doors
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
<img src="img/car/automatic.svg" alt="img" class="me-1">
|
||||||
|
Automatic
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<img src="img/car/petrol.svg" alt="img" class="me-1">
|
||||||
|
Petrol
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<a href="car-detailsphp" class="theme-btn bg-color w-100 text-center">book now <i class="fa-solid fa-arrow-right ps-1"></i></a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
<?php include('footer.php') ?>
|
452
car-list-sidebar.php
Normal file
@ -0,0 +1,452 @@
|
|||||||
|
|
||||||
|
<?php include('header.php') ?>
|
||||||
|
<!-- Car Rentals Section Start -->
|
||||||
|
<section class="car-list-section section-padding fix">
|
||||||
|
<div class="container">
|
||||||
|
<div class="car-list-wrapper">
|
||||||
|
<div class="row g-4">
|
||||||
|
<div class="col-lg-4">
|
||||||
|
<div class="car-list-sidebar">
|
||||||
|
<h4 class="title">Search Car</h4>
|
||||||
|
<form action="#" id="contact-form" method="POST" class="contact-form-items">
|
||||||
|
<div class="row g-4">
|
||||||
|
<div class="col-lg-12">
|
||||||
|
<div class="form-clt">
|
||||||
|
<label class="label-text">Category</label>
|
||||||
|
<div class="category-oneadjust">
|
||||||
|
<select name="cate" class="category">
|
||||||
|
<option value="1">
|
||||||
|
Select Category
|
||||||
|
</option>
|
||||||
|
<option value="1">
|
||||||
|
Category 01
|
||||||
|
</option>
|
||||||
|
<option value="1">
|
||||||
|
Category 02
|
||||||
|
</option>
|
||||||
|
<option value="1">
|
||||||
|
Category 03
|
||||||
|
</option>
|
||||||
|
<option value="1">
|
||||||
|
Category 04
|
||||||
|
</option>
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-12">
|
||||||
|
<div class="form-clt">
|
||||||
|
<label class="label-text">Pick-up Location</label>
|
||||||
|
<div class="category-oneadjust">
|
||||||
|
<select name="cate" class="category">
|
||||||
|
<option value="1">
|
||||||
|
Select Location
|
||||||
|
</option>
|
||||||
|
<option value="1">
|
||||||
|
Houston
|
||||||
|
</option>
|
||||||
|
<option value="1">
|
||||||
|
Texas
|
||||||
|
</option>
|
||||||
|
<option value="1">
|
||||||
|
New York
|
||||||
|
</option>
|
||||||
|
<option value="1">
|
||||||
|
Other Location
|
||||||
|
</option>
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-12">
|
||||||
|
<div class="form-clt">
|
||||||
|
<label class="label-text">Dropoff Location</label>
|
||||||
|
<div class="category-oneadjust">
|
||||||
|
<select name="cate" class="category">
|
||||||
|
<option value="1">
|
||||||
|
Select Location
|
||||||
|
</option>
|
||||||
|
<option value="1">
|
||||||
|
Houston
|
||||||
|
</option>
|
||||||
|
<option value="1">
|
||||||
|
Texas
|
||||||
|
</option>
|
||||||
|
<option value="1">
|
||||||
|
New York
|
||||||
|
</option>
|
||||||
|
<option value="1">
|
||||||
|
Other Location
|
||||||
|
</option>
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-12">
|
||||||
|
<div class="form-clt">
|
||||||
|
<label class="label-text">Pick-up Date</label>
|
||||||
|
<div id="datepicker" class="input-group date" data-date-format="dd-mm-yyyy">
|
||||||
|
<input class="form-control" type="text" placeholder="Check in" readonly>
|
||||||
|
<span class="input-group-addon"> <i class="fa-solid fa-calendar-days"></i></span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-12">
|
||||||
|
<div class="form-clt">
|
||||||
|
<label class="label-text">Drop-off Date</label>
|
||||||
|
<div id="datepicker2" class="input-group date" data-date-format="dd-mm-yyyy">
|
||||||
|
<input class="form-control" type="text" placeholder="Check in" readonly>
|
||||||
|
<span class="input-group-addon"> <i class="fa-solid fa-calendar-days"></i></span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-12">
|
||||||
|
<div class="form-clt">
|
||||||
|
<label class="label-text">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>
|
||||||
|
<div class="col-lg-12">
|
||||||
|
<div class="form-clt">
|
||||||
|
<label class="label-text">Colors</label>
|
||||||
|
<div class="category-oneadjust">
|
||||||
|
<select name="cate" class="category">
|
||||||
|
<option value="1">
|
||||||
|
Select Colors
|
||||||
|
</option>
|
||||||
|
<option value="1">
|
||||||
|
Red
|
||||||
|
</option>
|
||||||
|
<option value="1">
|
||||||
|
Green
|
||||||
|
</option>
|
||||||
|
<option value="1">
|
||||||
|
Yellow
|
||||||
|
</option>
|
||||||
|
<option value="1">
|
||||||
|
Black
|
||||||
|
</option>
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-12">
|
||||||
|
<div class="form-clt">
|
||||||
|
<button type="submit" class="theme-btn">Search Now</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-8">
|
||||||
|
<div class="woocommerce-notices-wrapper">
|
||||||
|
<div class="product-showing">
|
||||||
|
<p>Showing 1–9 of 12 Results</p>
|
||||||
|
</div>
|
||||||
|
<div class="woocommerce-right d-flex align-items-center">
|
||||||
|
<div class="icon-items">
|
||||||
|
<a href="car-grid.php"><i class="fas fa-th"></i></a>
|
||||||
|
<a href="car-list.php"><i class="fa-solid fa-list"></i></a>
|
||||||
|
</div>
|
||||||
|
<div class="form-clt">
|
||||||
|
<div class="nice-select" tabindex="0">
|
||||||
|
<span class="current">
|
||||||
|
Sort by Popular
|
||||||
|
</span>
|
||||||
|
<ul class="list">
|
||||||
|
<li data-value="1" class="option selected focus">
|
||||||
|
Default sorting
|
||||||
|
</li>
|
||||||
|
<li data-value="1" class="option">
|
||||||
|
Sort by popularity
|
||||||
|
</li>
|
||||||
|
<li data-value="1" class="option">
|
||||||
|
Sort by average rating
|
||||||
|
</li>
|
||||||
|
<li data-value="1" class="option">
|
||||||
|
Sort by latest
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="row g-4">
|
||||||
|
<div class="col-lg-12">
|
||||||
|
<div class="car-list-items style-2">
|
||||||
|
<div class="car-image bg-cover" style="background-image: url('img/car/car-list-1.jpg');">
|
||||||
|
<div class="post-cat">
|
||||||
|
2024 Model
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="car-content">
|
||||||
|
<div class="star">
|
||||||
|
<i class="fa-solid fa-star"></i>
|
||||||
|
<i class="fa-solid fa-star"></i>
|
||||||
|
<i class="fa-solid fa-star"></i>
|
||||||
|
<i class="fa-solid fa-star"></i>
|
||||||
|
<i class="fa-solid fa-star"></i>
|
||||||
|
<span>2 Reviews</span>
|
||||||
|
</div>
|
||||||
|
<h6 class="price">$70.00 <span>/ Day</span></h6>
|
||||||
|
<h3><a href="car-details.php">Hyundai Accent Limited</a></h3>
|
||||||
|
<p>
|
||||||
|
To deliver on the promise of technology and human ingenuity We help our clients become the next and best versions of themselves.
|
||||||
|
</p>
|
||||||
|
<ul class="icon-items">
|
||||||
|
<li>
|
||||||
|
<img src="img/car/seat.svg" alt="img" class="me-1">
|
||||||
|
6 Seats
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<img src="img/car/door.svg" alt="img" class="me-1">
|
||||||
|
2 Doors
|
||||||
|
</li>
|
||||||
|
<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>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-12">
|
||||||
|
<div class="car-list-items style-2">
|
||||||
|
<div class="car-image bg-cover" style="background-image: url('img/car/car-list-2.jpg');">
|
||||||
|
<div class="post-cat">
|
||||||
|
2024 Model
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="car-content">
|
||||||
|
<div class="star">
|
||||||
|
<i class="fa-solid fa-star"></i>
|
||||||
|
<i class="fa-solid fa-star"></i>
|
||||||
|
<i class="fa-solid fa-star"></i>
|
||||||
|
<i class="fa-solid fa-star"></i>
|
||||||
|
<i class="fa-solid fa-star"></i>
|
||||||
|
<span>2 Reviews</span>
|
||||||
|
</div>
|
||||||
|
<h6 class="price">$70.00 <span>/ Day</span></h6>
|
||||||
|
<h3><a href="car-details.php">Hyundai Accent Limited</a></h3>
|
||||||
|
<p>
|
||||||
|
To deliver on the promise of technology and human ingenuity We help our clients become the next and best versions of themselves.
|
||||||
|
</p>
|
||||||
|
<ul class="icon-items">
|
||||||
|
<li>
|
||||||
|
<img src="img/car/seat.svg" alt="img" class="me-1">
|
||||||
|
6 Seats
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<img src="img/car/door.svg" alt="img" class="me-1">
|
||||||
|
2 Doors
|
||||||
|
</li>
|
||||||
|
<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>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-12">
|
||||||
|
<div class="car-list-items style-2">
|
||||||
|
<div class="car-image bg-cover" style="background-image: url('img/car/car-list-3.jpg');">
|
||||||
|
<div class="post-cat">
|
||||||
|
2024 Model
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="car-content">
|
||||||
|
<div class="star">
|
||||||
|
<i class="fa-solid fa-star"></i>
|
||||||
|
<i class="fa-solid fa-star"></i>
|
||||||
|
<i class="fa-solid fa-star"></i>
|
||||||
|
<i class="fa-solid fa-star"></i>
|
||||||
|
<i class="fa-solid fa-star"></i>
|
||||||
|
<span>2 Reviews</span>
|
||||||
|
</div>
|
||||||
|
<h6 class="price">$70.00 <span>/ Day</span></h6>
|
||||||
|
<h3><a href="car-details.php">Hyundai Accent Limited</a></h3>
|
||||||
|
<p>
|
||||||
|
To deliver on the promise of technology and human ingenuity We help our clients become the next and best versions of themselves.
|
||||||
|
</p>
|
||||||
|
<ul class="icon-items">
|
||||||
|
<li>
|
||||||
|
<img src="img/car/seat.svg" alt="img" class="me-1">
|
||||||
|
6 Seats
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<img src="img/car/door.svg" alt="img" class="me-1">
|
||||||
|
2 Doors
|
||||||
|
</li>
|
||||||
|
<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>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-12">
|
||||||
|
<div class="car-list-items style-2">
|
||||||
|
<div class="car-image bg-cover" style="background-image: url('img/car/car-list-4.jpg');">
|
||||||
|
<div class="post-cat">
|
||||||
|
2024 Model
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="car-content">
|
||||||
|
<div class="star">
|
||||||
|
<i class="fa-solid fa-star"></i>
|
||||||
|
<i class="fa-solid fa-star"></i>
|
||||||
|
<i class="fa-solid fa-star"></i>
|
||||||
|
<i class="fa-solid fa-star"></i>
|
||||||
|
<i class="fa-solid fa-star"></i>
|
||||||
|
<span>2 Reviews</span>
|
||||||
|
</div>
|
||||||
|
<h6 class="price">$70.00 <span>/ Day</span></h6>
|
||||||
|
<h3><a href="car-details.php">Hyundai Accent Limited</a></h3>
|
||||||
|
<p>
|
||||||
|
To deliver on the promise of technology and human ingenuity We help our clients become the next and best versions of themselves.
|
||||||
|
</p>
|
||||||
|
<ul class="icon-items">
|
||||||
|
<li>
|
||||||
|
<img src="img/car/seat.svg" alt="img" class="me-1">
|
||||||
|
6 Seats
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<img src="img/car/door.svg" alt="img" class="me-1">
|
||||||
|
2 Doors
|
||||||
|
</li>
|
||||||
|
<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>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-12">
|
||||||
|
<div class="car-list-items style-2">
|
||||||
|
<div class="car-image bg-cover" style="background-image: url('img/car/car-list-5.jpg');">
|
||||||
|
<div class="post-cat">
|
||||||
|
2024 Model
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="car-content">
|
||||||
|
<div class="star">
|
||||||
|
<i class="fa-solid fa-star"></i>
|
||||||
|
<i class="fa-solid fa-star"></i>
|
||||||
|
<i class="fa-solid fa-star"></i>
|
||||||
|
<i class="fa-solid fa-star"></i>
|
||||||
|
<i class="fa-solid fa-star"></i>
|
||||||
|
<span>2 Reviews</span>
|
||||||
|
</div>
|
||||||
|
<h6 class="price">$70.00 <span>/ Day</span></h6>
|
||||||
|
<h3><a href="car-details.php">Hyundai Accent Limited</a></h3>
|
||||||
|
<p>
|
||||||
|
To deliver on the promise of technology and human ingenuity We help our clients become the next and best versions of themselves.
|
||||||
|
</p>
|
||||||
|
<ul class="icon-items">
|
||||||
|
<li>
|
||||||
|
<img src="img/car/seat.svg" alt="img" class="me-1">
|
||||||
|
6 Seats
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<img src="img/car/door.svg" alt="img" class="me-1">
|
||||||
|
2 Doors
|
||||||
|
</li>
|
||||||
|
<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>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-12">
|
||||||
|
<div class="car-list-items style-2">
|
||||||
|
<div class="car-image bg-cover" style="background-image: url('img/car/car-list-6.jpg');">
|
||||||
|
<div class="post-cat">
|
||||||
|
2024 Model
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="car-content">
|
||||||
|
<div class="star">
|
||||||
|
<i class="fa-solid fa-star"></i>
|
||||||
|
<i class="fa-solid fa-star"></i>
|
||||||
|
<i class="fa-solid fa-star"></i>
|
||||||
|
<i class="fa-solid fa-star"></i>
|
||||||
|
<i class="fa-solid fa-star"></i>
|
||||||
|
<span>2 Reviews</span>
|
||||||
|
</div>
|
||||||
|
<h6 class="price">$70.00 <span>/ Day</span></h6>
|
||||||
|
<h3><a href="car-details.php">Hyundai Accent Limited</a></h3>
|
||||||
|
<p>
|
||||||
|
To deliver on the promise of technology and human ingenuity We help our clients become the next and best versions of themselves.
|
||||||
|
</p>
|
||||||
|
<ul class="icon-items">
|
||||||
|
<li>
|
||||||
|
<img src="img/car/seat.svg" alt="img" class="me-1">
|
||||||
|
6 Seats
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<img src="img/car/door.svg" alt="img" class="me-1">
|
||||||
|
2 Doors
|
||||||
|
</li>
|
||||||
|
<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>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
<?php include('footer.php') ?>
|
266
car-list.php
Normal file
@ -0,0 +1,266 @@
|
|||||||
|
|
||||||
|
<?php include('header.php') ?>
|
||||||
|
<!-- Car-list Rentals Section Start -->
|
||||||
|
<section class="car-list-section section-padding fix">
|
||||||
|
<div class="container">
|
||||||
|
<div class="car-list-wrapper">
|
||||||
|
<div class="row g-4">
|
||||||
|
<div class="col-lg-12">
|
||||||
|
<div class="car-list-items">
|
||||||
|
<div class="car-image bg-cover" style="background-image: url('img/car/car-list-1.jpg');">
|
||||||
|
<div class="post-cat">
|
||||||
|
2024 Model
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="car-content">
|
||||||
|
<div class="star">
|
||||||
|
<i class="fa-solid fa-star"></i>
|
||||||
|
<i class="fa-solid fa-star"></i>
|
||||||
|
<i class="fa-solid fa-star"></i>
|
||||||
|
<i class="fa-solid fa-star"></i>
|
||||||
|
<i class="fa-solid fa-star"></i>
|
||||||
|
<span>2 Reviews</span>
|
||||||
|
</div>
|
||||||
|
<h6 class="price">$70.00 <span>/ Day</span></h6>
|
||||||
|
<h3><a href="car-details.php">Hyundai Accent Limited</a></h3>
|
||||||
|
<p>
|
||||||
|
To deliver on the promise of technology and human ingenuity We help our clients become the next and best versions of themselves.
|
||||||
|
</p>
|
||||||
|
<ul class="icon-items">
|
||||||
|
<li>
|
||||||
|
<img src="img/car/seat.svg" alt="img" class="me-1">
|
||||||
|
6 Seats
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<img src="img/car/door.svg" alt="img" class="me-1">
|
||||||
|
2 Doors
|
||||||
|
</li>
|
||||||
|
<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>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-12">
|
||||||
|
<div class="car-list-items">
|
||||||
|
<div class="car-image bg-cover" style="background-image: url('img/car/car-list-2.jpg');">
|
||||||
|
<div class="post-cat">
|
||||||
|
2024 Model
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="car-content">
|
||||||
|
<div class="star">
|
||||||
|
<i class="fa-solid fa-star"></i>
|
||||||
|
<i class="fa-solid fa-star"></i>
|
||||||
|
<i class="fa-solid fa-star"></i>
|
||||||
|
<i class="fa-solid fa-star"></i>
|
||||||
|
<i class="fa-solid fa-star"></i>
|
||||||
|
<span>2 Reviews</span>
|
||||||
|
</div>
|
||||||
|
<h6 class="price">$70.00 <span>/ Day</span></h6>
|
||||||
|
<h3><a href="car-details.php">Hyundai Accent Limited</a></h3>
|
||||||
|
<p>
|
||||||
|
To deliver on the promise of technology and human ingenuity We help our clients become the next and best versions of themselves.
|
||||||
|
</p>
|
||||||
|
<ul class="icon-items">
|
||||||
|
<li>
|
||||||
|
<img src="img/car/seat.svg" alt="img" class="me-1">
|
||||||
|
6 Seats
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<img src="img/car/door.svg" alt="img" class="me-1">
|
||||||
|
2 Doors
|
||||||
|
</li>
|
||||||
|
<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>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-12">
|
||||||
|
<div class="car-list-items">
|
||||||
|
<div class="car-image bg-cover" style="background-image: url('img/car/car-list-3.jpg');">
|
||||||
|
<div class="post-cat">
|
||||||
|
2024 Model
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="car-content">
|
||||||
|
<div class="star">
|
||||||
|
<i class="fa-solid fa-star"></i>
|
||||||
|
<i class="fa-solid fa-star"></i>
|
||||||
|
<i class="fa-solid fa-star"></i>
|
||||||
|
<i class="fa-solid fa-star"></i>
|
||||||
|
<i class="fa-solid fa-star"></i>
|
||||||
|
<span>2 Reviews</span>
|
||||||
|
</div>
|
||||||
|
<h6 class="price">$70.00 <span>/ Day</span></h6>
|
||||||
|
<h3><a href="car-details.php">Hyundai Accent Limited</a></h3>
|
||||||
|
<p>
|
||||||
|
To deliver on the promise of technology and human ingenuity We help our clients become the next and best versions of themselves.
|
||||||
|
</p>
|
||||||
|
<ul class="icon-items">
|
||||||
|
<li>
|
||||||
|
<img src="img/car/seat.svg" alt="img" class="me-1">
|
||||||
|
6 Seats
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<img src="img/car/door.svg" alt="img" class="me-1">
|
||||||
|
2 Doors
|
||||||
|
</li>
|
||||||
|
<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>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-12">
|
||||||
|
<div class="car-list-items">
|
||||||
|
<div class="car-image bg-cover" style="background-image: url('img/car/car-list-4.jpg');">
|
||||||
|
<div class="post-cat">
|
||||||
|
2024 Model
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="car-content">
|
||||||
|
<div class="star">
|
||||||
|
<i class="fa-solid fa-star"></i>
|
||||||
|
<i class="fa-solid fa-star"></i>
|
||||||
|
<i class="fa-solid fa-star"></i>
|
||||||
|
<i class="fa-solid fa-star"></i>
|
||||||
|
<i class="fa-solid fa-star"></i>
|
||||||
|
<span>2 Reviews</span>
|
||||||
|
</div>
|
||||||
|
<h6 class="price">$70.00 <span>/ Day</span></h6>
|
||||||
|
<h3><a href="car-details.php">Hyundai Accent Limited</a></h3>
|
||||||
|
<p>
|
||||||
|
To deliver on the promise of technology and human ingenuity We help our clients become the next and best versions of themselves.
|
||||||
|
</p>
|
||||||
|
<ul class="icon-items">
|
||||||
|
<li>
|
||||||
|
<img src="img/car/seat.svg" alt="img" class="me-1">
|
||||||
|
6 Seats
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<img src="img/car/door.svg" alt="img" class="me-1">
|
||||||
|
2 Doors
|
||||||
|
</li>
|
||||||
|
<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>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-12">
|
||||||
|
<div class="car-list-items">
|
||||||
|
<div class="car-image bg-cover" style="background-image: url('img/car/car-list-5.jpg');">
|
||||||
|
<div class="post-cat">
|
||||||
|
2024 Model
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="car-content">
|
||||||
|
<div class="star">
|
||||||
|
<i class="fa-solid fa-star"></i>
|
||||||
|
<i class="fa-solid fa-star"></i>
|
||||||
|
<i class="fa-solid fa-star"></i>
|
||||||
|
<i class="fa-solid fa-star"></i>
|
||||||
|
<i class="fa-solid fa-star"></i>
|
||||||
|
<span>2 Reviews</span>
|
||||||
|
</div>
|
||||||
|
<h6 class="price">$70.00 <span>/ Day</span></h6>
|
||||||
|
<h3><a href="car-details.php">Hyundai Accent Limited</a></h3>
|
||||||
|
<p>
|
||||||
|
To deliver on the promise of technology and human ingenuity We help our clients become the next and best versions of themselves.
|
||||||
|
</p>
|
||||||
|
<ul class="icon-items">
|
||||||
|
<li>
|
||||||
|
<img src="img/car/seat.svg" alt="img" class="me-1">
|
||||||
|
6 Seats
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<img src="img/car/door.svg" alt="img" class="me-1">
|
||||||
|
2 Doors
|
||||||
|
</li>
|
||||||
|
<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>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-12">
|
||||||
|
<div class="car-list-items">
|
||||||
|
<div class="car-image bg-cover" style="background-image: url('img/car/car-list-6.jpg');">
|
||||||
|
<div class="post-cat">
|
||||||
|
2024 Model
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="car-content">
|
||||||
|
<div class="star">
|
||||||
|
<i class="fa-solid fa-star"></i>
|
||||||
|
<i class="fa-solid fa-star"></i>
|
||||||
|
<i class="fa-solid fa-star"></i>
|
||||||
|
<i class="fa-solid fa-star"></i>
|
||||||
|
<i class="fa-solid fa-star"></i>
|
||||||
|
<span>2 Reviews</span>
|
||||||
|
</div>
|
||||||
|
<h6 class="price">$70.00 <span>/ Day</span></h6>
|
||||||
|
<h3><a href="car-details.php">Hyundai Accent Limited</a></h3>
|
||||||
|
<p>
|
||||||
|
To deliver on the promise of technology and human ingenuity We help our clients become the next and best versions of themselves.
|
||||||
|
</p>
|
||||||
|
<ul class="icon-items">
|
||||||
|
<li>
|
||||||
|
<img src="img/car/seat.svg" alt="img" class="me-1">
|
||||||
|
6 Seats
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<img src="img/car/door.svg" alt="img" class="me-1">
|
||||||
|
2 Doors
|
||||||
|
</li>
|
||||||
|
<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>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
<?php include('footer.php') ?>
|
||||||
|
|
||||||
|
|
99
contact.php
Normal file
@ -0,0 +1,99 @@
|
|||||||
|
<?php include('header.php') ?>
|
||||||
|
<!-- Contact Section Start -->
|
||||||
|
<section class="contact-section-1 fix section-padding pb-0">
|
||||||
|
<div class="container">
|
||||||
|
<div class="contact-wrapper-area">
|
||||||
|
<div class="row g-4">
|
||||||
|
<div class="col-lg-9">
|
||||||
|
<div class="contact-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">contact us</span>
|
||||||
|
<h2 class="wow fadeInUp" data-wow-delay=".4s">
|
||||||
|
Drop us a Line
|
||||||
|
</h2>
|
||||||
|
</div>
|
||||||
|
<form action="#" id="contact-form" method="POST" class="contact-form-items mt-5 mt-md-0">
|
||||||
|
<div class="row g-4">
|
||||||
|
<div class="col-lg-6">
|
||||||
|
<div class="form-clt">
|
||||||
|
<input type="text" name="name" id="name" placeholder="Your Name">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-6">
|
||||||
|
<div class="form-clt">
|
||||||
|
<input type="text" name="email" id="email2" placeholder="Your Email">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-6">
|
||||||
|
<div class="form-clt">
|
||||||
|
<input type="text" name="subject" id="subject" placeholder="Subject">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-6">
|
||||||
|
<div class="form-clt">
|
||||||
|
<input type="text" name="phone" id="phone" placeholder="Phone">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-12">
|
||||||
|
<div class="form-clt">
|
||||||
|
<textarea name="message" id="message" placeholder="Write a Comment"></textarea>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-6">
|
||||||
|
<button type="submit" class="theme-btn">
|
||||||
|
Send a Message
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-3">
|
||||||
|
<div class="contact-right-items">
|
||||||
|
<div class="contact-img">
|
||||||
|
<img src="img/contact.jpg" alt="img">
|
||||||
|
</div>
|
||||||
|
<div class="icon-items">
|
||||||
|
<div class="icon">
|
||||||
|
<img src="img/question.png" alt="img">
|
||||||
|
</div>
|
||||||
|
<div class="content">
|
||||||
|
<p>Have Question?</p>
|
||||||
|
<h6><a href="tel:+923076806860">+ 92 ( 307 ) 68 - 06860</a></h6>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="icon-items">
|
||||||
|
<div class="icon">
|
||||||
|
<img src="img/email.png" alt="img">
|
||||||
|
</div>
|
||||||
|
<div class="content">
|
||||||
|
<p>Write Email</p>
|
||||||
|
<h6><a href="mailto:info@example.com" class="link">info@example.com</a></h6>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="icon-items">
|
||||||
|
<div class="icon">
|
||||||
|
<img src="img/location.png" alt="img">
|
||||||
|
</div>
|
||||||
|
<div class="content">
|
||||||
|
<p>Visit Office</p>
|
||||||
|
<h6>
|
||||||
|
24 Valentin, Street Road <br>
|
||||||
|
New York
|
||||||
|
</h6>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="social-icon d-flex align-items-center">
|
||||||
|
<a href="contact.php#"><i class="fab fa-facebook-f"></i></a>
|
||||||
|
<a href="contact.php#"><i class="fab fa-twitter"></i></a>
|
||||||
|
<a href="contact.php#"><i class="fa-brands fa-linkedin-in"></i></a>
|
||||||
|
<a href="contact.php#"><i class="fa-brands fa-youtube"></i></a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
<?php include('footer.php') ?>
|
6
css/all.min.css
vendored
Normal file
2744
css/animate.css
vendored
Normal file
12633
css/bootstrap.min.css
vendored
Normal file
571
css/datepickerboot.css
Normal file
@ -0,0 +1,571 @@
|
|||||||
|
/*!
|
||||||
|
* Datepicker for Bootstrap
|
||||||
|
*
|
||||||
|
* Copyright 2012 Stefan Petre
|
||||||
|
* Improvements by Andrew Rowls
|
||||||
|
* Licensed under the Apache License v2.0
|
||||||
|
* http://www.apache.org/licenses/LICENSE-2.0
|
||||||
|
*
|
||||||
|
*/
|
||||||
|
|
||||||
|
.datepicker {
|
||||||
|
padding: 4px;
|
||||||
|
-webkit-border-radius: 4px;
|
||||||
|
-moz-border-radius: 4px;
|
||||||
|
border-radius: 4px;
|
||||||
|
direction: ltr;
|
||||||
|
/*.dow {
|
||||||
|
border-top: 1px solid #ddd !important;
|
||||||
|
}*/
|
||||||
|
}
|
||||||
|
|
||||||
|
.datepicker-inline {
|
||||||
|
width: 220px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.datepicker.datepicker-rtl {
|
||||||
|
direction: rtl;
|
||||||
|
}
|
||||||
|
|
||||||
|
.datepicker.datepicker-rtl table tr td span {
|
||||||
|
float: right;
|
||||||
|
}
|
||||||
|
|
||||||
|
.datepicker-dropdown {
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.datepicker-dropdown:before {
|
||||||
|
content: '';
|
||||||
|
display: inline-block;
|
||||||
|
border-left: 7px solid transparent;
|
||||||
|
border-right: 7px solid transparent;
|
||||||
|
border-bottom: 7px solid #ccc;
|
||||||
|
border-top: 0;
|
||||||
|
border-bottom-color: rgba(0, 0, 0, 0.2);
|
||||||
|
position: absolute;
|
||||||
|
}
|
||||||
|
|
||||||
|
.datepicker-dropdown:after {
|
||||||
|
content: '';
|
||||||
|
display: inline-block;
|
||||||
|
border-left: 6px solid transparent;
|
||||||
|
border-right: 6px solid transparent;
|
||||||
|
border-bottom: 6px solid #ffffff;
|
||||||
|
border-top: 0;
|
||||||
|
position: absolute;
|
||||||
|
}
|
||||||
|
|
||||||
|
.datepicker-dropdown.datepicker-orient-left:before {
|
||||||
|
left: 6px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.datepicker-dropdown.datepicker-orient-left:after {
|
||||||
|
left: 7px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.datepicker-dropdown.datepicker-orient-right:before {
|
||||||
|
right: 6px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.datepicker-dropdown.datepicker-orient-right:after {
|
||||||
|
right: 7px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.datepicker-dropdown.datepicker-orient-top:before {
|
||||||
|
top: -7px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.datepicker-dropdown.datepicker-orient-top:after {
|
||||||
|
top: -6px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.datepicker-dropdown.datepicker-orient-bottom:before {
|
||||||
|
bottom: -7px;
|
||||||
|
border-bottom: 0;
|
||||||
|
border-top: 7px solid #999;
|
||||||
|
}
|
||||||
|
|
||||||
|
.datepicker-dropdown.datepicker-orient-bottom:after {
|
||||||
|
bottom: -6px;
|
||||||
|
border-bottom: 0;
|
||||||
|
border-top: 6px solid #ffffff;
|
||||||
|
}
|
||||||
|
|
||||||
|
.datepicker>div {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.datepicker.days div.datepicker-days {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
|
.datepicker.months div.datepicker-months {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
|
.datepicker.years div.datepicker-years {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
|
.datepicker table {
|
||||||
|
margin: 0;
|
||||||
|
-webkit-touch-callout: none;
|
||||||
|
-webkit-user-select: none;
|
||||||
|
-khtml-user-select: none;
|
||||||
|
-moz-user-select: none;
|
||||||
|
-ms-user-select: none;
|
||||||
|
user-select: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.datepicker td,
|
||||||
|
.datepicker th {
|
||||||
|
text-align: center;
|
||||||
|
width: 20px;
|
||||||
|
height: 20px;
|
||||||
|
-webkit-border-radius: 4px;
|
||||||
|
-moz-border-radius: 4px;
|
||||||
|
border-radius: 4px;
|
||||||
|
border: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.table-striped .datepicker table tr td,
|
||||||
|
.table-striped .datepicker table tr th {
|
||||||
|
background-color: transparent;
|
||||||
|
}
|
||||||
|
|
||||||
|
.datepicker table tr td.day:hover,
|
||||||
|
.datepicker table tr td.day.focused {
|
||||||
|
background: #eeeeee;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
|
||||||
|
.datepicker table tr td.old,
|
||||||
|
.datepicker table tr td.new {
|
||||||
|
color: #999999;
|
||||||
|
}
|
||||||
|
|
||||||
|
.datepicker table tr td.disabled,
|
||||||
|
.datepicker table tr td.disabled:hover {
|
||||||
|
background: none;
|
||||||
|
color: #999999;
|
||||||
|
cursor: default;
|
||||||
|
}
|
||||||
|
|
||||||
|
.datepicker table tr td.today,
|
||||||
|
.datepicker table tr td.today:hover,
|
||||||
|
.datepicker table tr td.today.disabled,
|
||||||
|
.datepicker table tr td.today.disabled:hover {
|
||||||
|
background-color: #fde19a;
|
||||||
|
background-image: -moz-linear-gradient(top, #fdd49a, #fdf59a);
|
||||||
|
background-image: -ms-linear-gradient(top, #fdd49a, #fdf59a);
|
||||||
|
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fdd49a), to(#fdf59a));
|
||||||
|
background-image: -webkit-linear-gradient(top, #fdd49a, #fdf59a);
|
||||||
|
background-image: -o-linear-gradient(top, #fdd49a, #fdf59a);
|
||||||
|
background-image: linear-gradient(top, #fdd49a, #fdf59a);
|
||||||
|
background-repeat: repeat-x;
|
||||||
|
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdd49a', endColorstr='#fdf59a', GradientType=0);
|
||||||
|
border-color: #fdf59a #fdf59a #fbed50;
|
||||||
|
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
|
||||||
|
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
|
||||||
|
color: #000;
|
||||||
|
}
|
||||||
|
|
||||||
|
.datepicker table tr td.today:hover,
|
||||||
|
.datepicker table tr td.today:hover:hover,
|
||||||
|
.datepicker table tr td.today.disabled:hover,
|
||||||
|
.datepicker table tr td.today.disabled:hover:hover,
|
||||||
|
.datepicker table tr td.today:active,
|
||||||
|
.datepicker table tr td.today:hover:active,
|
||||||
|
.datepicker table tr td.today.disabled:active,
|
||||||
|
.datepicker table tr td.today.disabled:hover:active,
|
||||||
|
.datepicker table tr td.today.active,
|
||||||
|
.datepicker table tr td.today:hover.active,
|
||||||
|
.datepicker table tr td.today.disabled.active,
|
||||||
|
.datepicker table tr td.today.disabled:hover.active,
|
||||||
|
.datepicker table tr td.today.disabled,
|
||||||
|
.datepicker table tr td.today:hover.disabled,
|
||||||
|
.datepicker table tr td.today.disabled.disabled,
|
||||||
|
.datepicker table tr td.today.disabled:hover.disabled,
|
||||||
|
.datepicker table tr td.today[disabled],
|
||||||
|
.datepicker table tr td.today:hover[disabled],
|
||||||
|
.datepicker table tr td.today.disabled[disabled],
|
||||||
|
.datepicker table tr td.today.disabled:hover[disabled] {
|
||||||
|
background-color: #fdf59a;
|
||||||
|
}
|
||||||
|
|
||||||
|
.datepicker table tr td.today:active,
|
||||||
|
.datepicker table tr td.today:hover:active,
|
||||||
|
.datepicker table tr td.today.disabled:active,
|
||||||
|
.datepicker table tr td.today.disabled:hover:active,
|
||||||
|
.datepicker table tr td.today.active,
|
||||||
|
.datepicker table tr td.today:hover.active,
|
||||||
|
.datepicker table tr td.today.disabled.active,
|
||||||
|
.datepicker table tr td.today.disabled:hover.active {
|
||||||
|
background-color: #fbf069 \9;
|
||||||
|
}
|
||||||
|
|
||||||
|
.datepicker table tr td.today:hover:hover {
|
||||||
|
color: #000;
|
||||||
|
}
|
||||||
|
|
||||||
|
.datepicker table tr td.today.active:hover {
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
|
||||||
|
.datepicker table tr td.range,
|
||||||
|
.datepicker table tr td.range:hover,
|
||||||
|
.datepicker table tr td.range.disabled,
|
||||||
|
.datepicker table tr td.range.disabled:hover {
|
||||||
|
background: #eeeeee;
|
||||||
|
-webkit-border-radius: 0;
|
||||||
|
-moz-border-radius: 0;
|
||||||
|
border-radius: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.datepicker table tr td.range.today,
|
||||||
|
.datepicker table tr td.range.today:hover,
|
||||||
|
.datepicker table tr td.range.today.disabled,
|
||||||
|
.datepicker table tr td.range.today.disabled:hover {
|
||||||
|
background-color: #f3d17a;
|
||||||
|
background-image: -moz-linear-gradient(top, #f3c17a, #f3e97a);
|
||||||
|
background-image: -ms-linear-gradient(top, #f3c17a, #f3e97a);
|
||||||
|
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f3c17a), to(#f3e97a));
|
||||||
|
background-image: -webkit-linear-gradient(top, #f3c17a, #f3e97a);
|
||||||
|
background-image: -o-linear-gradient(top, #f3c17a, #f3e97a);
|
||||||
|
background-image: linear-gradient(top, #f3c17a, #f3e97a);
|
||||||
|
background-repeat: repeat-x;
|
||||||
|
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3c17a', endColorstr='#f3e97a', GradientType=0);
|
||||||
|
border-color: #f3e97a #f3e97a #edde34;
|
||||||
|
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
|
||||||
|
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
|
||||||
|
-webkit-border-radius: 0;
|
||||||
|
-moz-border-radius: 0;
|
||||||
|
border-radius: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.datepicker table tr td.range.today:hover,
|
||||||
|
.datepicker table tr td.range.today:hover:hover,
|
||||||
|
.datepicker table tr td.range.today.disabled:hover,
|
||||||
|
.datepicker table tr td.range.today.disabled:hover:hover,
|
||||||
|
.datepicker table tr td.range.today:active,
|
||||||
|
.datepicker table tr td.range.today:hover:active,
|
||||||
|
.datepicker table tr td.range.today.disabled:active,
|
||||||
|
.datepicker table tr td.range.today.disabled:hover:active,
|
||||||
|
.datepicker table tr td.range.today.active,
|
||||||
|
.datepicker table tr td.range.today:hover.active,
|
||||||
|
.datepicker table tr td.range.today.disabled.active,
|
||||||
|
.datepicker table tr td.range.today.disabled:hover.active,
|
||||||
|
.datepicker table tr td.range.today.disabled,
|
||||||
|
.datepicker table tr td.range.today:hover.disabled,
|
||||||
|
.datepicker table tr td.range.today.disabled.disabled,
|
||||||
|
.datepicker table tr td.range.today.disabled:hover.disabled,
|
||||||
|
.datepicker table tr td.range.today[disabled],
|
||||||
|
.datepicker table tr td.range.today:hover[disabled],
|
||||||
|
.datepicker table tr td.range.today.disabled[disabled],
|
||||||
|
.datepicker table tr td.range.today.disabled:hover[disabled] {
|
||||||
|
background-color: #f3e97a;
|
||||||
|
}
|
||||||
|
|
||||||
|
.datepicker table tr td.range.today:active,
|
||||||
|
.datepicker table tr td.range.today:hover:active,
|
||||||
|
.datepicker table tr td.range.today.disabled:active,
|
||||||
|
.datepicker table tr td.range.today.disabled:hover:active,
|
||||||
|
.datepicker table tr td.range.today.active,
|
||||||
|
.datepicker table tr td.range.today:hover.active,
|
||||||
|
.datepicker table tr td.range.today.disabled.active,
|
||||||
|
.datepicker table tr td.range.today.disabled:hover.active {
|
||||||
|
background-color: #efe24b \9;
|
||||||
|
}
|
||||||
|
|
||||||
|
.datepicker table tr td.selected,
|
||||||
|
.datepicker table tr td.selected:hover,
|
||||||
|
.datepicker table tr td.selected.disabled,
|
||||||
|
.datepicker table tr td.selected.disabled:hover {
|
||||||
|
background-color: #9e9e9e;
|
||||||
|
background-image: -moz-linear-gradient(top, #b3b3b3, #808080);
|
||||||
|
background-image: -ms-linear-gradient(top, #b3b3b3, #808080);
|
||||||
|
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#b3b3b3), to(#808080));
|
||||||
|
background-image: -webkit-linear-gradient(top, #b3b3b3, #808080);
|
||||||
|
background-image: -o-linear-gradient(top, #b3b3b3, #808080);
|
||||||
|
background-image: linear-gradient(top, #b3b3b3, #808080);
|
||||||
|
background-repeat: repeat-x;
|
||||||
|
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3b3b3', endColorstr='#808080', GradientType=0);
|
||||||
|
border-color: #808080 #808080 #595959;
|
||||||
|
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
|
||||||
|
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
|
||||||
|
color: #fff;
|
||||||
|
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
|
||||||
|
}
|
||||||
|
|
||||||
|
.datepicker table tr td.selected:hover,
|
||||||
|
.datepicker table tr td.selected:hover:hover,
|
||||||
|
.datepicker table tr td.selected.disabled:hover,
|
||||||
|
.datepicker table tr td.selected.disabled:hover:hover,
|
||||||
|
.datepicker table tr td.selected:active,
|
||||||
|
.datepicker table tr td.selected:hover:active,
|
||||||
|
.datepicker table tr td.selected.disabled:active,
|
||||||
|
.datepicker table tr td.selected.disabled:hover:active,
|
||||||
|
.datepicker table tr td.selected.active,
|
||||||
|
.datepicker table tr td.selected:hover.active,
|
||||||
|
.datepicker table tr td.selected.disabled.active,
|
||||||
|
.datepicker table tr td.selected.disabled:hover.active,
|
||||||
|
.datepicker table tr td.selected.disabled,
|
||||||
|
.datepicker table tr td.selected:hover.disabled,
|
||||||
|
.datepicker table tr td.selected.disabled.disabled,
|
||||||
|
.datepicker table tr td.selected.disabled:hover.disabled,
|
||||||
|
.datepicker table tr td.selected[disabled],
|
||||||
|
.datepicker table tr td.selected:hover[disabled],
|
||||||
|
.datepicker table tr td.selected.disabled[disabled],
|
||||||
|
.datepicker table tr td.selected.disabled:hover[disabled] {
|
||||||
|
background-color: #808080;
|
||||||
|
}
|
||||||
|
|
||||||
|
.datepicker table tr td.selected:active,
|
||||||
|
.datepicker table tr td.selected:hover:active,
|
||||||
|
.datepicker table tr td.selected.disabled:active,
|
||||||
|
.datepicker table tr td.selected.disabled:hover:active,
|
||||||
|
.datepicker table tr td.selected.active,
|
||||||
|
.datepicker table tr td.selected:hover.active,
|
||||||
|
.datepicker table tr td.selected.disabled.active,
|
||||||
|
.datepicker table tr td.selected.disabled:hover.active {
|
||||||
|
background-color: #666666 \9;
|
||||||
|
}
|
||||||
|
|
||||||
|
.datepicker table tr td.active,
|
||||||
|
.datepicker table tr td.active:hover,
|
||||||
|
.datepicker table tr td.active.disabled,
|
||||||
|
.datepicker table tr td.active.disabled:hover {
|
||||||
|
background-color: #006dcc;
|
||||||
|
background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
|
||||||
|
background-image: -ms-linear-gradient(top, #0088cc, #0044cc);
|
||||||
|
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
|
||||||
|
background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
|
||||||
|
background-image: -o-linear-gradient(top, #0088cc, #0044cc);
|
||||||
|
background-image: linear-gradient(top, #0088cc, #0044cc);
|
||||||
|
background-repeat: repeat-x;
|
||||||
|
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);
|
||||||
|
border-color: #0044cc #0044cc #002a80;
|
||||||
|
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
|
||||||
|
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
|
||||||
|
color: #fff;
|
||||||
|
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
|
||||||
|
}
|
||||||
|
|
||||||
|
.datepicker table tr td.active:hover,
|
||||||
|
.datepicker table tr td.active:hover:hover,
|
||||||
|
.datepicker table tr td.active.disabled:hover,
|
||||||
|
.datepicker table tr td.active.disabled:hover:hover,
|
||||||
|
.datepicker table tr td.active:active,
|
||||||
|
.datepicker table tr td.active:hover:active,
|
||||||
|
.datepicker table tr td.active.disabled:active,
|
||||||
|
.datepicker table tr td.active.disabled:hover:active,
|
||||||
|
.datepicker table tr td.active.active,
|
||||||
|
.datepicker table tr td.active:hover.active,
|
||||||
|
.datepicker table tr td.active.disabled.active,
|
||||||
|
.datepicker table tr td.active.disabled:hover.active,
|
||||||
|
.datepicker table tr td.active.disabled,
|
||||||
|
.datepicker table tr td.active:hover.disabled,
|
||||||
|
.datepicker table tr td.active.disabled.disabled,
|
||||||
|
.datepicker table tr td.active.disabled:hover.disabled,
|
||||||
|
.datepicker table tr td.active[disabled],
|
||||||
|
.datepicker table tr td.active:hover[disabled],
|
||||||
|
.datepicker table tr td.active.disabled[disabled],
|
||||||
|
.datepicker table tr td.active.disabled:hover[disabled] {
|
||||||
|
background-color: #0044cc;
|
||||||
|
}
|
||||||
|
|
||||||
|
.datepicker table tr td.active:active,
|
||||||
|
.datepicker table tr td.active:hover:active,
|
||||||
|
.datepicker table tr td.active.disabled:active,
|
||||||
|
.datepicker table tr td.active.disabled:hover:active,
|
||||||
|
.datepicker table tr td.active.active,
|
||||||
|
.datepicker table tr td.active:hover.active,
|
||||||
|
.datepicker table tr td.active.disabled.active,
|
||||||
|
.datepicker table tr td.active.disabled:hover.active {
|
||||||
|
background-color: #003399 \9;
|
||||||
|
}
|
||||||
|
|
||||||
|
.datepicker table tr td span {
|
||||||
|
display: block;
|
||||||
|
width: 23%;
|
||||||
|
height: 54px;
|
||||||
|
line-height: 54px;
|
||||||
|
float: left;
|
||||||
|
margin: 1%;
|
||||||
|
cursor: pointer;
|
||||||
|
-webkit-border-radius: 4px;
|
||||||
|
-moz-border-radius: 4px;
|
||||||
|
border-radius: 4px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.datepicker table tr td span:hover {
|
||||||
|
background: #eeeeee;
|
||||||
|
}
|
||||||
|
|
||||||
|
.datepicker table tr td span.disabled,
|
||||||
|
.datepicker table tr td span.disabled:hover {
|
||||||
|
background: none;
|
||||||
|
color: #999999;
|
||||||
|
cursor: default;
|
||||||
|
}
|
||||||
|
|
||||||
|
.datepicker table tr td span.active,
|
||||||
|
.datepicker table tr td span.active:hover,
|
||||||
|
.datepicker table tr td span.active.disabled,
|
||||||
|
.datepicker table tr td span.active.disabled:hover {
|
||||||
|
background-color: #006dcc;
|
||||||
|
background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
|
||||||
|
background-image: -ms-linear-gradient(top, #0088cc, #0044cc);
|
||||||
|
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
|
||||||
|
background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
|
||||||
|
background-image: -o-linear-gradient(top, #0088cc, #0044cc);
|
||||||
|
background-image: linear-gradient(top, #0088cc, #0044cc);
|
||||||
|
background-repeat: repeat-x;
|
||||||
|
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);
|
||||||
|
border-color: #0044cc #0044cc #002a80;
|
||||||
|
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
|
||||||
|
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
|
||||||
|
color: #fff;
|
||||||
|
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
|
||||||
|
}
|
||||||
|
|
||||||
|
.datepicker table tr td span.active:hover,
|
||||||
|
.datepicker table tr td span.active:hover:hover,
|
||||||
|
.datepicker table tr td span.active.disabled:hover,
|
||||||
|
.datepicker table tr td span.active.disabled:hover:hover,
|
||||||
|
.datepicker table tr td span.active:active,
|
||||||
|
.datepicker table tr td span.active:hover:active,
|
||||||
|
.datepicker table tr td span.active.disabled:active,
|
||||||
|
.datepicker table tr td span.active.disabled:hover:active,
|
||||||
|
.datepicker table tr td span.active.active,
|
||||||
|
.datepicker table tr td span.active:hover.active,
|
||||||
|
.datepicker table tr td span.active.disabled.active,
|
||||||
|
.datepicker table tr td span.active.disabled:hover.active,
|
||||||
|
.datepicker table tr td span.active.disabled,
|
||||||
|
.datepicker table tr td span.active:hover.disabled,
|
||||||
|
.datepicker table tr td span.active.disabled.disabled,
|
||||||
|
.datepicker table tr td span.active.disabled:hover.disabled,
|
||||||
|
.datepicker table tr td span.active[disabled],
|
||||||
|
.datepicker table tr td span.active:hover[disabled],
|
||||||
|
.datepicker table tr td span.active.disabled[disabled],
|
||||||
|
.datepicker table tr td span.active.disabled:hover[disabled] {
|
||||||
|
background-color: #0044cc;
|
||||||
|
}
|
||||||
|
|
||||||
|
.datepicker table tr td span.active:active,
|
||||||
|
.datepicker table tr td span.active:hover:active,
|
||||||
|
.datepicker table tr td span.active.disabled:active,
|
||||||
|
.datepicker table tr td span.active.disabled:hover:active,
|
||||||
|
.datepicker table tr td span.active.active,
|
||||||
|
.datepicker table tr td span.active:hover.active,
|
||||||
|
.datepicker table tr td span.active.disabled.active,
|
||||||
|
.datepicker table tr td span.active.disabled:hover.active {
|
||||||
|
background-color: #003399 \9;
|
||||||
|
}
|
||||||
|
|
||||||
|
.datepicker table tr td span.old,
|
||||||
|
.datepicker table tr td span.new {
|
||||||
|
color: #999999;
|
||||||
|
}
|
||||||
|
|
||||||
|
.datepicker th.datepicker-switch {
|
||||||
|
width: 145px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.datepicker thead tr:first-child th,
|
||||||
|
.datepicker tfoot tr th {
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
|
||||||
|
.datepicker thead tr:first-child th:hover,
|
||||||
|
.datepicker tfoot tr th:hover {
|
||||||
|
background: #eeeeee;
|
||||||
|
}
|
||||||
|
|
||||||
|
.datepicker .cw {
|
||||||
|
font-size: 10px;
|
||||||
|
width: 12px;
|
||||||
|
padding: 0 2px 0 5px;
|
||||||
|
vertical-align: middle;
|
||||||
|
}
|
||||||
|
|
||||||
|
.datepicker thead tr:first-child th.cw {
|
||||||
|
cursor: default;
|
||||||
|
background-color: transparent;
|
||||||
|
}
|
||||||
|
|
||||||
|
.input-append.date .add-on i,
|
||||||
|
.input-prepend.date .add-on i {
|
||||||
|
cursor: pointer;
|
||||||
|
width: 16px;
|
||||||
|
height: 16px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.input-daterange input {
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.input-daterange input:first-child {
|
||||||
|
-webkit-border-radius: 3px 0 0 3px;
|
||||||
|
-moz-border-radius: 3px 0 0 3px;
|
||||||
|
border-radius: 3px 0 0 3px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.input-daterange input:last-child {
|
||||||
|
-webkit-border-radius: 0 3px 3px 0;
|
||||||
|
-moz-border-radius: 0 3px 3px 0;
|
||||||
|
border-radius: 0 3px 3px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.input-daterange .add-on {
|
||||||
|
display: inline-block;
|
||||||
|
width: auto;
|
||||||
|
min-width: 16px;
|
||||||
|
height: 20px;
|
||||||
|
padding: 4px 5px;
|
||||||
|
font-weight: normal;
|
||||||
|
line-height: 20px;
|
||||||
|
text-align: center;
|
||||||
|
text-shadow: 0 1px 0 #ffffff;
|
||||||
|
vertical-align: middle;
|
||||||
|
background-color: #eeeeee;
|
||||||
|
border: 1px solid #ccc;
|
||||||
|
margin-left: -5px;
|
||||||
|
margin-right: -5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.datepicker.dropdown-menu {
|
||||||
|
position: absolute;
|
||||||
|
top: 100%;
|
||||||
|
left: 0;
|
||||||
|
z-index: 1000;
|
||||||
|
float: left;
|
||||||
|
display: none;
|
||||||
|
min-width: 160px;
|
||||||
|
list-style: none;
|
||||||
|
background-color: #ffffff;
|
||||||
|
border: 1px solid #ccc;
|
||||||
|
border: 1px solid rgba(0, 0, 0, 0.2);
|
||||||
|
-webkit-border-radius: 5px;
|
||||||
|
-moz-border-radius: 5px;
|
||||||
|
border-radius: 5px;
|
||||||
|
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
|
||||||
|
-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
|
||||||
|
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
|
||||||
|
-webkit-background-clip: padding-box;
|
||||||
|
-moz-background-clip: padding;
|
||||||
|
background-clip: padding-box;
|
||||||
|
*border-right-width: 2px;
|
||||||
|
*border-bottom-width: 2px;
|
||||||
|
color: #333333;
|
||||||
|
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
|
||||||
|
font-size: 13px;
|
||||||
|
line-height: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.datepicker.dropdown-menu th,
|
||||||
|
.datepicker.dropdown-menu td {
|
||||||
|
padding: 4px 5px;
|
||||||
|
}
|
351
css/magnific-popup.css
Normal file
@ -0,0 +1,351 @@
|
|||||||
|
/* Magnific Popup CSS */
|
||||||
|
.mfp-bg {
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
z-index: 1042;
|
||||||
|
overflow: hidden;
|
||||||
|
position: fixed;
|
||||||
|
background: #0b0b0b;
|
||||||
|
opacity: 0.8; }
|
||||||
|
|
||||||
|
.mfp-wrap {
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
z-index: 1043;
|
||||||
|
position: fixed;
|
||||||
|
outline: none !important;
|
||||||
|
-webkit-backface-visibility: hidden; }
|
||||||
|
|
||||||
|
.mfp-container {
|
||||||
|
text-align: center;
|
||||||
|
position: absolute;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
left: 0;
|
||||||
|
top: 0;
|
||||||
|
padding: 0 8px;
|
||||||
|
box-sizing: border-box; }
|
||||||
|
|
||||||
|
.mfp-container:before {
|
||||||
|
content: '';
|
||||||
|
display: inline-block;
|
||||||
|
height: 100%;
|
||||||
|
vertical-align: middle; }
|
||||||
|
|
||||||
|
.mfp-align-top .mfp-container:before {
|
||||||
|
display: none; }
|
||||||
|
|
||||||
|
.mfp-content {
|
||||||
|
position: relative;
|
||||||
|
display: inline-block;
|
||||||
|
vertical-align: middle;
|
||||||
|
margin: 0 auto;
|
||||||
|
text-align: left;
|
||||||
|
z-index: 1045; }
|
||||||
|
|
||||||
|
.mfp-inline-holder .mfp-content,
|
||||||
|
.mfp-ajax-holder .mfp-content {
|
||||||
|
width: 100%;
|
||||||
|
cursor: auto; }
|
||||||
|
|
||||||
|
.mfp-ajax-cur {
|
||||||
|
cursor: progress; }
|
||||||
|
|
||||||
|
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
|
||||||
|
cursor: -moz-zoom-out;
|
||||||
|
cursor: -webkit-zoom-out;
|
||||||
|
cursor: zoom-out; }
|
||||||
|
|
||||||
|
.mfp-zoom {
|
||||||
|
cursor: pointer;
|
||||||
|
cursor: -webkit-zoom-in;
|
||||||
|
cursor: -moz-zoom-in;
|
||||||
|
cursor: zoom-in; }
|
||||||
|
|
||||||
|
.mfp-auto-cursor .mfp-content {
|
||||||
|
cursor: auto; }
|
||||||
|
|
||||||
|
.mfp-close,
|
||||||
|
.mfp-arrow,
|
||||||
|
.mfp-preloader,
|
||||||
|
.mfp-counter {
|
||||||
|
-webkit-user-select: none;
|
||||||
|
-moz-user-select: none;
|
||||||
|
user-select: none; }
|
||||||
|
|
||||||
|
.mfp-loading.mfp-figure {
|
||||||
|
display: none; }
|
||||||
|
|
||||||
|
.mfp-hide {
|
||||||
|
display: none !important; }
|
||||||
|
|
||||||
|
.mfp-preloader {
|
||||||
|
color: #CCC;
|
||||||
|
position: absolute;
|
||||||
|
top: 50%;
|
||||||
|
width: auto;
|
||||||
|
text-align: center;
|
||||||
|
margin-top: -0.8em;
|
||||||
|
left: 8px;
|
||||||
|
right: 8px;
|
||||||
|
z-index: 1044; }
|
||||||
|
.mfp-preloader a {
|
||||||
|
color: #CCC; }
|
||||||
|
.mfp-preloader a:hover {
|
||||||
|
color: $white; }
|
||||||
|
|
||||||
|
.mfp-s-ready .mfp-preloader {
|
||||||
|
display: none; }
|
||||||
|
|
||||||
|
.mfp-s-error .mfp-content {
|
||||||
|
display: none; }
|
||||||
|
|
||||||
|
button.mfp-close,
|
||||||
|
button.mfp-arrow {
|
||||||
|
overflow: visible;
|
||||||
|
cursor: pointer;
|
||||||
|
background: transparent;
|
||||||
|
border: 0;
|
||||||
|
-webkit-appearance: none;
|
||||||
|
display: block;
|
||||||
|
outline: none;
|
||||||
|
padding: 0;
|
||||||
|
z-index: 1046;
|
||||||
|
box-shadow: none;
|
||||||
|
touch-action: manipulation; }
|
||||||
|
|
||||||
|
button::-moz-focus-inner {
|
||||||
|
padding: 0;
|
||||||
|
border: 0; }
|
||||||
|
|
||||||
|
.mfp-close {
|
||||||
|
width: 44px;
|
||||||
|
height: 44px;
|
||||||
|
line-height: 44px;
|
||||||
|
position: absolute;
|
||||||
|
right: 0;
|
||||||
|
top: 0;
|
||||||
|
text-decoration: none;
|
||||||
|
text-align: center;
|
||||||
|
opacity: 0.65;
|
||||||
|
padding: 0 0 18px 10px;
|
||||||
|
color: $white;
|
||||||
|
font-style: normal;
|
||||||
|
font-size: 28px;
|
||||||
|
font-family: Arial, Baskerville, monospace; }
|
||||||
|
.mfp-close:hover,
|
||||||
|
.mfp-close:focus {
|
||||||
|
opacity: 1; }
|
||||||
|
.mfp-close:active {
|
||||||
|
top: 1px; }
|
||||||
|
|
||||||
|
.mfp-close-btn-in .mfp-close {
|
||||||
|
color: #fff; }
|
||||||
|
|
||||||
|
.mfp-image-holder .mfp-close,
|
||||||
|
.mfp-iframe-holder .mfp-close {
|
||||||
|
color: $white;
|
||||||
|
right: -6px;
|
||||||
|
text-align: right;
|
||||||
|
padding-right: 6px;
|
||||||
|
width: 100%; }
|
||||||
|
|
||||||
|
.mfp-counter {
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
right: 0;
|
||||||
|
color: #CCC;
|
||||||
|
font-size: 12px;
|
||||||
|
line-height: 18px;
|
||||||
|
white-space: nowrap; }
|
||||||
|
|
||||||
|
.mfp-arrow {
|
||||||
|
position: absolute;
|
||||||
|
opacity: 0.65;
|
||||||
|
margin: 0;
|
||||||
|
top: 50%;
|
||||||
|
margin-top: -55px;
|
||||||
|
padding: 0;
|
||||||
|
width: 90px;
|
||||||
|
height: 110px;
|
||||||
|
-webkit-tap-highlight-color: transparent; }
|
||||||
|
.mfp-arrow:active {
|
||||||
|
margin-top: -54px; }
|
||||||
|
.mfp-arrow:hover,
|
||||||
|
.mfp-arrow:focus {
|
||||||
|
opacity: 1; }
|
||||||
|
.mfp-arrow:before,
|
||||||
|
.mfp-arrow:after {
|
||||||
|
content: '';
|
||||||
|
display: block;
|
||||||
|
width: 0;
|
||||||
|
height: 0;
|
||||||
|
position: absolute;
|
||||||
|
left: 0;
|
||||||
|
top: 0;
|
||||||
|
margin-top: 35px;
|
||||||
|
margin-left: 35px;
|
||||||
|
border: medium inset transparent; }
|
||||||
|
.mfp-arrow:after {
|
||||||
|
border-top-width: 13px;
|
||||||
|
border-bottom-width: 13px;
|
||||||
|
top: 8px; }
|
||||||
|
.mfp-arrow:before {
|
||||||
|
border-top-width: 21px;
|
||||||
|
border-bottom-width: 21px;
|
||||||
|
opacity: 0.7; }
|
||||||
|
|
||||||
|
.mfp-arrow-left {
|
||||||
|
left: 0; }
|
||||||
|
.mfp-arrow-left:after {
|
||||||
|
border-right: 17px solid $white;
|
||||||
|
margin-left: 31px; }
|
||||||
|
.mfp-arrow-left:before {
|
||||||
|
margin-left: 25px;
|
||||||
|
border-right: 27px solid #fff; }
|
||||||
|
|
||||||
|
.mfp-arrow-right {
|
||||||
|
right: 0; }
|
||||||
|
.mfp-arrow-right:after {
|
||||||
|
border-left: 17px solid $white;
|
||||||
|
margin-left: 39px; }
|
||||||
|
.mfp-arrow-right:before {
|
||||||
|
border-left: 27px solid #fff; }
|
||||||
|
|
||||||
|
.mfp-iframe-holder {
|
||||||
|
padding-top: 40px;
|
||||||
|
padding-bottom: 40px; }
|
||||||
|
.mfp-iframe-holder .mfp-content {
|
||||||
|
line-height: 0;
|
||||||
|
width: 100%;
|
||||||
|
max-width: 900px; }
|
||||||
|
.mfp-iframe-holder .mfp-close {
|
||||||
|
top: -40px; }
|
||||||
|
|
||||||
|
.mfp-iframe-scaler {
|
||||||
|
width: 100%;
|
||||||
|
height: 0;
|
||||||
|
overflow: hidden;
|
||||||
|
padding-top: 56.25%; }
|
||||||
|
.mfp-iframe-scaler iframe {
|
||||||
|
position: absolute;
|
||||||
|
display: block;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
|
||||||
|
background: #000; }
|
||||||
|
|
||||||
|
/* Main image in popup */
|
||||||
|
img.mfp-img {
|
||||||
|
width: auto;
|
||||||
|
max-width: 100%;
|
||||||
|
height: auto;
|
||||||
|
display: block;
|
||||||
|
line-height: 0;
|
||||||
|
box-sizing: border-box;
|
||||||
|
padding: 40px 0 40px;
|
||||||
|
margin: 0 auto; }
|
||||||
|
|
||||||
|
/* The shadow behind the image */
|
||||||
|
.mfp-figure {
|
||||||
|
line-height: 0; }
|
||||||
|
.mfp-figure:after {
|
||||||
|
content: '';
|
||||||
|
position: absolute;
|
||||||
|
left: 0;
|
||||||
|
top: 40px;
|
||||||
|
bottom: 40px;
|
||||||
|
display: block;
|
||||||
|
right: 0;
|
||||||
|
width: auto;
|
||||||
|
height: auto;
|
||||||
|
z-index: -1;
|
||||||
|
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
|
||||||
|
background: #444; }
|
||||||
|
.mfp-figure small {
|
||||||
|
color: #BDBDBD;
|
||||||
|
display: block;
|
||||||
|
font-size: 12px;
|
||||||
|
line-height: 14px; }
|
||||||
|
.mfp-figure figure {
|
||||||
|
margin: 0; }
|
||||||
|
|
||||||
|
.mfp-bottom-bar {
|
||||||
|
margin-top: -36px;
|
||||||
|
position: absolute;
|
||||||
|
top: 100%;
|
||||||
|
left: 0;
|
||||||
|
width: 100%;
|
||||||
|
cursor: auto; }
|
||||||
|
|
||||||
|
.mfp-title {
|
||||||
|
text-align: left;
|
||||||
|
line-height: 18px;
|
||||||
|
color: #F3F3F3;
|
||||||
|
word-wrap: break-word;
|
||||||
|
padding-right: 36px; }
|
||||||
|
|
||||||
|
.mfp-image-holder .mfp-content {
|
||||||
|
max-width: 100%; }
|
||||||
|
|
||||||
|
.mfp-gallery .mfp-image-holder .mfp-figure {
|
||||||
|
cursor: pointer; }
|
||||||
|
|
||||||
|
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
|
||||||
|
/**
|
||||||
|
* Remove all paddings around the image on small screen
|
||||||
|
*/
|
||||||
|
.mfp-img-mobile .mfp-image-holder {
|
||||||
|
padding-left: 0;
|
||||||
|
padding-right: 0; }
|
||||||
|
.mfp-img-mobile img.mfp-img {
|
||||||
|
padding: 0; }
|
||||||
|
.mfp-img-mobile .mfp-figure:after {
|
||||||
|
top: 0;
|
||||||
|
bottom: 0; }
|
||||||
|
.mfp-img-mobile .mfp-figure small {
|
||||||
|
display: inline;
|
||||||
|
margin-left: 5px; }
|
||||||
|
.mfp-img-mobile .mfp-bottom-bar {
|
||||||
|
background: rgba(0, 0, 0, 0.6);
|
||||||
|
bottom: 0;
|
||||||
|
margin: 0;
|
||||||
|
top: auto;
|
||||||
|
padding: 3px 5px;
|
||||||
|
position: fixed;
|
||||||
|
box-sizing: border-box; }
|
||||||
|
.mfp-img-mobile .mfp-bottom-bar:empty {
|
||||||
|
padding: 0; }
|
||||||
|
.mfp-img-mobile .mfp-counter {
|
||||||
|
right: 5px;
|
||||||
|
top: 3px; }
|
||||||
|
.mfp-img-mobile .mfp-close {
|
||||||
|
top: 0;
|
||||||
|
right: 0;
|
||||||
|
width: 35px;
|
||||||
|
height: 35px;
|
||||||
|
line-height: 35px;
|
||||||
|
background: rgba(0, 0, 0, 0.6);
|
||||||
|
position: fixed;
|
||||||
|
text-align: center;
|
||||||
|
padding: 0; } }
|
||||||
|
|
||||||
|
@media all and (max-width: 900px) {
|
||||||
|
.mfp-arrow {
|
||||||
|
-webkit-transform: scale(0.75);
|
||||||
|
transform: scale(0.75); }
|
||||||
|
.mfp-arrow-left {
|
||||||
|
-webkit-transform-origin: 0;
|
||||||
|
transform-origin: 0; }
|
||||||
|
.mfp-arrow-right {
|
||||||
|
-webkit-transform-origin: 100%;
|
||||||
|
transform-origin: 100%; }
|
||||||
|
.mfp-container {
|
||||||
|
padding-left: 6px;
|
||||||
|
padding-right: 6px; } }
|
6943
css/main.css
Normal file
148
css/meanmenu.css
Normal file
@ -0,0 +1,148 @@
|
|||||||
|
/*! #######################################################################
|
||||||
|
|
||||||
|
MeanMenu 2.0.7
|
||||||
|
--------
|
||||||
|
|
||||||
|
To be used with jquery.meanmenu.js by Chris Wharton (http://www.meanthemes.com/plugins/meanmenu/)
|
||||||
|
|
||||||
|
####################################################################### */
|
||||||
|
|
||||||
|
a.meanmenu-reveal {
|
||||||
|
display: none
|
||||||
|
}
|
||||||
|
|
||||||
|
.mean-container .mean-bar {
|
||||||
|
float: left;
|
||||||
|
width: 100%;
|
||||||
|
position: relative;
|
||||||
|
background: #070337;
|
||||||
|
padding: 4px 0;
|
||||||
|
min-height: 42px;
|
||||||
|
z-index: 999999
|
||||||
|
}
|
||||||
|
|
||||||
|
.mean-container a.meanmenu-reveal {
|
||||||
|
width: 22px;
|
||||||
|
height: 22px;
|
||||||
|
padding: 13px 13px 11px 13px;
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
right: 0;
|
||||||
|
cursor: pointer;
|
||||||
|
color: #fff;
|
||||||
|
text-decoration: none;
|
||||||
|
font-size: 16px;
|
||||||
|
text-indent: -9999em;
|
||||||
|
line-height: 22px;
|
||||||
|
font-size: 1px;
|
||||||
|
display: block;
|
||||||
|
font-family: Arial, Helvetica, sans-serif;
|
||||||
|
font-weight: 700
|
||||||
|
}
|
||||||
|
|
||||||
|
.mean-container a.meanmenu-reveal span {
|
||||||
|
display: block;
|
||||||
|
background: #fff;
|
||||||
|
height: 3px;
|
||||||
|
margin-top: 3px
|
||||||
|
}
|
||||||
|
|
||||||
|
.mean-container .mean-nav {
|
||||||
|
float: left;
|
||||||
|
width: 100%;
|
||||||
|
background: #070337;
|
||||||
|
margin-top: 44px
|
||||||
|
}
|
||||||
|
|
||||||
|
.mean-container .mean-nav ul {
|
||||||
|
padding: 0;
|
||||||
|
margin: 0;
|
||||||
|
width: 100%;
|
||||||
|
list-style-type: none
|
||||||
|
}
|
||||||
|
|
||||||
|
.mean-container .mean-nav ul li {
|
||||||
|
position: relative;
|
||||||
|
float: left;
|
||||||
|
width: 100%
|
||||||
|
}
|
||||||
|
|
||||||
|
.mean-container .mean-nav ul li a {
|
||||||
|
display: block;
|
||||||
|
float: left;
|
||||||
|
width: 90%;
|
||||||
|
padding: 10px 5%;
|
||||||
|
margin: 0;
|
||||||
|
text-align: left;
|
||||||
|
color: #fff;
|
||||||
|
border-top: 1px solid #e0e3ed;
|
||||||
|
text-decoration: none;
|
||||||
|
text-transform: uppercase
|
||||||
|
}
|
||||||
|
|
||||||
|
.mean-container .mean-nav ul li li a {
|
||||||
|
width: 80%;
|
||||||
|
padding: 10px 10%;
|
||||||
|
text-shadow: none !important;
|
||||||
|
visibility: visible
|
||||||
|
}
|
||||||
|
|
||||||
|
.mean-container .mean-nav ul li.mean-last a {
|
||||||
|
border-bottom: 0;
|
||||||
|
margin-bottom: 0
|
||||||
|
}
|
||||||
|
|
||||||
|
.mean-container .mean-nav ul li li li a {
|
||||||
|
width: 70%;
|
||||||
|
padding: 10px 15%
|
||||||
|
}
|
||||||
|
|
||||||
|
.mean-container .mean-nav ul li li li li a {
|
||||||
|
width: 60%;
|
||||||
|
padding: 10px 20%
|
||||||
|
}
|
||||||
|
|
||||||
|
.mean-container .mean-nav ul li li li li li a {
|
||||||
|
width: 50%;
|
||||||
|
padding: 10px 25%
|
||||||
|
}
|
||||||
|
|
||||||
|
.mean-container .mean-nav ul li a.mean-expand {
|
||||||
|
margin-top: 1px;
|
||||||
|
width: 26px;
|
||||||
|
height: 32px;
|
||||||
|
text-align: center;
|
||||||
|
position: absolute;
|
||||||
|
right: 0;
|
||||||
|
top: 0;
|
||||||
|
z-index: 2;
|
||||||
|
font-weight: 700;
|
||||||
|
background: transparent;
|
||||||
|
border: none !important;
|
||||||
|
font-size: 14px
|
||||||
|
}
|
||||||
|
|
||||||
|
.mean-container .mean-push {
|
||||||
|
float: left;
|
||||||
|
width: 100%;
|
||||||
|
padding: 0;
|
||||||
|
margin: 0;
|
||||||
|
clear: both
|
||||||
|
}
|
||||||
|
|
||||||
|
.mean-nav .wrapper {
|
||||||
|
width: 100%;
|
||||||
|
padding: 0;
|
||||||
|
margin: 0
|
||||||
|
}
|
||||||
|
|
||||||
|
.mean-container .mean-bar,
|
||||||
|
.mean-container .mean-bar * {
|
||||||
|
-webkit-box-sizing: content-box;
|
||||||
|
-moz-box-sizing: content-box;
|
||||||
|
box-sizing: content-box
|
||||||
|
}
|
||||||
|
|
||||||
|
.mean-remove {
|
||||||
|
display: none !important
|
||||||
|
}
|
143
css/nice-select.css
Normal file
@ -0,0 +1,143 @@
|
|||||||
|
.nice-select {
|
||||||
|
-webkit-tap-highlight-color: transparent;
|
||||||
|
background-color: transparent;
|
||||||
|
border-radius: 5px;
|
||||||
|
border: solid 1px #3f3877;
|
||||||
|
box-sizing: border-box;
|
||||||
|
clear: both;
|
||||||
|
cursor: pointer;
|
||||||
|
display: block;
|
||||||
|
font-family: inherit;
|
||||||
|
font-size: 18px;
|
||||||
|
font-weight: normal;
|
||||||
|
outline: none;
|
||||||
|
padding: 14px 35px 14px 15px;
|
||||||
|
position: relative;
|
||||||
|
text-align: left !important;
|
||||||
|
-webkit-transition: all 0.2s ease-in-out;
|
||||||
|
transition: all 0.2s ease-in-out;
|
||||||
|
-webkit-user-select: none;
|
||||||
|
-moz-user-select: none;
|
||||||
|
-ms-user-select: none;
|
||||||
|
user-select: none;
|
||||||
|
white-space: nowrap;
|
||||||
|
width: 160px;
|
||||||
|
}
|
||||||
|
.nice-select:hover {
|
||||||
|
border-color: #3f3877; }
|
||||||
|
.nice-select:active, .nice-select.open, .nice-select:focus {
|
||||||
|
border-color: #3f3877; }
|
||||||
|
.nice-select:after {
|
||||||
|
border-bottom: 2px solid #7b7c98;
|
||||||
|
border-right: 2px solid #7b7c98;
|
||||||
|
content: '';
|
||||||
|
display: block;
|
||||||
|
height: 12px;
|
||||||
|
margin-top: -6px;
|
||||||
|
pointer-events: none;
|
||||||
|
position: absolute;
|
||||||
|
right: 14px;
|
||||||
|
top: 50%;
|
||||||
|
-webkit-transform-origin: 66% 66%;
|
||||||
|
-ms-transform-origin: 66% 66%;
|
||||||
|
transform-origin: 66% 66%;
|
||||||
|
-webkit-transform: rotate(45deg);
|
||||||
|
-ms-transform: rotate(45deg);
|
||||||
|
transform: rotate(45deg);
|
||||||
|
-webkit-transition: all 0.15s ease-in-out;
|
||||||
|
transition: all 0.15s ease-in-out;
|
||||||
|
width: 12px; }
|
||||||
|
.nice-select.open:after {
|
||||||
|
-webkit-transform: rotate(-135deg);
|
||||||
|
-ms-transform: rotate(-135deg);
|
||||||
|
transform: rotate(-135deg); }
|
||||||
|
.nice-select.open .list {
|
||||||
|
opacity: 1;
|
||||||
|
display: block;
|
||||||
|
pointer-events: auto;
|
||||||
|
-webkit-transform: scale(1) translateY(0);
|
||||||
|
-ms-transform: scale(1) translateY(0);
|
||||||
|
transform: scale(1) translateY(0); }
|
||||||
|
.nice-select.disabled {
|
||||||
|
border-color: #3f3877;
|
||||||
|
color: #3f3877;
|
||||||
|
pointer-events: none; }
|
||||||
|
.nice-select.disabled:after {
|
||||||
|
border-color: #3f3877; }
|
||||||
|
.nice-select.wide {
|
||||||
|
width: 100%; }
|
||||||
|
.nice-select.wide .list {
|
||||||
|
left: 0 !important;
|
||||||
|
right: 0 !important; }
|
||||||
|
.nice-select.right {
|
||||||
|
float: right; }
|
||||||
|
.nice-select.right .list {
|
||||||
|
left: auto;
|
||||||
|
right: 0; }
|
||||||
|
.nice-select.small {
|
||||||
|
font-size: 12px;
|
||||||
|
height: 36px;
|
||||||
|
line-height: 34px; }
|
||||||
|
.nice-select.small:after {
|
||||||
|
height: 4px;
|
||||||
|
width: 4px; }
|
||||||
|
.nice-select.small .option {
|
||||||
|
line-height: 34px;
|
||||||
|
min-height: 34px; }
|
||||||
|
.nice-select .list {
|
||||||
|
background-color: #150145;
|
||||||
|
border-radius: 5px;
|
||||||
|
box-sizing: border-box;
|
||||||
|
margin-top: 4px;
|
||||||
|
opacity: 0;
|
||||||
|
width: 160px;
|
||||||
|
display: none;
|
||||||
|
overflow: hidden;
|
||||||
|
padding: 0;
|
||||||
|
pointer-events: none;
|
||||||
|
position: absolute;
|
||||||
|
right: 0;
|
||||||
|
-webkit-transform-origin: 50% 0;
|
||||||
|
-ms-transform-origin: 50% 0;
|
||||||
|
transform-origin: 50% 0;
|
||||||
|
-webkit-transform: scale(0.75) translateY(-21px);
|
||||||
|
-ms-transform: scale(0.75) translateY(-21px);
|
||||||
|
transform: scale(0.75) translateY(-21px);
|
||||||
|
-webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
|
||||||
|
transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
|
||||||
|
z-index: 9;
|
||||||
|
margin-bottom: 4px;
|
||||||
|
|
||||||
|
}
|
||||||
|
.nice-select .list li:not(:last-child){
|
||||||
|
margin-right: 0 !important;
|
||||||
|
}
|
||||||
|
.nice-select .option {
|
||||||
|
cursor: pointer;
|
||||||
|
font-weight: 400;
|
||||||
|
line-height: 40px;
|
||||||
|
list-style: none;
|
||||||
|
min-height: 40px;
|
||||||
|
outline: none;
|
||||||
|
z-index: 9999999;
|
||||||
|
padding: 0px 10px;
|
||||||
|
border: 1px solid #121254;
|
||||||
|
text-align: left;
|
||||||
|
-webkit-transition: all 0.2s;
|
||||||
|
transition: all 0.2s;
|
||||||
|
}
|
||||||
|
.nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus {
|
||||||
|
background-color: #101046; }
|
||||||
|
.nice-select .option.selected {
|
||||||
|
font-weight: bold; }
|
||||||
|
.nice-select .option.disabled {
|
||||||
|
background-color: transparent;
|
||||||
|
color: #999;
|
||||||
|
cursor: default;
|
||||||
|
}
|
||||||
|
|
||||||
|
.no-csspointerevents .nice-select .list {
|
||||||
|
display: none; }
|
||||||
|
|
||||||
|
.no-csspointerevents .nice-select.open .list {
|
||||||
|
display: block; }
|
13
css/swiper-bundle.min.css
vendored
Normal file
131
faq.php
Normal file
@ -0,0 +1,131 @@
|
|||||||
|
<?php include('header.php') ?>
|
||||||
|
<!--<< Faq Section Start >>-->
|
||||||
|
<section class="faq-section-2 fix section-padding">
|
||||||
|
<div class="container">
|
||||||
|
<div class="row g-5">
|
||||||
|
<div class="col-lg-4">
|
||||||
|
<div class="faq-sidebar">
|
||||||
|
<div class="search-widget">
|
||||||
|
<form action="#">
|
||||||
|
<input type="text" placeholder="Search">
|
||||||
|
<button type="submit"><i class="fa-regular fa-magnifying-glass"></i></button>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
<h3>
|
||||||
|
Still have Questions? <br>
|
||||||
|
Call Now!
|
||||||
|
</h3>
|
||||||
|
<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:+923076806860">+ 92 ( 307 ) 68 - 06860</a></h6>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-8">
|
||||||
|
<div class="faq-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">Frequently asked questions</span>
|
||||||
|
<h2 class="wow fadeInUp" data-wow-delay=".4s">
|
||||||
|
Question & Answers
|
||||||
|
</h2>
|
||||||
|
</div>
|
||||||
|
<div class="faq-accordion mt-4 mt-md-0">
|
||||||
|
<div class="accordion" id="accordion">
|
||||||
|
<div class="accordion-item mb-4 wow fadeInUp" data-wow-delay=".3s">
|
||||||
|
<h5 class="accordion-header">
|
||||||
|
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faq1" aria-expanded="true" aria-controls="faq1">
|
||||||
|
How to process the funtion for construction?
|
||||||
|
</button>
|
||||||
|
</h5>
|
||||||
|
<div id="faq1" class="accordion-collapse collapse" data-bs-parent="#accordion">
|
||||||
|
<div class="accordion-body">
|
||||||
|
There are many variations of passages of available but the have suffered alteration in that some form by injected randomised words which don’t look even as slightly believable now.
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="accordion-item mb-4 wow fadeInUp" data-wow-delay=".5s">
|
||||||
|
<h5 class="accordion-header">
|
||||||
|
<button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#faq2" aria-expanded="false" aria-controls="faq2">
|
||||||
|
Where should I incorporate my business?
|
||||||
|
</button>
|
||||||
|
</h5>
|
||||||
|
<div id="faq2" class="accordion-collapse show" data-bs-parent="#accordion">
|
||||||
|
<div class="accordion-body">
|
||||||
|
There are many variations of passages of available but the have suffered alteration in that some form by injected randomised words which don’t look even as slightly believable now.
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="accordion-item wow mb-4 fadeInUp" data-wow-delay=".7s">
|
||||||
|
<h5 class="accordion-header">
|
||||||
|
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faq3" aria-expanded="false" aria-controls="faq3">
|
||||||
|
How there are many variations of passages
|
||||||
|
</button>
|
||||||
|
</h5>
|
||||||
|
<div id="faq3" class="accordion-collapse collapse" data-bs-parent="#accordion">
|
||||||
|
<div class="accordion-body">
|
||||||
|
There are many variations of passages of available but the have suffered alteration in that some form by injected randomised words which don’t look even as slightly believable now.
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="accordion-item mb-4 wow fadeInUp" data-wow-delay=".3s">
|
||||||
|
<h5 class="accordion-header">
|
||||||
|
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faq4" aria-expanded="true" aria-controls="faq4">
|
||||||
|
How to process the funtion for construction?
|
||||||
|
</button>
|
||||||
|
</h5>
|
||||||
|
<div id="faq4" class="accordion-collapse collapse" data-bs-parent="#accordion">
|
||||||
|
<div class="accordion-body">
|
||||||
|
There are many variations of passages of available but the have suffered alteration in that some form by injected randomised words which don’t look even as slightly believable now.
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="accordion-item wow mb-4 fadeInUp" data-wow-delay=".7s">
|
||||||
|
<h5 class="accordion-header">
|
||||||
|
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faq6" aria-expanded="false" aria-controls="faq6">
|
||||||
|
How to process the funtion for construction?
|
||||||
|
</button>
|
||||||
|
</h5>
|
||||||
|
<div id="faq6" class="accordion-collapse collapse" data-bs-parent="#accordion">
|
||||||
|
<div class="accordion-body">
|
||||||
|
There are many variations of passages of available but the have suffered alteration in that some form by injected randomised words which don’t look even as slightly believable now.
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="accordion-item wow mb-4 fadeInUp" data-wow-delay=".7s">
|
||||||
|
<h5 class="accordion-header">
|
||||||
|
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faq6" aria-expanded="false" aria-controls="faq6">
|
||||||
|
How there are many variations of passages
|
||||||
|
</button>
|
||||||
|
</h5>
|
||||||
|
<div id="faq6" class="accordion-collapse collapse" data-bs-parent="#accordion">
|
||||||
|
<div class="accordion-body">
|
||||||
|
There are many variations of passages of available but the have suffered alteration in that some form by injected randomised words which don’t look even as slightly believable now.
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="accordion-item mb wow fadeInUp" data-wow-delay=".3s">
|
||||||
|
<h5 class="accordion-header">
|
||||||
|
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faq7" aria-expanded="true" aria-controls="faq7">
|
||||||
|
How to process the funtion for construction?
|
||||||
|
</button>
|
||||||
|
</h5>
|
||||||
|
<div id="faq7" class="accordion-collapse collapse" data-bs-parent="#accordion">
|
||||||
|
<div class="accordion-body">
|
||||||
|
There are many variations of passages of available but the have suffered alteration in that some form by injected randomised words which don’t look even as slightly believable now.
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
<?php include('footer.php') ?>
|
181
footer.php
Normal file
@ -0,0 +1,181 @@
|
|||||||
|
<!-- Footer Section Start -->
|
||||||
|
<footer class="footer-section fix">
|
||||||
|
<div class="container">
|
||||||
|
<div class="footer-widgets-wrapper">
|
||||||
|
<div class="row justify-content-between">
|
||||||
|
<div class="col-xl-3 col-lg-4 col-md-6 wow fadeInUp" data-wow-delay=".2s">
|
||||||
|
<div class="single-footer-widget shape-map">
|
||||||
|
<div class="widget-head">
|
||||||
|
<h4>Contact</h4>
|
||||||
|
</div>
|
||||||
|
<div class="footer-content">
|
||||||
|
<p>
|
||||||
|
66 Road Broklyn Golden Street, 600
|
||||||
|
New York, USA
|
||||||
|
</p>
|
||||||
|
<ul class="contact-info">
|
||||||
|
<li>
|
||||||
|
<i class="fa-regular fa-envelope"></i>
|
||||||
|
<a href="mailto:needhelp@company.com">needhelp@company.com</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<i class="fa-solid fa-phone-volume"></i>
|
||||||
|
<a href="tel:926668880000">+92 (666) 888 0000</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-xl-2 col-lg-4 col-md-6 wow fadeInUp" data-wow-delay=".4s">
|
||||||
|
<div class="single-footer-widget">
|
||||||
|
<div class="widget-head">
|
||||||
|
<h4>Contact</h4>
|
||||||
|
</div>
|
||||||
|
<ul class="list-items">
|
||||||
|
<li>
|
||||||
|
<a href="about.php">
|
||||||
|
About Us
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a href="car-details.php">
|
||||||
|
New Cars
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a href="news-details.php">
|
||||||
|
Latest News
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a href="gallery.php">
|
||||||
|
Gallery
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a href="contact.php">
|
||||||
|
Contact
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-xl-3 col-lg-4 col-md-6 wow fadeInUp" data-wow-delay=".6s">
|
||||||
|
<div class="single-footer-widget">
|
||||||
|
<div class="widget-head">
|
||||||
|
<h4>Gallery</h4>
|
||||||
|
</div>
|
||||||
|
<div class="footer-gallery">
|
||||||
|
<div class="gallery-wrap">
|
||||||
|
<div class="gallery-item">
|
||||||
|
<div class="thumb">
|
||||||
|
<a href="img/footer/gallery-1.jpg" class="img-popup">
|
||||||
|
<img src="img/footer/gallery-1.jpg" alt="gallery-img">
|
||||||
|
<div class="icon">
|
||||||
|
<i class="far fa-plus"></i>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
<div class="thumb">
|
||||||
|
<a href="img/footer/gallery-2.jpg" class="img-popup">
|
||||||
|
<img src="img/footer/gallery-2.jpg" alt="gallery-img">
|
||||||
|
<div class="icon">
|
||||||
|
<i class="far fa-plus"></i>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
<div class="thumb">
|
||||||
|
<a href="img/footer/gallery-3.jpg" class="img-popup">
|
||||||
|
<img src="img/footer/gallery-3.jpg" alt="gallery-img">
|
||||||
|
<div class="icon">
|
||||||
|
<i class="far fa-plus"></i>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="gallery-item">
|
||||||
|
<div class="thumb">
|
||||||
|
<a href="img/footer/gallery-4.jpg" class="img-popup">
|
||||||
|
<img src="img/footer/gallery-4.jpg" alt="gallery-img">
|
||||||
|
<div class="icon">
|
||||||
|
<i class="far fa-plus"></i>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
<div class="thumb">
|
||||||
|
<a href="img/footer/gallery-5.jpg" class="img-popup">
|
||||||
|
<img src="img/footer/gallery-5.jpg" alt="gallery-img">
|
||||||
|
<div class="icon">
|
||||||
|
<i class="far fa-plus"></i>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
<div class="thumb">
|
||||||
|
<a href="img/footer/gallery-6.jpg" class="img-popup">
|
||||||
|
<img src="img/footer/gallery-6.jpg" alt="gallery-img">
|
||||||
|
<div class="icon">
|
||||||
|
<i class="far fa-plus"></i>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-xl-3 col-lg-4 col-md-6 wow fadeInUp" data-wow-delay=".8s">
|
||||||
|
<div class="single-footer-widget">
|
||||||
|
<div class="widget-head">
|
||||||
|
<h4>Newsletter</h4>
|
||||||
|
</div>
|
||||||
|
<div class="footer-content">
|
||||||
|
<p>Subscribe our newsletter to get our latest update & news</p>
|
||||||
|
<div class="footer-input">
|
||||||
|
<input type="email" id="email2" placeholder="Email address">
|
||||||
|
<button class="newsletter-btn" type="submit">
|
||||||
|
<i class="fa-regular fa-paper-plane"></i>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="footer-bottom">
|
||||||
|
<div class="footer-wrapper">
|
||||||
|
<p class="wow fadeInUp" data-wow-delay=".4s">
|
||||||
|
© Copyright 2024 by <a href="index.php">Remons.com</a>
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
|
|
||||||
|
<!--<< All JS Plugins >>-->
|
||||||
|
<script src="js/jquery-3.7.1.min.js"></script>
|
||||||
|
<!--<< Viewport Js >>-->
|
||||||
|
<script src="js/viewport.jquery.js"></script>
|
||||||
|
<!--<< Bootstrap Js >>-->
|
||||||
|
<script src="js/bootstrap.bundle.min.js"></script>
|
||||||
|
<!--<< Nice Select Js >>-->
|
||||||
|
<script src="js/jquery.nice-select.min.js"></script>
|
||||||
|
<!--<< Waypoints Js >>-->
|
||||||
|
<script src="js/jquery.waypoints.js"></script>
|
||||||
|
<!--<< Counterup Js >>-->
|
||||||
|
<script src="js/jquery.counterup.min.js"></script>
|
||||||
|
<!--<< Datepicker Js >>-->
|
||||||
|
<script src="js/bootstrap-datepicker.js"></script>
|
||||||
|
<!--<< Swiper Slider Js >>-->
|
||||||
|
<script src="js/swiper-bundle.min.js"></script>
|
||||||
|
<!--<< MeanMenu Js >>-->
|
||||||
|
<script src="js/jquery.meanmenu.min.js"></script>
|
||||||
|
<!--<< Magnific Popup Js >>-->
|
||||||
|
<script src="js/jquery.magnific-popup.min.js"></script>
|
||||||
|
<!--<< GSAP Animation Js >>-->
|
||||||
|
<script src="js/animation.js"></script>
|
||||||
|
<!--<< Wow Animation Js >>-->
|
||||||
|
<script src="js/wow.min.js"></script>
|
||||||
|
<!--<< Main.js >>-->
|
||||||
|
<script src="js/main.js"></script>
|
||||||
|
</body>
|
||||||
|
</html>
|
85
gallery.php
Normal file
@ -0,0 +1,85 @@
|
|||||||
|
<?php include('header.php') ?>
|
||||||
|
<!--<< 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">
|
||||||
|
<div class="icon-box">
|
||||||
|
<a href="img/gallery/g-14.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="g-items">
|
||||||
|
<img src="img/gallery/g-15.jpg" alt="ga-img">
|
||||||
|
<div class="icon-box">
|
||||||
|
<a href="img/gallery/g-15.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="g-items">
|
||||||
|
<img src="img/gallery/g-16.jpg" alt="ga-img">
|
||||||
|
<div class="icon-box">
|
||||||
|
<a href="img/gallery/g-16.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="gallery-items gallery-items-two">
|
||||||
|
<div class="g-items">
|
||||||
|
<img src="img/gallery/g-17.jpg" alt="ga-img">
|
||||||
|
<div class="icon-box">
|
||||||
|
<a href="img/gallery/g-17.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="g-items">
|
||||||
|
<img src="img/gallery/g-18.jpg" alt="ga-img">
|
||||||
|
<div class="icon-box">
|
||||||
|
<a href="img/gallery/g-18.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="gallery-items gallery-items-three">
|
||||||
|
<div class="g-items">
|
||||||
|
<img src="img/gallery/g-19.jpg" alt="ga-img">
|
||||||
|
<div class="icon-box">
|
||||||
|
<a href="img/gallery/g-19.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="g-items">
|
||||||
|
<img src="img/gallery/g-20.jpg" alt="ga-img">
|
||||||
|
<div class="icon-box">
|
||||||
|
<a href="img/gallery/g-20.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>
|
||||||
|
<?php include('footer.php') ?>
|
289
header.php
Normal file
@ -0,0 +1,289 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<!--<< Header Area >>-->
|
||||||
|
<head>
|
||||||
|
<!-- ========== Meta Tags ========== -->
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
|
<meta name="author" content="pixydrops">
|
||||||
|
<meta name="description" content="Remons - Booking Rental HTML Template">
|
||||||
|
<!-- ======== Page title ============ -->
|
||||||
|
<title>Remons - Booking Rental HTML Template</title>
|
||||||
|
<!--<< Favcion >>-->
|
||||||
|
<link rel="shortcut icon" href="img/favicon.png">
|
||||||
|
<!--<< Bootstrap min.css >>-->
|
||||||
|
<link rel="stylesheet" href="css/bootstrap.min.css">
|
||||||
|
<!--<< All Min Css >>-->
|
||||||
|
<link rel="stylesheet" href="css/all.min.css">
|
||||||
|
<!--<< Animate.css >>-->
|
||||||
|
<link rel="stylesheet" href="css/animate.css">
|
||||||
|
<!--<< Magnific Popup.css >>-->
|
||||||
|
<link rel="stylesheet" href="css/magnific-popup.css">
|
||||||
|
<!--<< MeanMenu.css >>-->
|
||||||
|
<link rel="stylesheet" href="css/meanmenu.css">
|
||||||
|
<!--<< DatePicker.css >>-->
|
||||||
|
<link rel="stylesheet" href="css/datepickerboot.css">
|
||||||
|
<!--<< Swiper Bundle.css >>-->
|
||||||
|
<link rel="stylesheet" href="css/swiper-bundle.min.css">
|
||||||
|
<!--<< Nice Select.css >>-->
|
||||||
|
<link rel="stylesheet" href="css/nice-select.css">
|
||||||
|
<!--<< Main.css >>-->
|
||||||
|
<link rel="stylesheet" href="css/main.css">
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<!-- Preloader Start -->
|
||||||
|
<!--
|
||||||
|
<div id="preloader" class="preloader">
|
||||||
|
<div class="animation-preloader">
|
||||||
|
<div class="spinner">
|
||||||
|
</div>
|
||||||
|
<div class="txt-loading">
|
||||||
|
<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
|
||||||
|
</span>
|
||||||
|
<span data-text-preloader="O" class="letters-loading">
|
||||||
|
O
|
||||||
|
</span>
|
||||||
|
<span data-text-preloader="N" class="letters-loading">
|
||||||
|
N
|
||||||
|
</span>
|
||||||
|
<span data-text-preloader="S" class="letters-loading">
|
||||||
|
S
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
<p class="text-center">Loading</p>
|
||||||
|
</div>
|
||||||
|
<div class="loader">
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-3 loader-section section-left">
|
||||||
|
<div class="bg"></div>
|
||||||
|
</div>
|
||||||
|
<div class="col-3 loader-section section-left">
|
||||||
|
<div class="bg"></div>
|
||||||
|
</div>
|
||||||
|
<div class="col-3 loader-section section-right">
|
||||||
|
<div class="bg"></div>
|
||||||
|
</div>
|
||||||
|
<div class="col-3 loader-section section-right">
|
||||||
|
<div class="bg"></div>
|
||||||
|
</div>
|
||||||
|
</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">
|
||||||
|
<path d="M50,1 a49,49 0 0,1 0,98 a49,49 0 0,1 0,-98" />
|
||||||
|
</svg>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Offcanvas Area Start -->
|
||||||
|
<div class="fix-area">
|
||||||
|
<div class="offcanvas__info">
|
||||||
|
<div class="offcanvas__wrapper">
|
||||||
|
<div class="offcanvas__content">
|
||||||
|
<div class="offcanvas__top mb-5 d-flex justify-content-between align-items-center">
|
||||||
|
<div class="offcanvas__logo">
|
||||||
|
<a href="index.php">
|
||||||
|
<img src="img/logo/black-logo.svg" alt="logo-img">
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
<div class="offcanvas__close">
|
||||||
|
<button>
|
||||||
|
<i class="fas fa-times"></i>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<p class="text d-none d-xl-block">
|
||||||
|
Nullam dignissim, ante scelerisque the is euismod fermentum odio sem semper the is erat, a feugiat leo urna eget eros. Duis Aenean a imperdiet risus.
|
||||||
|
</p>
|
||||||
|
<div class="mobile-menu fix mb-3"></div>
|
||||||
|
<div class="offcanvas__contact">
|
||||||
|
<h4>Contact Info</h4>
|
||||||
|
<ul>
|
||||||
|
<li class="d-flex align-items-center">
|
||||||
|
<div class="offcanvas__contact-icon">
|
||||||
|
<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>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
<li class="d-flex align-items-center">
|
||||||
|
<div class="offcanvas__contact-icon mr-15">
|
||||||
|
<i class="fal fa-envelope"></i>
|
||||||
|
</div>
|
||||||
|
<div class="offcanvas__contact-text">
|
||||||
|
<a href="mailto:info@example.com"><span class="mailto:info@example.com">info@example.com</span></a>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
<li class="d-flex align-items-center">
|
||||||
|
<div class="offcanvas__contact-icon mr-15">
|
||||||
|
<i class="fal fa-clock"></i>
|
||||||
|
</div>
|
||||||
|
<div class="offcanvas__contact-text">
|
||||||
|
<a target="_blank" href="index.php#">Mod-friday, 09am -05pm</a>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
<li class="d-flex align-items-center">
|
||||||
|
<div class="offcanvas__contact-icon mr-15">
|
||||||
|
<i class="far fa-phone"></i>
|
||||||
|
</div>
|
||||||
|
<div class="offcanvas__contact-text">
|
||||||
|
<a href="tel:+11002345909">+11002345909</a>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
<div class="header-button mt-4">
|
||||||
|
<a href="contact.php" class="theme-btn text-center">
|
||||||
|
<span>Get A Quote<i class="fa-solid fa-arrow-right-long"></i></span>
|
||||||
|
</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>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</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>
|
||||||
|
</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 class="content">
|
||||||
|
<p>Call Anytime</p>
|
||||||
|
<h6><a href="tel:+9288009850">+92 (8800) - 9850</a></h6>
|
||||||
|
</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>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</header>
|
||||||
|
|
||||||
|
|
||||||
|
|
BIN
img/about/01.jpg
Normal file
After Width: | Height: | Size: 29 KiB |
BIN
img/about/01.png
Normal file
After Width: | Height: | Size: 103 KiB |
BIN
img/about/02.jpg
Normal file
After Width: | Height: | Size: 26 KiB |
BIN
img/about/car-shape.png
Normal file
After Width: | Height: | Size: 15 KiB |
BIN
img/about/secondary-shape-color-full.png
Normal file
After Width: | Height: | Size: 21 KiB |
BIN
img/bagde.png
Normal file
After Width: | Height: | Size: 12 KiB |
BIN
img/bg-header-banner.jpg
Normal file
After Width: | Height: | Size: 65 KiB |
BIN
img/bg-shape-saleoff.png
Normal file
After Width: | Height: | Size: 109 KiB |
BIN
img/bg-shape-tire.png
Normal file
After Width: | Height: | Size: 76 KiB |
BIN
img/bg-slideshow-01.jpg
Normal file
After Width: | Height: | Size: 2.2 KiB |
BIN
img/bg-slideshow-02.jpg
Normal file
After Width: | Height: | Size: 874 B |
BIN
img/bg-slideshow-03.jpg
Normal file
After Width: | Height: | Size: 2.3 KiB |
BIN
img/big-stretch-left-image.jpg
Normal file
After Width: | Height: | Size: 98 KiB |
BIN
img/bohora.png
Normal file
After Width: | Height: | Size: 64 KiB |
BIN
img/booking-bg.png
Normal file
After Width: | Height: | Size: 168 KiB |
BIN
img/booking-man.png
Normal file
After Width: | Height: | Size: 419 KiB |
BIN
img/brand-bg.png
Normal file
After Width: | Height: | Size: 92 KiB |
BIN
img/brand/01.png
Normal file
After Width: | Height: | Size: 4.9 KiB |
BIN
img/brand/02.png
Normal file
After Width: | Height: | Size: 4.6 KiB |
BIN
img/brand/03.png
Normal file
After Width: | Height: | Size: 5.0 KiB |
BIN
img/brand/04.png
Normal file
After Width: | Height: | Size: 3.3 KiB |
BIN
img/brand/05.png
Normal file
After Width: | Height: | Size: 4.7 KiB |
BIN
img/brand/06.png
Normal file
After Width: | Height: | Size: 3.4 KiB |
BIN
img/car-slider/01.jpg
Normal file
After Width: | Height: | Size: 22 KiB |
BIN
img/car-slider/02.jpg
Normal file
After Width: | Height: | Size: 16 KiB |
BIN
img/car-slider/03.jpg
Normal file
After Width: | Height: | Size: 19 KiB |
BIN
img/car-slider/04.jpg
Normal file
After Width: | Height: | Size: 15 KiB |
BIN
img/car-slider/05.jpg
Normal file
After Width: | Height: | Size: 15 KiB |
BIN
img/car-slider/06.jpg
Normal file
After Width: | Height: | Size: 20 KiB |
BIN
img/car-slideshow-2.png
Normal file
After Width: | Height: | Size: 217 KiB |
BIN
img/car.png
Normal file
After Width: | Height: | Size: 220 KiB |
BIN
img/car/01.jpg
Normal file
After Width: | Height: | Size: 52 KiB |
BIN
img/car/02.jpg
Normal file
After Width: | Height: | Size: 14 KiB |
BIN
img/car/03.jpg
Normal file
After Width: | Height: | Size: 91 KiB |
BIN
img/car/04.jpg
Normal file
After Width: | Height: | Size: 92 KiB |
BIN
img/car/05.jpg
Normal file
After Width: | Height: | Size: 54 KiB |
BIN
img/car/06.jpg
Normal file
After Width: | Height: | Size: 52 KiB |
BIN
img/car/07.jpg
Normal file
After Width: | Height: | Size: 92 KiB |
BIN
img/car/08.jpg
Normal file
After Width: | Height: | Size: 87 KiB |
BIN
img/car/09.jpg
Normal file
After Width: | Height: | Size: 55 KiB |
BIN
img/car/10.jpg
Normal file
After Width: | Height: | Size: 45 KiB |
3
img/car/automatic.svg
Normal file
@ -0,0 +1,3 @@
|
|||||||
|
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="12" height="16" viewBox="0 0 12 16">
|
||||||
|
<image id="_7483181" data-name="7483181" width="12" height="16" xlink:href="data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAQCAYAAAAiYZ4HAAABC0lEQVQokY3SvSuGYRQG8J/PfAx6JwM2SUbU+wdISZmMMihiMBoNZsquMMnkb5BNyiTJIAZkkki8Br26c556PD1vuep03/e5r3Ouc06nqV4dUoI29OKh+NVcQm7HOS6w8Z+AlHkAm5gsfraWBNzjAOuY+U/AEiZCfSt8n1jGVXJ2Yi2sA6vYw1OQkl1jNlOoozun0IIT3OEGg8WSajiKdy3OLxxH5kd8YDsLqGA/iFO5ZP14xnhR4QXVkuZL0RwKZ2GVHOkbXRgL68krLAQp3TOkhk+xE44+DKeANNbpcN7iDSvR9FwuwWXqK5WUjTUb7WIo7caK/EGjbU04xCjeiyU1wjxGYnt/e+L1B4iONFFAy9S5AAAAAElFTkSuQmCC"/>
|
||||||
|
</svg>
|
After Width: | Height: | Size: 668 B |
BIN
img/car/car-bg.jpg
Normal file
After Width: | Height: | Size: 9.8 KiB |
BIN
img/car/car-details-2.jpg
Normal file
After Width: | Height: | Size: 87 KiB |
BIN
img/car/car-details.jpg
Normal file
After Width: | Height: | Size: 78 KiB |
BIN
img/car/car-list-1.jpg
Normal file
After Width: | Height: | Size: 45 KiB |
BIN
img/car/car-list-2.jpg
Normal file
After Width: | Height: | Size: 28 KiB |
BIN
img/car/car-list-3.jpg
Normal file
After Width: | Height: | Size: 44 KiB |
BIN
img/car/car-list-4.jpg
Normal file
After Width: | Height: | Size: 55 KiB |
BIN
img/car/car-list-5.jpg
Normal file
After Width: | Height: | Size: 58 KiB |
BIN
img/car/car-list-6.jpg
Normal file
After Width: | Height: | Size: 54 KiB |
BIN
img/car/comment01.png
Normal file
After Width: | Height: | Size: 11 KiB |
BIN
img/car/comment02.png
Normal file
After Width: | Height: | Size: 12 KiB |
3
img/car/door.svg
Normal file
@ -0,0 +1,3 @@
|
|||||||
|
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" viewBox="0 0 16 16">
|
||||||
|
<image id="_938677" data-name="938677" width="16" height="16" xlink:href="data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABL0lEQVQ4jZXTu0peQRTF8Z/fBTRoDAg+gIVNGsHiewPzAGkt7e2MlUZtDAmonYqFeClsrLQQI+Q1bETsvUDARqNhw4wcj0c5LjicYmb/915rZroeO8MzmERTte6wiW94KO8IwCWG0I2eCsQ1NvAXE2VIK3WO4lOcVwB68QWLCfQM0kr/nlQ8UgEYxxHG8KMMabziu6gdzCVI5NCXII26gNA2FhJkqghp1SjO2koNs52fYakIGMR0DdANjlNe5xlwgXl8qgHYxxVu0c6ASHT1HXaelAFxD5YLE0TyB3UA+RTa+IrdNFrnjZrwPpuaNDMgrukSVjCK9YrCAfzGH3zOQcZbiFTz6HG+ASvrI06wl6zeFy38Q39hkrI+4DB9v4rFoQgxxj574znHnjV8f7GC/8RiQAobUgYMAAAAAElFTkSuQmCC"/>
|
||||||
|
</svg>
|
After Width: | Height: | Size: 714 B |
BIN
img/car/icon/01.png
Normal file
After Width: | Height: | Size: 1.2 KiB |
BIN
img/car/icon/02.png
Normal file
After Width: | Height: | Size: 1.2 KiB |
BIN
img/car/icon/03.png
Normal file
After Width: | Height: | Size: 1.2 KiB |
BIN
img/car/icon/04.png
Normal file
After Width: | Height: | Size: 1.1 KiB |
BIN
img/car/icon/05.png
Normal file
After Width: | Height: | Size: 1.4 KiB |
BIN
img/car/icon/06.png
Normal file
After Width: | Height: | Size: 1.8 KiB |
BIN
img/car/icon/07.png
Normal file
After Width: | Height: | Size: 389 B |
3
img/car/petrol.svg
Normal file
@ -0,0 +1,3 @@
|
|||||||
|
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" viewBox="0 0 16 16">
|
||||||
|
<image id="_8088672" data-name="8088672" width="16" height="16" xlink:href="data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABPklEQVQ4jZ3TIUikQRjG8d/qrlw8FYNgkANFMIqoXDHaT2GL7cJlhasHh0UMssFiEAwW7RaTwXCHcngnaFCDChbBthrUlTlm4GNYd8Enzcz3zv95mef9So2J4Qru8Ky1Qs0wSmikyjI6UUc/BtCVYerx8m3cb+IItQRI+oS/OMsAo+gr7BdwHNe1IiA4/8NUBrjOjFI3i3kHLxjCdgboid9yzWGvCDjHF1SywtX4DkWd4HvoOgF68buJS1J4+Y84xCl+4DNmQowfcIXJFoCQ1C+M42tMax73qYMwA5eFC+u4wc+4L8eaC2xgKxV2NHELKUzjGwZbdPUmoIq16DLbDlBucnaA5ZhG9T2AMAd/8BiHqC1gN8YYInpLKcbwHyzlgDGMtHOKgB08oDtOaCMAntq4J4UuQowh3v3/a1ZeAUwGPxGcz2kZAAAAAElFTkSuQmCC"/>
|
||||||
|
</svg>
|
After Width: | Height: | Size: 736 B |
BIN
img/car/popular-car-1.jpg
Normal file
After Width: | Height: | Size: 16 KiB |
BIN
img/car/popular-car-2.jpg
Normal file
After Width: | Height: | Size: 16 KiB |
BIN
img/car/popular-car-3.jpg
Normal file
After Width: | Height: | Size: 18 KiB |
BIN
img/car/popular-car-4.jpg
Normal file
After Width: | Height: | Size: 14 KiB |
BIN
img/car/popular-car-5.jpg
Normal file
After Width: | Height: | Size: 13 KiB |
BIN
img/car/popular-car-6.jpg
Normal file
After Width: | Height: | Size: 9.1 KiB |
3
img/car/seat.svg
Normal file
@ -0,0 +1,3 @@
|
|||||||
|
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="14" height="16" viewBox="0 0 14 16">
|
||||||
|
<image id="_2557404" data-name="2557404" width="14" height="16" xlink:href="data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAQCAYAAAAmlE46AAABQklEQVQokX3TMUscURQF4G8XIQYNaCBERFFBg6QJJIGkEFS0EPQnBCvb2PgHUtrZ2GhhKwTyB0KSPlhZ2YgoMSgWEYwQROPKW+4sj2F2DwzMvPfOPefed6bWePdChl78wAQauMAcfiuhXvp+jzP04ym+YqFMSujK3h9jDM/xJtaGcYkn+JsTC6uPsB9qd6XiNaRDb8P6EE4LxVFcYbbKFj5jOvZn8KqeVf3fhlQ42gnbr3Hb1eFwwiA2sYQP2C02ylPN+1rGz3i+hFoLVYrj2MY/TOEkV6pSTH18wndsYTFI1ZbiOiZxEGvfyrYiGMc4DycrudVEXG0j8CxStIebfKov0RNJOcI17mNtJCKYCMlNy2p39LIekUthSGFP/acCv3CIj3H5yXJzqn34g412gwjMYyAnpmaTxUTuhPQTrDUP4AF+a0FJCzLIBQAAAABJRU5ErkJggg=="/>
|
||||||
|
</svg>
|
After Width: | Height: | Size: 744 B |
BIN
img/car/secondary-shape-color.png
Normal file
After Width: | Height: | Size: 9.0 KiB |
BIN
img/car/shape-column.png
Normal file
After Width: | Height: | Size: 4.5 KiB |
BIN
img/circle.png
Normal file
After Width: | Height: | Size: 832 KiB |
BIN
img/contact.jpg
Normal file
After Width: | Height: | Size: 11 KiB |
BIN
img/cta/bg-app.jpg
Normal file
After Width: | Height: | Size: 7.9 KiB |
BIN
img/cta/cta-service.jpg
Normal file
After Width: | Height: | Size: 170 KiB |
BIN
img/decor-image-contact-home.jpg
Normal file
After Width: | Height: | Size: 40 KiB |
BIN
img/email.png
Normal file
After Width: | Height: | Size: 881 B |
BIN
img/f-booking-01.jpg
Normal file
After Width: | Height: | Size: 43 KiB |
BIN
img/f-booking-02.jpg
Normal file
After Width: | Height: | Size: 58 KiB |
BIN
img/f-booking-03.jpg
Normal file
After Width: | Height: | Size: 9.7 KiB |