CHIEFSOFT\ameye
1673 lines
86 KiB
PHP
1673 lines
86 KiB
PHP
<!DOCTYPE html>
|
||
<html lang="zxx">
|
||
<head>
|
||
<!-- Meta -->
|
||
<meta charset="utf-8">
|
||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<meta name="description" content="">
|
||
<meta name="keywords" content="">
|
||
<meta name="author" content="ChiefSoft">
|
||
<!-- Page Title -->
|
||
<title>johnbullvanrental - Fleet Rental </title>
|
||
<!-- Favicon Icon -->
|
||
<link rel="shortcut icon" type="image/x-icon" href="/assets/images/favicon.png">
|
||
<!-- Google Fonts Css-->
|
||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||
<link href="https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Epilogue:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet">
|
||
<!-- Bootstrap Css -->
|
||
<link href="/assets/css/bootstrap.min.css" rel="stylesheet" media="screen">
|
||
<!-- SlickNav Css -->
|
||
<link href="/assets/css/slicknav.min.css" rel="stylesheet">
|
||
<!-- Swiper Css -->
|
||
<link rel="stylesheet" href="/assets/css/swiper-bundle.min.css">
|
||
<!-- Font Awesome Icon Css-->
|
||
<link href="/assets/css/all.css" rel="stylesheet" media="screen">
|
||
<!-- Animated Css -->
|
||
<link href="/assets/css/animate.css" rel="stylesheet">
|
||
<!-- Magnific Popup Core Css File -->
|
||
<link rel="stylesheet" href="/assets/css/magnific-popup.css">
|
||
<!-- Mouse Cursor Css File -->
|
||
<link rel="stylesheet" href="/assets/css/mousecursor.css">
|
||
<!-- Main Custom Css -->
|
||
<link href="/assets/css/custom.css" rel="stylesheet" media="screen">
|
||
</head>
|
||
<body>
|
||
|
||
<!-- Preloader Start -->
|
||
<div class="preloader">
|
||
<div class="loading-container">
|
||
<div class="loading"></div>
|
||
<div id="loading-icon"><img src="/assets/images/loader.svg" alt=""></div>
|
||
</div>
|
||
</div>
|
||
<!-- Preloader End -->
|
||
|
||
<!-- Header Start -->
|
||
<header class="main-header">
|
||
<div class="header-sticky">
|
||
<nav class="navbar navbar-expand-lg">
|
||
<div class="container">
|
||
<!-- Logo Start -->
|
||
<a class="navbar-brand" href="/">
|
||
<!-- <img src="/assets/images/logo.svg" alt="Logo">-->
|
||
<div style="font-size: 44px; font-weight: bolder; text-transform: uppercase;"> <span style="color: #ff3600;">johnbull</span>van<span style="color: #ff3600;">rental</span></div>
|
||
</a>
|
||
<!-- Logo End -->
|
||
|
||
<!-- Main Menu Start -->
|
||
<div class="collapse navbar-collapse main-menu">
|
||
<div class="nav-menu-wrapper">
|
||
<ul class="navbar-nav mr-auto" id="menu">
|
||
<li class="nav-item"><a class="nav-link" href="./">Home</a>
|
||
</li>
|
||
<li class="nav-item"><a class="nav-link" href="/about">About Us</a></li>
|
||
<!-- <li class="nav-item"><a class="nav-link" href="service.html">Services</a></li>-->
|
||
<!-- <li class="nav-item submenu"><a class="nav-link" href="#">Cars</a>-->
|
||
<!-- <ul>-->
|
||
<!-- <li class="nav-item"><a class="nav-link" href="cars.html">Car Lists</a></li>-->
|
||
<!-- <li class="nav-item"><a class="nav-link" href="car-single.html">Car Details</a></li>-->
|
||
<!-- <li class="nav-item"><a class="nav-link" href="car-type.html">Cars Type</a></li>-->
|
||
<!-- </ul>-->
|
||
<!-- </li>-->
|
||
<!-- <li class="nav-item submenu"><a class="nav-link" href="#">Pages</a>-->
|
||
<!-- <ul>-->
|
||
<!-- <li class="nav-item"><a class="nav-link" href="service-single.html">Service Details</a></li>-->
|
||
<!-- <li class="nav-item"><a class="nav-link" href="blog.html">Blog</a></li>-->
|
||
<!-- <li class="nav-item"><a class="nav-link" href="blog-single.html">Blog Details</a></li>-->
|
||
<!-- <li class="nav-item"><a class="nav-link" href="drivers.html">Drivers</a></li>-->
|
||
<!-- <li class="nav-item"><a class="nav-link" href="driver-single.html">Driver Details</a></li>-->
|
||
<!-- <li class="nav-item"><a class="nav-link" href="pricing.html">Pricing</a></li>-->
|
||
<!-- <li class="nav-item"><a class="nav-link" href="image-gallery.html">Image Gallery</a></li>-->
|
||
<!-- <li class="nav-item"><a class="nav-link" href="video-gallery.html">Video Gallery</a></li>-->
|
||
<!-- <li class="nav-item"><a class="nav-link" href="testimonials.html">Testimonials</a></li>-->
|
||
<!-- <li class="nav-item"><a class="nav-link" href="faqs.html">FAQ's</a></li>-->
|
||
<!-- <li class="nav-item"><a class="nav-link" href="404.html">404</a></li>-->
|
||
<!-- </ul>-->
|
||
<!-- </li>-->
|
||
<li class="nav-item"><a class="nav-link" href="/contact">Contact Us</a></li>
|
||
</ul>
|
||
</div>
|
||
<!-- Let’s Start Button Start -->
|
||
<div class="header-btn d-inline-flex">
|
||
<a href="#" class="btn-default">book a rental</a>
|
||
</div>
|
||
<!-- Let’s Start Button End -->
|
||
</div>
|
||
<!-- Main Menu End -->
|
||
<div class="navbar-toggle"></div>
|
||
</div>
|
||
</nav>
|
||
<div class="responsive-menu"></div>
|
||
</div>
|
||
</header>
|
||
<!-- Header End -->
|
||
|
||
<!-- Hero Section Start -->
|
||
<div class="hero">
|
||
<div class="hero-section bg-section parallaxie">
|
||
<div class="container">
|
||
<div class="row align-items-center">
|
||
<div class="col-lg-12">
|
||
<!-- Hero Content Start -->
|
||
<div class="hero-content">
|
||
<div class="section-title">
|
||
<h3 class="wow fadeInUp">welcome to JohnBull</h3>
|
||
<h1 class="text-anime-style-3" data-cursor="-opaque">Looking to save more on your rental car?</h1>
|
||
<p class="wow fadeInUp" data-wow-delay="0.25s">Whether you're planning a weekend getaway, a business trip, or just need a reliable ride for the day, we offers a wide range of vehicles to suit your needs.</p>
|
||
</div>
|
||
|
||
<div class="hero-content-body wow fadeInUp" data-wow-delay="0.5s">
|
||
<a href="#" class="btn-default">book a rental</a>
|
||
<a href="#" class="btn-default btn-highlighted">learn more</a>
|
||
</div>
|
||
</div>
|
||
<!-- Hero Content End -->
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
<!-- Hero Section End -->
|
||
|
||
<!-- About Us Section Start -->
|
||
<div class="about-us">
|
||
<div class="container">
|
||
<div class="row align-items-center">
|
||
<div class="col-lg-6">
|
||
<!-- About Us Image Start -->
|
||
<div class="about-image">
|
||
<!-- About Image Start -->
|
||
<div class="about-img-1">
|
||
<figure class="reveal">
|
||
<img src="/assets/images/about-img-1.jpg" alt="">
|
||
</figure>
|
||
</div>
|
||
<!-- About Image End -->
|
||
|
||
<!-- About Image Start -->
|
||
<div class="about-img-2">
|
||
<figure class="reveal">
|
||
<img src="/assets/images/about-img-2.jpg" alt="">
|
||
</figure>
|
||
</div>
|
||
<!-- About Image End -->
|
||
</div>
|
||
<!-- About Us Image End -->
|
||
</div>
|
||
|
||
<div class="col-lg-6">
|
||
<!-- About Us Content Start -->
|
||
<div class="about-content">
|
||
<!-- Section Title Start -->
|
||
<div class="section-title">
|
||
<h3 class="wow fadeInUp">about us</h3>
|
||
<h2 class="text-anime-style-3" data-cursor="-opaque">Your trusted partner in reliable car rental</h2>
|
||
<p class="wow fadeInUp" data-wow-delay="0.25s">Aqestic Optio Amet A Ququam Saepe Aliquid Voluate Dicta Fuga Dolor Saerror Sed Earum A Magni Soluta Quam Minus Dolor Dolor</p>
|
||
</div>
|
||
<!-- Section Title End -->
|
||
|
||
<!-- About Content Body Start -->
|
||
<div class="about-content-body">
|
||
<!-- About Trusted Booking Start -->
|
||
<div class="about-trusted-booking wow fadeInUp" data-wow-delay="0.5s">
|
||
<div class="icon-box">
|
||
<img src="/assets/images/icon-about-trusted-1.svg" alt="">
|
||
</div>
|
||
<div class="trusted-booking-content">
|
||
<h3>easy booking process</h3>
|
||
<p>We Have Optimized The Booking Process So That Our Clients Can Experience The Easiest And The Safest Service</p>
|
||
</div>
|
||
</div>
|
||
<!-- About Trusted Booking End -->
|
||
|
||
<!-- About Trusted Booking Start -->
|
||
<div class="about-trusted-booking wow fadeInUp" data-wow-delay="0.75s">
|
||
<div class="icon-box">
|
||
<img src="/assets/images/icon-about-trusted-2.svg" alt="">
|
||
</div>
|
||
<div class="trusted-booking-content">
|
||
<h3>convenient pick-up & return process</h3>
|
||
<p>We Have Optimized The Booking Process So That Our Clients Can Experience The Easiest And The Safest Service</p>
|
||
</div>
|
||
</div>
|
||
<!-- About Trusted Booking End -->
|
||
</div>
|
||
<!-- About Content Body End -->
|
||
|
||
<!-- About Content Footer Start -->
|
||
<div class="about-content-footer wow fadeInUp" data-wow-delay="1s">
|
||
<a href="#" class="btn-default">contact us</a>
|
||
</div>
|
||
<!-- About Content Footer End -->
|
||
</div>
|
||
<!-- About Us Content End -->
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- About Us Section End -->
|
||
|
||
<!-- Our Services Section Start -->
|
||
<div class="our-services bg-section">
|
||
<div class="container">
|
||
<div class="row section-row">
|
||
<div class="col-lg-12">
|
||
<!-- Section Title Start -->
|
||
<div class="section-title">
|
||
<h3 class="wow fadeInUp">our services</h3>
|
||
<h2 class="text-anime-style-3" data-cursor="-opaque">Explore our wide range of rental services</h2>
|
||
</div>
|
||
<!-- Section Title End -->
|
||
</div>
|
||
</div>
|
||
|
||
<div class="row">
|
||
<div class="col-lg-3 col-md-6">
|
||
<!-- Service Item Start -->
|
||
<div class="service-item wow fadeInUp">
|
||
<div class="icon-box">
|
||
<img src="/assets/images/icon-service-1.svg" alt="">
|
||
</div>
|
||
<div class="service-content">
|
||
<h3>car rental with driver</h3>
|
||
<p>Enhance your rental experience with additional options.</p>
|
||
</div>
|
||
<div class="service-footer">
|
||
<a href="#" class="section-icon-btn"><img src="/assets/images/arrow-white.svg" alt=""></a>
|
||
</div>
|
||
</div>
|
||
<!-- Service Item End -->
|
||
</div>
|
||
|
||
<div class="col-lg-3 col-md-6">
|
||
<!-- Service Item Start -->
|
||
<div class="service-item wow fadeInUp" data-wow-delay="0.25s">
|
||
<div class="icon-box">
|
||
<img src="/assets/images/icon-service-2.svg" alt="">
|
||
</div>
|
||
<div class="service-content">
|
||
<h3>business car rental</h3>
|
||
<p>Enhance your rental experience with additional options.</p>
|
||
</div>
|
||
<div class="service-footer">
|
||
<a href="#" class="section-icon-btn"><img src="/assets/images/arrow-white.svg" alt=""></a>
|
||
</div>
|
||
</div>
|
||
<!-- Service Item End -->
|
||
</div>
|
||
|
||
<div class="col-lg-3 col-md-6">
|
||
<!-- Service Item Start -->
|
||
<div class="service-item wow fadeInUp" data-wow-delay="0.5s">
|
||
<div class="icon-box">
|
||
<img src="/assets/images/icon-service-3.svg" alt="">
|
||
</div>
|
||
<div class="service-content">
|
||
<h3>airport transfer</h3>
|
||
<p>Enhance your rental experience with additional options.</p>
|
||
</div>
|
||
<div class="service-footer">
|
||
<a href="#" class="section-icon-btn"><img src="/assets/images/arrow-white.svg" alt=""></a>
|
||
</div>
|
||
</div>
|
||
<!-- Service Item End -->
|
||
</div>
|
||
|
||
<div class="col-lg-3 col-md-6">
|
||
<!-- Service Item Start -->
|
||
<div class="service-item wow fadeInUp" data-wow-delay="0.75s">
|
||
<div class="icon-box">
|
||
<img src="/assets/images/icon-service-4.svg" alt="">
|
||
</div>
|
||
<div class="service-content">
|
||
<h3>chauffeur services</h3>
|
||
<p>Enhance your rental experience with additional options.</p>
|
||
</div>
|
||
<div class="service-footer">
|
||
<a href="#" class="section-icon-btn"><img src="/assets/images/arrow-white.svg" alt=""></a>
|
||
</div>
|
||
</div>
|
||
<!-- Service Item End -->
|
||
</div>
|
||
|
||
<div class="col-lg-12">
|
||
<!-- Service Box Footer Start -->
|
||
<div class="services-box-footer wow fadeInUp" data-wow-delay="1s">
|
||
<p>Discover our range of car rental services designed to meet all your travel needs. From a diverse fleet of vehicles to flexible rental plans.</p>
|
||
<a href="#" class="btn-default">view all service</a>
|
||
</div>
|
||
<!-- Service Box Footer End -->
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- Our Services Section End -->
|
||
|
||
<!-- Perfect Fleets Section Start -->
|
||
<div class="perfect-fleet bg-section">
|
||
<div class="container-fluid">
|
||
<div class="row section-row">
|
||
<div class="col-lg-12">
|
||
<!-- Section Title Start -->
|
||
<div class="section-title">
|
||
<h3 class="wow fadeInUp">our fleets</h3>
|
||
<h2 class="text-anime-style-3" data-cursor="-opaque">Explore our perfect and extensive fleet</h2>
|
||
</div>
|
||
<!-- Section Title End -->
|
||
</div>
|
||
</div>
|
||
|
||
<div class="row">
|
||
<div class="col-lg-12">
|
||
<!-- Testimonial Slider Start -->
|
||
<div class="car-details-slider">
|
||
<div class="swiper">
|
||
<div class="swiper-wrapper" data-cursor-text="Drag">
|
||
<!-- Testimonial Slide Start -->
|
||
<div class="swiper-slide">
|
||
<!-- Perfect Fleets Item Start -->
|
||
<div class="perfect-fleet-item">
|
||
<!-- Image Box Start -->
|
||
<div class="image-box">
|
||
<img src="/assets/images/perfect-fleet-img-1.png" alt="">
|
||
</div>
|
||
<!-- Image Box End -->
|
||
|
||
<!-- Perfect Fleets Content Start -->
|
||
<div class="perfect-fleet-content">
|
||
<!-- Perfect Fleets Title Start -->
|
||
<div class="perfect-fleet-title">
|
||
<h3>luxury car</h3>
|
||
<h2>BMW M2 Car 2017</h2>
|
||
</div>
|
||
<!-- Perfect Fleets Content End -->
|
||
|
||
<!-- Perfect Fleets Body Start -->
|
||
<div class="perfect-fleet-body">
|
||
<ul>
|
||
<li><img src="/assets/images/icon-fleet-list-1.svg" alt="">4 passenger</li>
|
||
<li><img src="/assets/images/icon-fleet-list-2.svg" alt="">4 door</li>
|
||
<li><img src="/assets/images/icon-fleet-list-3.svg" alt="">bags</li>
|
||
<li><img src="/assets/images/icon-fleet-list-4.svg" alt="">auto</li>
|
||
</ul>
|
||
</div>
|
||
<!-- Perfect Fleets Body End -->
|
||
|
||
<!-- Perfect Fleets Footer Start -->
|
||
<div class="perfect-fleet-footer">
|
||
<!-- Perfect Fleets Pricing Start -->
|
||
<div class="perfect-fleet-pricing">
|
||
<h2>$280<span>/day</span></h2>
|
||
</div>
|
||
<!-- Perfect Fleets Pricing End -->
|
||
|
||
<!-- Perfect Fleets Btn Start -->
|
||
<div class="perfect-fleet-btn">
|
||
<a href="#" class="section-icon-btn"><img src="/assets/images/arrow-white.svg" alt=""></a>
|
||
</div>
|
||
<!-- Perfect Fleets Btn End -->
|
||
</div>
|
||
<!-- Perfect Fleets Footer End -->
|
||
</div>
|
||
<!-- Perfect Fleets Content End -->
|
||
</div>
|
||
<!-- Perfect Fleets Item End -->
|
||
</div>
|
||
<!-- Testimonial Slide End -->
|
||
|
||
<!-- Testimonial Slide Start -->
|
||
<div class="swiper-slide">
|
||
<!-- Perfect Fleets Item Start -->
|
||
<div class="perfect-fleet-item">
|
||
<!-- Image Box Start -->
|
||
<div class="image-box">
|
||
<img src="/assets/images/perfect-fleet-img-2.png" alt="">
|
||
</div>
|
||
<!-- Image Box End -->
|
||
|
||
<!-- Perfect Fleets Content Start -->
|
||
<div class="perfect-fleet-content">
|
||
<!-- Perfect Fleets Title Start -->
|
||
<div class="perfect-fleet-title">
|
||
<h3>luxury car</h3>
|
||
<h2>Audi RS7 Car 2016</h2>
|
||
</div>
|
||
<!-- Perfect Fleets Content End -->
|
||
|
||
<!-- Perfect Fleets Body Start -->
|
||
<div class="perfect-fleet-body">
|
||
<ul>
|
||
<li><img src="/assets/images/icon-fleet-list-1.svg" alt="">4 passenger</li>
|
||
<li><img src="/assets/images/icon-fleet-list-2.svg" alt="">4 door</li>
|
||
<li><img src="/assets/images/icon-fleet-list-3.svg" alt="">bags</li>
|
||
<li><img src="/assets/images/icon-fleet-list-4.svg" alt="">auto</li>
|
||
</ul>
|
||
</div>
|
||
<!-- Perfect Fleets Body End -->
|
||
|
||
<!-- Perfect Fleets Footer Start -->
|
||
<div class="perfect-fleet-footer">
|
||
<!-- Perfect Fleets Pricing Start -->
|
||
<div class="perfect-fleet-pricing">
|
||
<h2>$320<span>/day</span></h2>
|
||
</div>
|
||
<!-- Perfect Fleets Pricing End -->
|
||
|
||
<!-- Perfect Fleets Btn Start -->
|
||
<div class="perfect-fleet-btn">
|
||
<a href="#" class="section-icon-btn"><img src="/assets/images/arrow-white.svg" alt=""></a>
|
||
</div>
|
||
<!-- Perfect Fleets Btn End -->
|
||
</div>
|
||
<!-- Perfect Fleets Footer End -->
|
||
</div>
|
||
<!-- Perfect Fleets Content End -->
|
||
</div>
|
||
<!-- Perfect Fleets Item End -->
|
||
</div>
|
||
<!-- Testimonial Slide End -->
|
||
|
||
<!-- Testimonial Slide Start -->
|
||
<div class="swiper-slide">
|
||
<!-- Perfect Fleets Item Start -->
|
||
<div class="perfect-fleet-item">
|
||
<!-- Image Box Start -->
|
||
<div class="image-box">
|
||
<img src="/assets/images/perfect-fleet-img-3.png" alt="">
|
||
</div>
|
||
<!-- Image Box End -->
|
||
|
||
<!-- Perfect Fleets Content Start -->
|
||
<div class="perfect-fleet-content">
|
||
<!-- Perfect Fleets Title Start -->
|
||
<div class="perfect-fleet-title">
|
||
<h3>luxury car</h3>
|
||
<h2>Ferrari F12 Car 2022</h2>
|
||
</div>
|
||
<!-- Perfect Fleets Content End -->
|
||
|
||
<!-- Perfect Fleets Body Start -->
|
||
<div class="perfect-fleet-body">
|
||
<ul>
|
||
<li><img src="/assets/images/icon-fleet-list-1.svg" alt="">4 passenger</li>
|
||
<li><img src="/assets/images/icon-fleet-list-2.svg" alt="">4 door</li>
|
||
<li><img src="/assets/images/icon-fleet-list-3.svg" alt="">bags</li>
|
||
<li><img src="/assets/images/icon-fleet-list-4.svg" alt="">auto</li>
|
||
</ul>
|
||
</div>
|
||
<!-- Perfect Fleets Body End -->
|
||
|
||
<!-- Perfect Fleets Footer Start -->
|
||
<div class="perfect-fleet-footer">
|
||
<!-- Perfect Fleets Pricing Start -->
|
||
<div class="perfect-fleet-pricing">
|
||
<h2>$450<span>/day</span></h2>
|
||
</div>
|
||
<!-- Perfect Fleets Pricing End -->
|
||
|
||
<!-- Perfect Fleets Btn Start -->
|
||
<div class="perfect-fleet-btn">
|
||
<a href="#" class="section-icon-btn"><img src="/assets/images/arrow-white.svg" alt=""></a>
|
||
</div>
|
||
<!-- Perfect Fleets Btn End -->
|
||
</div>
|
||
<!-- Perfect Fleets Footer End -->
|
||
</div>
|
||
<!-- Perfect Fleets Content End -->
|
||
</div>
|
||
<!-- Perfect Fleets Item End -->
|
||
</div>
|
||
<!-- Testimonial Slide End -->
|
||
|
||
<!-- Testimonial Slide Start -->
|
||
<div class="swiper-slide">
|
||
<!-- Perfect Fleets Item Start -->
|
||
<div class="perfect-fleet-item">
|
||
<!-- Image Box Start -->
|
||
<div class="image-box">
|
||
<img src="/assets/images/perfect-fleet-img-4.png" alt="">
|
||
</div>
|
||
<!-- Image Box End -->
|
||
|
||
<!-- Perfect Fleets Content Start -->
|
||
<div class="perfect-fleet-content">
|
||
<!-- Perfect Fleets Title Start -->
|
||
<div class="perfect-fleet-title">
|
||
<h3>luxury car</h3>
|
||
<h2>Toyota Yaris 2017</h2>
|
||
</div>
|
||
<!-- Perfect Fleets Content End -->
|
||
|
||
<!-- Perfect Fleets Body Start -->
|
||
<div class="perfect-fleet-body">
|
||
<ul>
|
||
<li><img src="/assets/images/icon-fleet-list-1.svg" alt="">4 passenger</li>
|
||
<li><img src="/assets/images/icon-fleet-list-2.svg" alt="">4 door</li>
|
||
<li><img src="/assets/images/icon-fleet-list-3.svg" alt="">bags</li>
|
||
<li><img src="/assets/images/icon-fleet-list-4.svg" alt="">auto</li>
|
||
</ul>
|
||
</div>
|
||
<!-- Perfect Fleets Body End -->
|
||
|
||
<!-- Perfect Fleets Footer Start -->
|
||
<div class="perfect-fleet-footer">
|
||
<!-- Perfect Fleets Pricing Start -->
|
||
<div class="perfect-fleet-pricing">
|
||
<h2>$220<span>/day</span></h2>
|
||
</div>
|
||
<!-- Perfect Fleets Pricing End -->
|
||
|
||
<!-- Perfect Fleets Btn Start -->
|
||
<div class="perfect-fleet-btn">
|
||
<a href="#" class="section-icon-btn"><img src="/assets/images/arrow-white.svg" alt=""></a>
|
||
</div>
|
||
<!-- Perfect Fleets Btn End -->
|
||
</div>
|
||
<!-- Perfect Fleets Footer End -->
|
||
</div>
|
||
<!-- Perfect Fleets Content End -->
|
||
</div>
|
||
<!-- Perfect Fleets Item End -->
|
||
</div>
|
||
<!-- Testimonial Slide End -->
|
||
|
||
<!-- Testimonial Slide Start -->
|
||
<div class="swiper-slide">
|
||
<!-- Perfect Fleets Item Start -->
|
||
<div class="perfect-fleet-item">
|
||
<!-- Image Box Start -->
|
||
<div class="image-box">
|
||
<img src="/assets/images/perfect-fleet-img-2.png" alt="">
|
||
</div>
|
||
<!-- Image Box End -->
|
||
|
||
<!-- Perfect Fleets Content Start -->
|
||
<div class="perfect-fleet-content">
|
||
<!-- Perfect Fleets Title Start -->
|
||
<div class="perfect-fleet-title">
|
||
<h3>luxury car</h3>
|
||
<h2>Audi RS7 Car 2016</h2>
|
||
</div>
|
||
<!-- Perfect Fleets Content End -->
|
||
|
||
<!-- Perfect Fleets Body Start -->
|
||
<div class="perfect-fleet-body">
|
||
<ul>
|
||
<li><img src="/assets/images/icon-fleet-list-1.svg" alt="">4 passenger</li>
|
||
<li><img src="/assets/images/icon-fleet-list-2.svg" alt="">4 door</li>
|
||
<li><img src="/assets/images/icon-fleet-list-3.svg" alt="">bags</li>
|
||
<li><img src="/assets/images/icon-fleet-list-4.svg" alt="">auto</li>
|
||
</ul>
|
||
</div>
|
||
<!-- Perfect Fleets Body End -->
|
||
|
||
<!-- Perfect Fleets Footer Start -->
|
||
<div class="perfect-fleet-footer">
|
||
<!-- Perfect Fleets Pricing Start -->
|
||
<div class="perfect-fleet-pricing">
|
||
<h2>$320<span>/day</span></h2>
|
||
</div>
|
||
<!-- Perfect Fleets Pricing End -->
|
||
|
||
<!-- Perfect Fleets Btn Start -->
|
||
<div class="perfect-fleet-btn">
|
||
<a href="#" class="section-icon-btn"><img src="/assets/images/arrow-white.svg" alt=""></a>
|
||
</div>
|
||
<!-- Perfect Fleets Btn End -->
|
||
</div>
|
||
<!-- Perfect Fleets Footer End -->
|
||
</div>
|
||
<!-- Perfect Fleets Content End -->
|
||
</div>
|
||
<!-- Perfect Fleets Item End -->
|
||
</div>
|
||
<!-- Testimonial Slide End -->
|
||
|
||
<!-- Testimonial Slide Start -->
|
||
<div class="swiper-slide">
|
||
<!-- Perfect Fleets Item Start -->
|
||
<div class="perfect-fleet-item">
|
||
<!-- Image Box Start -->
|
||
<div class="image-box">
|
||
<img src="/assets/images/perfect-fleet-img-3.png" alt="">
|
||
</div>
|
||
<!-- Image Box End -->
|
||
|
||
<!-- Perfect Fleets Content Start -->
|
||
<div class="perfect-fleet-content">
|
||
<!-- Perfect Fleets Title Start -->
|
||
<div class="perfect-fleet-title">
|
||
<h3>luxury car</h3>
|
||
<h2>Ferrari F12 Car 2022</h2>
|
||
</div>
|
||
<!-- Perfect Fleets Content End -->
|
||
|
||
<!-- Perfect Fleets Body Start -->
|
||
<div class="perfect-fleet-body">
|
||
<ul>
|
||
<li><img src="/assets/images/icon-fleet-list-1.svg" alt="">4 passenger</li>
|
||
<li><img src="/assets/images/icon-fleet-list-2.svg" alt="">4 door</li>
|
||
<li><img src="/assets/images/icon-fleet-list-3.svg" alt="">bags</li>
|
||
<li><img src="/assets/images/icon-fleet-list-4.svg" alt="">auto</li>
|
||
</ul>
|
||
</div>
|
||
<!-- Perfect Fleets Body End -->
|
||
|
||
<!-- Perfect Fleets Footer Start -->
|
||
<div class="perfect-fleet-footer">
|
||
<!-- Perfect Fleets Pricing Start -->
|
||
<div class="perfect-fleet-pricing">
|
||
<h2>$450<span>/day</span></h2>
|
||
</div>
|
||
<!-- Perfect Fleets Pricing End -->
|
||
|
||
<!-- Perfect Fleets Btn Start -->
|
||
<div class="perfect-fleet-btn">
|
||
<a href="#" class="section-icon-btn"><img src="/assets/images/arrow-white.svg" alt=""></a>
|
||
</div>
|
||
<!-- Perfect Fleets Btn End -->
|
||
</div>
|
||
<!-- Perfect Fleets Footer End -->
|
||
</div>
|
||
<!-- Perfect Fleets Content End -->
|
||
</div>
|
||
<!-- Perfect Fleets Item End -->
|
||
</div>
|
||
<!-- Testimonial Slide End -->
|
||
|
||
<!-- Testimonial Slide Start -->
|
||
<div class="swiper-slide">
|
||
<!-- Perfect Fleets Item Start -->
|
||
<div class="perfect-fleet-item">
|
||
<!-- Image Box Start -->
|
||
<div class="image-box">
|
||
<img src="/assets/images/perfect-fleet-img-4.png" alt="">
|
||
</div>
|
||
<!-- Image Box End -->
|
||
|
||
<!-- Perfect Fleets Content Start -->
|
||
<div class="perfect-fleet-content">
|
||
<!-- Perfect Fleets Title Start -->
|
||
<div class="perfect-fleet-title">
|
||
<h3>luxury car</h3>
|
||
<h2>Toyota Yaris 2017</h2>
|
||
</div>
|
||
<!-- Perfect Fleets Content End -->
|
||
|
||
<!-- Perfect Fleets Body Start -->
|
||
<div class="perfect-fleet-body">
|
||
<ul>
|
||
<li><img src="/assets/images/icon-fleet-list-1.svg" alt="">4 passenger</li>
|
||
<li><img src="/assets/images/icon-fleet-list-2.svg" alt="">4 door</li>
|
||
<li><img src="/assets/images/icon-fleet-list-3.svg" alt="">bags</li>
|
||
<li><img src="/assets/images/icon-fleet-list-4.svg" alt="">auto</li>
|
||
</ul>
|
||
</div>
|
||
<!-- Perfect Fleets Body End -->
|
||
|
||
<!-- Perfect Fleets Footer Start -->
|
||
<div class="perfect-fleet-footer">
|
||
<!-- Perfect Fleets Pricing Start -->
|
||
<div class="perfect-fleet-pricing">
|
||
<h2>$220<span>/day</span></h2>
|
||
</div>
|
||
<!-- Perfect Fleets Pricing End -->
|
||
|
||
<!-- Perfect Fleets Btn Start -->
|
||
<div class="perfect-fleet-btn">
|
||
<a href="#" class="section-icon-btn"><img src="/assets/images/arrow-white.svg" alt=""></a>
|
||
</div>
|
||
<!-- Perfect Fleets Btn End -->
|
||
</div>
|
||
<!-- Perfect Fleets Footer End -->
|
||
</div>
|
||
<!-- Perfect Fleets Content End -->
|
||
</div>
|
||
<!-- Perfect Fleets Item End -->
|
||
</div>
|
||
<!-- Testimonial Slide End -->
|
||
</div>
|
||
<div class="car-details-btn">
|
||
<div class="car-button-prev"></div>
|
||
<div class="car-button-next"></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- Testimonial Slider End -->
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- Perfect Fleets Section End -->
|
||
|
||
<!-- Luxury Collection Section Start -->
|
||
<div class="luxury-collection">
|
||
<div class="container-fluid">
|
||
<div class="row no-gutters">
|
||
<div class="col-lg-12">
|
||
<div class="luxury-collection-box">
|
||
<!-- Luxury Collection Item Start -->
|
||
<div class="luxury-collection-item wow fadeInUp">
|
||
<!-- Luxury Collection Image Start -->
|
||
<div class="luxury-collection-image" data-cursor-text="View">
|
||
<a href="#">
|
||
<figure>
|
||
<img src="/assets/images/luxury-collection-img-1.jpg" alt="">
|
||
</figure>
|
||
</a>
|
||
</div>
|
||
<!-- Luxury Collection Image End -->
|
||
|
||
<!-- Luxury Collection Title Start -->
|
||
<div class="luxury-collection-title">
|
||
<h2>sport car</h2>
|
||
</div>
|
||
<!-- Luxury Collection Title End -->
|
||
|
||
<!-- Luxury Collection Btn Start -->
|
||
<div class="luxury-collection-btn">
|
||
<a href="#" class="section-icon-btn"><img src="/assets/images/arrow-white.svg" alt=""></a>
|
||
</div>
|
||
<!-- Luxury Collection Btn End -->
|
||
</div>
|
||
<!-- Luxury Collection Item End -->
|
||
|
||
<!-- Luxury Collection Item Start -->
|
||
<div class="luxury-collection-item wow fadeInUp" data-wow-delay="0.25s">
|
||
<!-- Luxury Collection Image Start -->
|
||
<div class="luxury-collection-image" data-cursor-text="View">
|
||
<a href="#">
|
||
<figure>
|
||
<img src="/assets/images/luxury-collection-img-2.jpg" alt="">
|
||
</figure>
|
||
</a>
|
||
</div>
|
||
<!-- Luxury Collection Image End -->
|
||
|
||
<!-- Luxury Collection Title Start -->
|
||
<div class="luxury-collection-title">
|
||
<h2>convertible car</h2>
|
||
</div>
|
||
<!-- Luxury Collection Title End -->
|
||
|
||
<!-- Luxury Collection Footer Start -->
|
||
<div class="luxury-collection-btn">
|
||
<a href="#" class="section-icon-btn"><img src="/assets/images/arrow-white.svg" alt=""></a>
|
||
</div>
|
||
<!-- Luxury Collection Footer End -->
|
||
</div>
|
||
<!-- Luxury Collection Item End -->
|
||
|
||
<!-- Luxury Collection Item Start -->
|
||
<div class="luxury-collection-item wow fadeInUp" data-wow-delay="0.5s">
|
||
<!-- Luxury Collection Image Start -->
|
||
<div class="luxury-collection-image" data-cursor-text="View">
|
||
<a href="#">
|
||
<figure>
|
||
<img src="/assets/images/luxury-collection-img-3.jpg" alt="">
|
||
</figure>
|
||
</a>
|
||
</div>
|
||
<!-- Luxury Collection Image End -->
|
||
|
||
<!-- Luxury Collection Title Start -->
|
||
<div class="luxury-collection-title">
|
||
<h2>sedan car</h2>
|
||
</div>
|
||
<!-- Luxury Collection Title End -->
|
||
|
||
<!-- Luxury Collection Footer Start -->
|
||
<div class="luxury-collection-btn">
|
||
<a href="#" class="section-icon-btn"><img src="/assets/images/arrow-white.svg" alt=""></a>
|
||
</div>
|
||
<!-- Luxury Collection Footer End -->
|
||
</div>
|
||
<!-- Luxury Collection Item End -->
|
||
|
||
<!-- Luxury Collection Item Start -->
|
||
<div class="luxury-collection-item wow fadeInUp" data-wow-delay="0.75s">
|
||
<!-- Luxury Collection Image Start -->
|
||
<div class="luxury-collection-image" data-cursor-text="View">
|
||
<a href="#">
|
||
<figure>
|
||
<img src="/assets/images/luxury-collection-img-4.jpg" alt="">
|
||
</figure>
|
||
</a>
|
||
</div>
|
||
<!-- Luxury Collection Image End -->
|
||
|
||
<!-- Luxury Collection Title Start -->
|
||
<div class="luxury-collection-title">
|
||
<h2>luxury car</h2>
|
||
</div>
|
||
<!-- Luxury Collection Title End -->
|
||
|
||
<!-- Luxury Collection Footer Start -->
|
||
<div class="luxury-collection-btn">
|
||
<a href="#" class="section-icon-btn"><img src="/assets/images/arrow-white.svg" alt=""></a>
|
||
</div>
|
||
<!-- Luxury Collection Footer End -->
|
||
</div>
|
||
<!-- Luxury Collection Item End -->
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- Luxury Collection Section End -->
|
||
|
||
<!-- How It Work Section Start -->
|
||
<div class="how-it-work">
|
||
<div class="container">
|
||
<div class="row align-items-center">
|
||
<div class="col-lg-6">
|
||
<!-- How Work Content Start -->
|
||
<div class="how-work-content">
|
||
<!-- Section Title Start -->
|
||
<div class="section-title">
|
||
<h3 class="wow fadeInUp">how it work</h3>
|
||
<h2 class="text-anime-style-3" data-cursor="-opaque">Streamlined processes for a hassle-free experience</h2>
|
||
<p class="wow fadeInUp" data-wow-delay="0.25s">Our streamlined process ensures a seamless car rental experience from start to finish. With easy online booking, flexible pick-up and drop-off options.</p>
|
||
</div>
|
||
<!-- Section Title End -->
|
||
|
||
<!-- How Work Accordion Start -->
|
||
<div class="how-work-accordion" id="workaccordion">
|
||
<!-- FAQ Item Start -->
|
||
<div class="accordion-item wow fadeInUp" data-wow-delay="0.5s">
|
||
<div class="icon-box">
|
||
<img src="/assets/images/icon-how-it-work-1.svg" alt="">
|
||
</div>
|
||
<h2 class="accordion-header" id="workheading1">
|
||
<button class="accordion-button" type="button" data-bs-toggle="collapse"
|
||
data-bs-target="#workcollapse1" aria-expanded="true" aria-controls="workcollapse1">
|
||
browse and select
|
||
</button>
|
||
</h2>
|
||
<div id="workcollapse1" class="accordion-collapse collapse show" aria-labelledby="workheading1"
|
||
data-bs-parent="#workaccordion">
|
||
<div class="accordion-body">
|
||
<p>Explore our diverse selection of high-end vehicles, choose your preferred pickup and return dates, and select a location that best fits your needs.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- FAQ Item End -->
|
||
|
||
<!-- FAQ Item Start -->
|
||
<div class="accordion-item wow fadeInUp" data-wow-delay="0.75s">
|
||
<div class="icon-box">
|
||
<img src="/assets/images/icon-how-it-work-2.svg" alt="">
|
||
</div>
|
||
<h2 class="accordion-header" id="workheading2">
|
||
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
|
||
data-bs-target="#workcollapse2" aria-expanded="false" aria-controls="workcollapse2">
|
||
book and confirm
|
||
</button>
|
||
</h2>
|
||
<div id="workcollapse2" class="accordion-collapse collapse" aria-labelledby="workheading2"
|
||
data-bs-parent="#workaccordion">
|
||
<div class="accordion-body">
|
||
<p>Explore our diverse selection of high-end vehicles, choose your preferred pickup and return dates, and select a location that best fits your needs.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- FAQ Item End -->
|
||
|
||
<!-- FAQ Item Start -->
|
||
<div class="accordion-item wow fadeInUp" data-wow-delay="1s">
|
||
<div class="icon-box">
|
||
<img src="/assets/images/icon-how-it-work-3.svg" alt="">
|
||
</div>
|
||
<h2 class="accordion-header" id="workheading3">
|
||
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
|
||
data-bs-target="#workcollapse3" aria-expanded="false" aria-controls="workcollapse3">
|
||
book and enjoy
|
||
</button>
|
||
</h2>
|
||
<div id="workcollapse3" class="accordion-collapse collapse" aria-labelledby="workheading3"
|
||
data-bs-parent="#workaccordion">
|
||
<div class="accordion-body">
|
||
<p>Explore our diverse selection of high-end vehicles, choose your preferred pickup and return dates, and select a location that best fits your needs.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- FAQ Item End -->
|
||
</div>
|
||
<!-- How Work Accordion End -->
|
||
</div>
|
||
<!-- How Work Content End -->
|
||
</div>
|
||
|
||
<div class="col-lg-6">
|
||
<!-- How Work Image Start -->
|
||
<div class="how-work-image">
|
||
<!-- How Work Image Start -->
|
||
<div class="how-work-img">
|
||
<figure class="reveal">
|
||
<img src="/assets/images/about-img-1.jpg" alt="">
|
||
</figure>
|
||
</div>
|
||
<!-- How Work Image End -->
|
||
|
||
<!-- Trusted Client Start -->
|
||
<div class="trusted-client">
|
||
<div class="trusted-client-content">
|
||
<h3><span class="counter">5</span>m+ Trusted world wide global clients</h3>
|
||
</div>
|
||
<div class="trusted-client--image">
|
||
<img src="/assets/images/trusted-client-img.png" alt="">
|
||
</div>
|
||
</div>
|
||
<!-- Trusted Client End -->
|
||
</div>
|
||
<!-- How It Work Image End -->
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- How It Work Section End -->
|
||
|
||
<!-- Intro Video Section Start -->
|
||
<div class="intro-video bg-section parallaxie">
|
||
<div class="container">
|
||
<div class="row section-row">
|
||
<div class="col-lg-12">
|
||
<!-- Section Title Start -->
|
||
<div class="section-title">
|
||
<h3 class="wow fadeInUp">watch full video</h3>
|
||
<h2 class="text-anime-style-3" data-cursor="-opaque">Discover the ease and convenience of renting with Us</h2>
|
||
</div>
|
||
<!-- Section Title End -->
|
||
</div>
|
||
</div>
|
||
|
||
<div class="row">
|
||
<div class="col-lg-12">
|
||
<!-- Intro Video Box Start -->
|
||
<div class="intro-video-box">
|
||
<!-- Video Play Button Start -->
|
||
<div class="video-play-button">
|
||
<a href="https://www.youtube.com/watch?v=Y-x0efG1seA" class="popup-video" data-cursor-text="Play">
|
||
<i class="fa-solid fa-play"></i>
|
||
</a>
|
||
</div>
|
||
<!-- Video Play Button End -->
|
||
|
||
<!-- Client Slider Start -->
|
||
<div class="client-slider">
|
||
<div class="swiper client_logo_slider">
|
||
<div class="swiper-wrapper">
|
||
<!-- company Logo Start -->
|
||
<div class="swiper-slide">
|
||
<div class="company-logo">
|
||
<img src="/assets/images/client-logo-1.svg" alt="">
|
||
</div>
|
||
</div>
|
||
<!-- company Logo End -->
|
||
|
||
<!-- company Logo Start -->
|
||
<div class="swiper-slide">
|
||
<div class="company-logo">
|
||
<img src="/assets/images/client-logo-2.svg" alt="">
|
||
</div>
|
||
</div>
|
||
<!-- company Logo End -->
|
||
|
||
<!-- company Logo Start -->
|
||
<div class="swiper-slide">
|
||
<div class="company-logo">
|
||
<img src="/assets/images/client-logo-3.svg" alt="">
|
||
</div>
|
||
</div>
|
||
<!-- company Logo End -->
|
||
|
||
<!-- company Logo Start -->
|
||
<div class="swiper-slide">
|
||
<div class="company-logo">
|
||
<img src="/assets/images/client-logo-4.svg" alt="">
|
||
</div>
|
||
</div>
|
||
<!-- company Logo End -->
|
||
|
||
<!-- company Logo Start -->
|
||
<div class="swiper-slide">
|
||
<div class="company-logo">
|
||
<img src="/assets/images/client-logo-5.svg" alt="">
|
||
</div>
|
||
</div>
|
||
<!-- company Logo End -->
|
||
|
||
<!-- company Logo Start -->
|
||
<div class="swiper-slide">
|
||
<div class="company-logo">
|
||
<img src="/assets/images/client-logo-6.svg" alt="">
|
||
</div>
|
||
</div>
|
||
<!-- company Logo End -->
|
||
|
||
<!-- company Logo Start -->
|
||
<div class="swiper-slide">
|
||
<div class="company-logo">
|
||
<img src="/assets/images/client-logo-5.svg" alt="">
|
||
</div>
|
||
</div>
|
||
<!-- company Logo End -->
|
||
|
||
<!-- company Logo Start -->
|
||
<div class="swiper-slide">
|
||
<div class="company-logo">
|
||
<img src="/assets/images/client-logo-4.svg" alt="">
|
||
</div>
|
||
</div>
|
||
<!-- company Logo End -->
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- Client Slider End -->
|
||
</div>
|
||
<!-- Intro Video Box End -->
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- Intro Video Section End -->
|
||
|
||
<!-- Why Choose Us Section Start -->
|
||
<div class="why-choose-us">
|
||
<div class="container">
|
||
<div class="row section-row">
|
||
<div class="col-lg-12">
|
||
<!-- Section Title Start -->
|
||
<div class="section-title">
|
||
<h3 class="wow fadeInUp">why choose us</h3>
|
||
<h2 class="text-anime-style-3" data-cursor="-opaque">Unmatched quality and service for your needs</h2>
|
||
</div>
|
||
<!-- Section Title End -->
|
||
</div>
|
||
</div>
|
||
|
||
<div class="row align-items-center">
|
||
<div class="col-lg-4 col-md-6 order-lg-1 order-md-1 order-1">
|
||
<!-- Why Choose Item Start -->
|
||
<div class="why-choose-item wow fadeInUp">
|
||
<div class="icon-box">
|
||
<img src="/assets/images/icon-why-choose-1.svg" alt="">
|
||
</div>
|
||
<div class="why-choose-content">
|
||
<h3>extensive fleet options</h3>
|
||
<p>Quisque Sollicitudin Feugiat Risus, Eu Posuere Ex Euismod Eu. Phasellus Hendrerit, Massa</p>
|
||
</div>
|
||
</div>
|
||
<!-- Why Choose Item End -->
|
||
|
||
<!-- Why Choose Item Start -->
|
||
<div class="why-choose-item wow fadeInUp" data-wow-delay="0.25s">
|
||
<div class="icon-box">
|
||
<img src="/assets/images/icon-why-choose-2.svg" alt="">
|
||
</div>
|
||
<div class="why-choose-content">
|
||
<h3>exceptional customer service</h3>
|
||
<p>Quisque Sollicitudin Feugiat Risus, Eu Posuere Ex Euismod Eu. Phasellus Hendrerit, Massa</p>
|
||
</div>
|
||
</div>
|
||
<!-- Why Choose Item End -->
|
||
</div>
|
||
|
||
<div class="col-lg-4 col-md-12 order-lg-2 order-md-3 order-2">
|
||
<div class="why-choose-image">
|
||
<figure class="reveal">
|
||
<img src="/assets/images/why-choose-img.jpg" alt="">
|
||
</figure>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="col-lg-4 col-md-6 order-lg-3 order-md-2 order-3">
|
||
<!-- Why Choose Item Start -->
|
||
<div class="why-choose-item wow fadeInUp">
|
||
<div class="icon-box">
|
||
<img src="/assets/images/icon-why-choose-3.svg" alt="">
|
||
</div>
|
||
<div class="why-choose-content">
|
||
<h3>convenient locations</h3>
|
||
<p>Quisque Sollicitudin Feugiat Risus, Eu Posuere Ex Euismod Eu. Phasellus Hendrerit, Massa</p>
|
||
</div>
|
||
</div>
|
||
<!-- Why Choose Item End -->
|
||
|
||
<!-- Why Choose Item Start -->
|
||
<div class="why-choose-item wow fadeInUp" data-wow-delay="0.25s">
|
||
<div class="icon-box">
|
||
<img src="/assets/images/icon-why-choose-4.svg" alt="">
|
||
</div>
|
||
<div class="why-choose-content">
|
||
<h3>reliability and safety</h3>
|
||
<p>Quisque Sollicitudin Feugiat Risus, Eu Posuere Ex Euismod Eu. Phasellus Hendrerit, Massa</p>
|
||
</div>
|
||
</div>
|
||
<!-- Why Choose Item End -->
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- Why Choose Us Section End -->
|
||
|
||
<!-- Our FAQs Section Start -->
|
||
<div class="our-faqs bg-section">
|
||
<div class="container">
|
||
<div class="row align-items-center">
|
||
<div class="col-lg-6 order-lg-1 order-md-2 order-2">
|
||
<!-- Our Faqs Image Start -->
|
||
<div class="our-faqs-image">
|
||
<div class="faqs-img-1">
|
||
<figure class="image-anime">
|
||
<img src="/assets/images/our-faqs-img-1.jpg" alt="">
|
||
</figure>
|
||
</div>
|
||
|
||
<div class="faqs-img-2">
|
||
<figure class="image-anime">
|
||
<img src="/assets/images/our-faqs-img-2.jpg" alt="">
|
||
</figure>
|
||
</div>
|
||
</div>
|
||
<!-- Our Faqs Image End -->
|
||
</div>
|
||
|
||
<div class="col-lg-6 order-lg-2 order-md-1 order-1">
|
||
<!-- Our Faqs Content Start -->
|
||
<div class="our-faqs-content">
|
||
<!-- Section Title Start -->
|
||
<div class="section-title">
|
||
<h3 class="wow fadeInUp">frequently asked questions</h3>
|
||
<h2 class="text-anime-style-3" data-cursor="-opaque">Everything you need to know about our services</h2>
|
||
</div>
|
||
<!-- Section Title End -->
|
||
|
||
<!-- Our Faqs Accordion Start -->
|
||
<div class="our-faqs-accordion" id="faqsaccordion">
|
||
<!-- FAQ Item Start -->
|
||
<div class="accordion-item wow fadeInUp" data-wow-delay="0.25s">
|
||
<h2 class="accordion-header" id="faqheading1">
|
||
<button class="accordion-button" type="button" data-bs-toggle="collapse"
|
||
data-bs-target="#faqcollapse1" aria-expanded="true" aria-controls="faqcollapse1">
|
||
What do I need to rent a car?
|
||
</button>
|
||
</h2>
|
||
<div id="faqcollapse1" class="accordion-collapse collapse show" aria-labelledby="faqheading1"
|
||
data-bs-parent="#faqsaccordion">
|
||
<div class="accordion-body">
|
||
<p>Explore our diverse selection of high-end vehicles, choose your preferred pickup and return dates, and select a location that best fits your needs.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- FAQ Item End -->
|
||
|
||
<!-- FAQ Item Start -->
|
||
<div class="accordion-item wow fadeInUp" data-wow-delay="0.5s">
|
||
<h2 class="accordion-header" id="faqheading2">
|
||
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
|
||
data-bs-target="#faqcollapse2" aria-expanded="false" aria-controls="faqcollapse2">
|
||
How old do I need to be to rent a car?
|
||
</button>
|
||
</h2>
|
||
<div id="faqcollapse2" class="accordion-collapse collapse" aria-labelledby="faqheading2"
|
||
data-bs-parent="#faqsaccordion">
|
||
<div class="accordion-body">
|
||
<p>Explore our diverse selection of high-end vehicles, choose your preferred pickup and return dates, and select a location that best fits your needs.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- FAQ Item End -->
|
||
|
||
<!-- FAQ Item Start -->
|
||
<div class="accordion-item wow fadeInUp" data-wow-delay="0.75s">
|
||
<h2 class="accordion-header" id="faqheading3">
|
||
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
|
||
data-bs-target="#faqcollapse3" aria-expanded="false" aria-controls="faqcollapse3">
|
||
Can I rent a car with a debit card?
|
||
</button>
|
||
</h2>
|
||
<div id="faqcollapse3" class="accordion-collapse collapse" aria-labelledby="faqheading3"
|
||
data-bs-parent="#faqsaccordion">
|
||
<div class="accordion-body">
|
||
<p>Explore our diverse selection of high-end vehicles, choose your preferred pickup and return dates, and select a location that best fits your needs.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- FAQ Item End -->
|
||
</div>
|
||
<!-- Our Faqs Accordion End -->
|
||
</div>
|
||
<!-- Our Faqs Content End -->
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- Our FAQs Section End -->
|
||
|
||
<!-- Our Testiminial Start -->
|
||
<div class="our-testimonial">
|
||
<div class="container">
|
||
<div class="row section-row">
|
||
<div class="col-lg-12">
|
||
<!-- Section Title Start -->
|
||
<div class="section-title">
|
||
<h3 class="wow fadeInUp">testimonials</h3>
|
||
<h2 class="text-anime-style-3" data-cursor="-opaque">What our customers are saying about us</h2>
|
||
</div>
|
||
<!-- Section Title End -->
|
||
</div>
|
||
</div>
|
||
|
||
<div class="row">
|
||
<div class="col-lg-12">
|
||
<!-- Testimonial Slider Start -->
|
||
<div class="testimonial-slider">
|
||
<div class="swiper">
|
||
<div class="swiper-wrapper" data-cursor-text="Drag">
|
||
<!-- Testimonial Slide Start -->
|
||
<div class="swiper-slide">
|
||
<div class="testimonial-item">
|
||
<div class="testimonial-header">
|
||
<div class="testimonial-rating">
|
||
<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 class="testimonial-content">
|
||
<p>Renting a car from nova ride was a great decision. Not only did I get a reliable and comfortable vehicle, but the prices were also very competitive.</p>
|
||
</div>
|
||
</div>
|
||
<div class="testimonial-body">
|
||
<div class="author-image">
|
||
<figure class="image-anime">
|
||
<img src="/assets/images/author-1.jpg" alt="">
|
||
</figure>
|
||
</div>
|
||
<div class="author-content">
|
||
<h3>floyd miles</h3>
|
||
<p>project manager</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- Testimonial Slide End -->
|
||
|
||
<!-- Testimonial Slide Start -->
|
||
<div class="swiper-slide">
|
||
<div class="testimonial-item">
|
||
<div class="testimonial-header">
|
||
<div class="testimonial-rating">
|
||
<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-regular fa-star"></i>
|
||
</div>
|
||
<div class="testimonial-content">
|
||
<p>Renting a car from nova ride was a great decision. Not only did I get a reliable and comfortable vehicle, but the prices were also very competitive.</p>
|
||
</div>
|
||
</div>
|
||
<div class="testimonial-body">
|
||
<div class="author-image">
|
||
<figure class="image-anime">
|
||
<img src="/assets/images/author-2.jpg" alt="">
|
||
</figure>
|
||
</div>
|
||
<div class="author-content">
|
||
<h3>annette black</h3>
|
||
<p>project manager</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- Testimonial Slide End -->
|
||
|
||
<!-- Testimonial Slide Start -->
|
||
<div class="swiper-slide">
|
||
<div class="testimonial-item">
|
||
<div class="testimonial-header">
|
||
<div class="testimonial-rating">
|
||
<i class="fa-solid fa-star"></i>
|
||
<i class="fa-solid fa-star"></i>
|
||
<i class="fa-solid fa-star"></i>
|
||
<i class="fa-regular fa-star"></i>
|
||
<i class="fa-regular fa-star"></i>
|
||
</div>
|
||
<div class="testimonial-content">
|
||
<p>Renting a car from nova ride was a great decision. Not only did I get a reliable and comfortable vehicle, but the prices were also very competitive.</p>
|
||
</div>
|
||
</div>
|
||
<div class="testimonial-body">
|
||
<div class="author-image">
|
||
<figure class="image-anime">
|
||
<img src="/assets/images/author-3.jpg" alt="">
|
||
</figure>
|
||
</div>
|
||
<div class="author-content">
|
||
<h3>leslie alexander</h3>
|
||
<p>project manager</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- Testimonial Slide End -->
|
||
|
||
<!-- Testimonial Slide Start -->
|
||
<div class="swiper-slide">
|
||
<div class="testimonial-item">
|
||
<div class="testimonial-header">
|
||
<div class="testimonial-rating">
|
||
<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 class="testimonial-content">
|
||
<p>Renting a car from nova ride was a great decision. Not only did I get a reliable and comfortable vehicle, but the prices were also very competitive.</p>
|
||
</div>
|
||
</div>
|
||
<div class="testimonial-body">
|
||
<div class="author-image">
|
||
<figure class="image-anime">
|
||
<img src="/assets/images/author-4.jpg" alt="">
|
||
</figure>
|
||
</div>
|
||
<div class="author-content">
|
||
<h3>alis white</h3>
|
||
<p>project manager</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- Testimonial Slide End -->
|
||
</div>
|
||
<div class="testimonial-btn">
|
||
<div class="testimonial-button-prev"></div>
|
||
<div class="testimonial-button-next"></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- Testimonial Slider End -->
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- Our Testiminial End -->
|
||
|
||
<!-- CTA Box Section Start -->
|
||
<div class="cta-box bg-section">
|
||
<div class="container">
|
||
<div class="row align-items-center">
|
||
<div class="col-lg-6 col-md-7">
|
||
<!-- Cta Box Content Start -->
|
||
<div class="cta-box-content">
|
||
<!-- Section Title Start -->
|
||
<div class="section-title">
|
||
<h2 class="text-anime-style-3" data-cursor="-opaque">Ready to hit the road? Book your car today !</h2>
|
||
<p class="wow fadeInUp">Our friendly customer service team is here to help. Contact us anytime for support and inquiries.</p>
|
||
</div>
|
||
<!-- Section Title End -->
|
||
|
||
<!-- Cta Box Btn Start -->
|
||
<div class="cta-box-btn wow fadeInUp" data-wow-delay="0.5s">
|
||
<a href="#" class="btn-default">contact us</a>
|
||
</div>
|
||
<!-- Cta Box Btn End -->
|
||
</div>
|
||
<!-- Cta Box Content End -->
|
||
</div>
|
||
|
||
<div class="col-lg-6 col-md-5">
|
||
<!-- Cta Box Image Start -->
|
||
<div class="cat-box-image">
|
||
<figure>
|
||
<img src="/assets/images/cta-car-img.png" alt="">
|
||
</figure>
|
||
</div>
|
||
<!-- Cta Box Image End -->
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- CTA Box Section End -->
|
||
|
||
<!-- Our Latest Article Start -->
|
||
<div class="latest-article">
|
||
<div class="container">
|
||
<div class="row section-row">
|
||
<div class="col-lg-12">
|
||
<!-- Section Title Start -->
|
||
<div class="section-title">
|
||
<h3 class="wow fadeInUp">latest articles</h3>
|
||
<h2 class="text-anime-style-3" data-cursor="-opaque">Stay informed and inspired for your next journey</h2>
|
||
</div>
|
||
<!-- Section Title End -->
|
||
</div>
|
||
</div>
|
||
|
||
<div class="row">
|
||
<div class="col-lg-6">
|
||
<!-- Highlighted Article Post Start -->
|
||
<div class="highlighted-article-post wow fadeInUp">
|
||
<!-- Highlighted Article Featured Image Start -->
|
||
<div class="highlighted-article-featured-img">
|
||
<figure>
|
||
<a href="#" class="image-anime" data-cursor-text="View">
|
||
<img src="/assets/images/post-1.jpg" alt="">
|
||
</a>
|
||
</figure>
|
||
</div>
|
||
<!-- Highlighted Article Featured Image End -->
|
||
|
||
<!-- Highlighted Article Body Start -->
|
||
<div class="highlighted-article-body">
|
||
<!-- Article Meta Start -->
|
||
<div class="article-meta">
|
||
<ul>
|
||
<li><a href="#"><i class="fa-solid fa-calendar-days"></i> sep 19, 2024</a></li>
|
||
</ul>
|
||
</div>
|
||
<!-- Article Meta End -->
|
||
|
||
<!-- Highlighted Article Content Start -->
|
||
<div class="highlighted-article-content">
|
||
<h3><a href="#">Road Trip Essentials: What to Pack for a Smooth Journey</a></h3>
|
||
<a href="#" class="section-icon-btn">
|
||
<img src="/assets/images/arrow-white.svg" alt="">
|
||
</a>
|
||
</div>
|
||
<!-- Highlighted Article Content End -->
|
||
</div>
|
||
<!-- Highlighted Article Body End -->
|
||
</div>
|
||
<!-- Highlighted Article Post End -->
|
||
</div>
|
||
<div class="col-lg-6">
|
||
<!-- Article Post Start -->
|
||
<div class="article-post wow fadeInUp">
|
||
<div class="article-featured-img">
|
||
<figure>
|
||
<a href="#" class="image-anime" data-cursor-text="View">
|
||
<img src="/assets/images/post-2.jpg" alt="">
|
||
</a>
|
||
</figure>
|
||
</div>
|
||
|
||
<div class="article-post-body">
|
||
<!-- Article Meta Start -->
|
||
<div class="article-meta">
|
||
<ul>
|
||
<li><a href="#"><i class="fa-solid fa-calendar-days"></i> sep 20, 2024</a></li>
|
||
</ul>
|
||
</div>
|
||
<!-- Article Meta End -->
|
||
|
||
<div class="article-post-content">
|
||
<h3><a href="#">Exploring the City: Best Urban Destinations for a Weekend Getaway</a></h3>
|
||
<a href="#" class="read-story-btn">read story</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- Article Post End -->
|
||
|
||
<!-- Article Post Start -->
|
||
<div class="article-post wow fadeInUp" data-wow-delay="0.25s">
|
||
<div class="article-featured-img">
|
||
<figure>
|
||
<a href="#" class="image-anime" data-cursor-text="View">
|
||
<img src="/assets/images/post-3.jpg" alt="">
|
||
</a>
|
||
</figure>
|
||
</div>
|
||
|
||
<div class="article-post-body">
|
||
<!-- Article Meta Start -->
|
||
<div class="article-meta">
|
||
<ul>
|
||
<li><a href="#"><i class="fa-solid fa-calendar-days"></i> sep 21, 2024</a></li>
|
||
</ul>
|
||
</div>
|
||
<!-- Article Meta End -->
|
||
|
||
<div class="article-post-content">
|
||
<h3><a href="#">Exploring the City: Best Urban Destinations for a Weekend Getaway</a></h3>
|
||
<a href="#" class="read-story-btn">read story</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- Article Post End -->
|
||
|
||
<!-- Article Post Start -->
|
||
<div class="article-post wow fadeInUp" data-wow-delay="0.5s">
|
||
<div class="article-featured-img">
|
||
<figure>
|
||
<a href="#" class="image-anime" data-cursor-text="View">
|
||
<img src="/assets/images/post-4.jpg" alt="">
|
||
</a>
|
||
</figure>
|
||
</div>
|
||
|
||
<div class="article-post-body">
|
||
<!-- Article Meta Start -->
|
||
<div class="article-meta">
|
||
<ul>
|
||
<li><a href="#"><i class="fa-solid fa-calendar-days"></i> sep 22, 2024</a></li>
|
||
</ul>
|
||
</div>
|
||
<!-- Article Meta End -->
|
||
|
||
<div class="article-post-content">
|
||
<h3><a href="#">Exploring the City: Best Urban Destinations for a Weekend Getaway</a></h3>
|
||
<a href="#" class="read-story-btn">read story</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- Article Post End -->
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- Our Latest Article End -->
|
||
|
||
<!-- Footer Start -->
|
||
<footer class="main-footer bg-section">
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="col-lg-3">
|
||
<!-- About Footer Start -->
|
||
<div class="about-footer">
|
||
<!-- Footer Logo Start -->
|
||
<div class="footer-logo">
|
||
<img src="/assets/images/footer-logo.svg" alt="">
|
||
</div>
|
||
<!-- Footer Logo End -->
|
||
|
||
<!-- About Footer Content Start -->
|
||
<div class="about-footer-content">
|
||
<p>Experience the ease and convenience of renting a car with Novaride. </p>
|
||
</div>
|
||
<!-- About Footer Content End -->
|
||
</div>
|
||
<!-- About Footer End -->
|
||
</div>
|
||
|
||
<div class="col-lg-3 col-md-4">
|
||
<!-- Footer Quick Links Start -->
|
||
<div class="footer-links footer-quick-links">
|
||
<h3>legal policy</h3>
|
||
<ul>
|
||
<li><a href="#">term & condition</a></li>
|
||
<li><a href="#">privacy policy</a></li>
|
||
<li><a href="#">legal notice</a></li>
|
||
<li><a href="#">accessibility</a></li>
|
||
</ul>
|
||
</div>
|
||
<!-- Footer Quick Links End -->
|
||
</div>
|
||
|
||
<div class="col-lg-3 col-md-4">
|
||
<!-- Footer Menu Start -->
|
||
<div class="footer-links footer-menu">
|
||
<h3>quick links</h3>
|
||
<ul>
|
||
<li><a href="#">home</a></li>
|
||
<li><a href="#">about us</a></li>
|
||
<li><a href="#">cars</a></li>
|
||
<li><a href="#">services</a></li>
|
||
</ul>
|
||
</div>
|
||
<!-- Footer Menu End -->
|
||
</div>
|
||
|
||
<div class="col-lg-3 col-md-4">
|
||
<!-- Footer Newsletter Start -->
|
||
<div class="footer-newsletter">
|
||
<h3>Subscribe to the Newsleeters</h3>
|
||
<!-- Footer Newsletter Form Start -->
|
||
<div class="footer-newsletter-form">
|
||
<form id="newslettersForm" action="#" method="POST">
|
||
<div class="form-group">
|
||
<input type="email" name="email" class="form-control" id="mail" placeholder="Email ..." required>
|
||
<button type="submit" class="section-icon-btn"><img src="/assets/images/arrow-white.svg" alt=""></button>
|
||
</div>
|
||
</form>
|
||
</div>
|
||
<!-- Footer Newsletter Form End -->
|
||
</div>
|
||
<!-- Footer Newsletter End -->
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Footer Copyright Section Start -->
|
||
<div class="footer-copyright">
|
||
<div class="row align-items-center">
|
||
<div class="col-lg-6 col-md-7">
|
||
<!-- Footer Copyright Start -->
|
||
<div class="footer-copyright-text">
|
||
<p>© 2024 JohnBull Van Rental. All rights reserved.</p>
|
||
</div>
|
||
<!-- Footer Copyright End -->
|
||
</div>
|
||
|
||
<div class="col-lg-6 col-md-5">
|
||
<!-- Footer Social Link Start -->
|
||
<div class="footer-social-links">
|
||
<ul>
|
||
<li><a href="#"><i class="fa-brands fa-youtube"></i></a></li>
|
||
<li><a href="#"><i class="fa-brands fa-facebook-f"></i></a></li>
|
||
<li><a href="#"><i class="fa-brands fa-x-twitter"></i></a></li>
|
||
<li><a href="#"><i class="fa-brands fa-instagram"></i></a></li>
|
||
<li><a href="#"><i class="fa-brands fa-linkedin-in"></i></a></li>
|
||
</ul>
|
||
</div>
|
||
<!-- Footer Social Link End -->
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- Footer Copyright Section End -->
|
||
</div>
|
||
</footer>
|
||
<!-- Footer End -->
|
||
|
||
<!-- Jquery Library File -->
|
||
<script src="/assets/js/jquery-3.7.1.min.js"></script>
|
||
<!-- Jquery Ui Js File -->
|
||
<script src="/assets/js/jquery-ui.js"></script>
|
||
<!-- Bootstrap js file -->
|
||
<script src="/assets/js/bootstrap.min.js"></script>
|
||
<!-- Validator js file -->
|
||
<script src="/assets/js/validator.min.js"></script>
|
||
<!-- SlickNav js file -->
|
||
<script src="/assets/js/jquery.slicknav.js"></script>
|
||
<!-- Swiper js file -->
|
||
<script src="/assets/js/swiper-bundle.min.js"></script>
|
||
<!-- Counter js file -->
|
||
<script src="/assets/js/jquery.waypoints.min.js"></script>
|
||
<script src="/assets/js/jquery.counterup.min.js"></script>
|
||
<!-- Magnific js file -->
|
||
<script src="/assets/js/jquery.magnific-popup.min.js"></script>
|
||
<!-- SmoothScroll -->
|
||
<script src="/assets/js/SmoothScroll.js"></script>
|
||
<!-- Parallax js -->
|
||
<script src="/assets/js/parallaxie.js"></script>
|
||
<!-- MagicCursor js file -->
|
||
<script src="/assets/js/gsap.min.js"></script>
|
||
<script src="/assets/js/magiccursor.js"></script>
|
||
<!-- Text Effect js file -->
|
||
<script src="/assets/js/SplitText.js"></script>
|
||
<script src="/assets/js/ScrollTrigger.min.js"></script>
|
||
<!-- YTPlayer js File -->
|
||
<script src="/assets/js/jquery.mb.YTPlayer.min.js"></script>
|
||
<!-- Wow js file -->
|
||
<script src="/assets/js/wow.js"></script>
|
||
<!-- Main Custom js file -->
|
||
<script src="/assets/js/function.js"></script>
|
||
</body>
|
||
</html> |