Files
JohnBullVanRental/app/Views/welcome_message.php
T
CHIEFSOFT\ameye aefa1f65d1 headers fix
2024-09-21 20:46:57 -04:00

1774 lines
92 KiB
PHP
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
<!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.html">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.html">Contact Us</a></li>
</ul>
</div>
<!-- Lets Start Button Start -->
<div class="header-btn d-inline-flex">
<a href="#" class="btn-default">book a rental</a>
</div>
<!-- Lets 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 car rent</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>
<!-- Rent Details Section Start -->
<div class="rent-details wow fadeInUp" data-wow-delay="0.75s">
<div class="container">
<!-- Filter Form Start -->
<form action="#" method="get">
<div class="row no-gutters align-items-center">
<div class="col-md-12">
<div class="rent-details-box">
<div class="rent-details-form">
<!-- Rent Details Item Start -->
<div class="rent-details-item">
<div class="icon-box">
<img src="/assets/images/icon-rent-details-1.svg" alt="">
</div>
<div class="rent-details-content">
<h3>car type</h3>
<select class="rent-details-form form-select">
<option value="" disabled selected>Choose Car Type</option>
<option value="sport_car">sport car</option>
<option value="convertible_car">convertible car</option>
<option value="sedan_car">sedan car</option>
<option value="luxury_car">luxury car</option>
<option value="electric_car">electric car</option>
<option value="coupe_car">coupe car</option>
</select>
</div>
</div>
<!-- Rent Details Item End -->
<!-- Rent Details Item Start -->
<div class="rent-details-item">
<div class="icon-box">
<img src="/assets/images/icon-rent-details-2.svg" alt="">
</div>
<div class="rent-details-content">
<h3>pickup location</h3>
<select class="rent-details-form form-select">
<option value="" disabled selected>Pick Up Location</option>
<option value="abu_dhabi">abu dhabi</option>
<option value="alain">alain</option>
<option value="dubai">dubai</option>
<option value="sharjah">sharjah</option>
</select>
</div>
</div>
<!-- Rent Details Item End -->
<!-- Rent Details Item Start -->
<div class="rent-details-item">
<div class="icon-box">
<img src="/assets/images/icon-rent-details-3.svg" alt="">
</div>
<div class="rent-details-content">
<h3>pickup date</h3>
<p><input type="text" name="date" placeholder="mm/dd/yyyy" class="rent-details-form datepicker" required></p>
</div>
</div>
<!-- Rent Details Item End -->
<!-- Rent Details Item Start -->
<div class="rent-details-item">
<div class="icon-box">
<img src="/assets/images/icon-rent-details-4.svg" alt="">
</div>
<div class="rent-details-content">
<h3>Dropoff location</h3>
<select class="rent-details-form form-select">
<option value="" disabled selected>Drop Off Location</option>
<option value="abu_dhabi">abu dhabi</option>
<option value="alain">alain</option>
<option value="sharjah">sharjah</option>
</select>
</div>
</div>
<!-- Rent Details Item End -->
<!-- Rent Details Item Start -->
<div class="rent-details-item">
<div class="icon-box">
<img src="/assets/images/icon-rent-details-5.svg" alt="">
</div>
<div class="rent-details-content">
<h3>Return Date</h3>
<p><input type="text" name="date" placeholder="mm/dd/yyyy" class="rent-details-form datepicker" required></p>
</div>
</div>
<!-- Rent Details Item End -->
<div class="rent-details-item rent-details-search">
<a href="#"><i class="fa-solid fa-magnifying-glass"></i></a>
</div>
</div>
</div>
</div>
</div>
</form>
<!-- Filter Form End -->
</div>
</div>
<!-- Rent Details Section End -->
</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 Novaride. 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>