1516 lines
86 KiB
HTML
1516 lines
86 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en">
|
||
<!--<< Header Area >>-->
|
||
<head>
|
||
<!-- ========== Meta Tags ========== -->
|
||
<meta charset="UTF-8">
|
||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||
<meta name="author" content="pixydrops">
|
||
<meta name="description" content="Remons - Booking Rental HTML Template">
|
||
<!-- ======== Page title ============ -->
|
||
<title>Remons - Booking Rental HTML Template</title>
|
||
<!--<< Favcion >>-->
|
||
<link rel="shortcut icon" href="assets/img/favicon.png">
|
||
<!--<< Bootstrap min.css >>-->
|
||
<link rel="stylesheet" href="assets/css/bootstrap.min.css">
|
||
<!--<< All Min Css >>-->
|
||
<link rel="stylesheet" href="assets/css/all.min.css">
|
||
<!--<< Animate.css >>-->
|
||
<link rel="stylesheet" href="assets/css/animate.css">
|
||
<!--<< Magnific Popup.css >>-->
|
||
<link rel="stylesheet" href="assets/css/magnific-popup.css">
|
||
<!--<< MeanMenu.css >>-->
|
||
<link rel="stylesheet" href="assets/css/meanmenu.css">
|
||
<!--<< DatePicker.css >>-->
|
||
<link rel="stylesheet" href="assets/css/datepickerboot.css">
|
||
<!--<< Swiper Bundle.css >>-->
|
||
<link rel="stylesheet" href="assets/css/swiper-bundle.min.css">
|
||
<!--<< Nice Select.css >>-->
|
||
<link rel="stylesheet" href="assets/css/nice-select.css">
|
||
<!--<< Main.css >>-->
|
||
<link rel="stylesheet" href="assets/css/main.css">
|
||
</head>
|
||
<body>
|
||
|
||
<!-- Preloader Start -->
|
||
<div id="preloader" class="preloader">
|
||
<div class="animation-preloader">
|
||
<div class="spinner">
|
||
</div>
|
||
<div class="txt-loading">
|
||
<span data-text-preloader="R" class="letters-loading">
|
||
R
|
||
</span>
|
||
<span data-text-preloader="E" class="letters-loading">
|
||
E
|
||
</span>
|
||
<span data-text-preloader="M" class="letters-loading">
|
||
M
|
||
</span>
|
||
<span data-text-preloader="O" class="letters-loading">
|
||
O
|
||
</span>
|
||
<span data-text-preloader="N" class="letters-loading">
|
||
N
|
||
</span>
|
||
<span data-text-preloader="S" class="letters-loading">
|
||
S
|
||
</span>
|
||
</div>
|
||
<p class="text-center">Loading</p>
|
||
</div>
|
||
<div class="loader">
|
||
<div class="row">
|
||
<div class="col-3 loader-section section-left">
|
||
<div class="bg"></div>
|
||
</div>
|
||
<div class="col-3 loader-section section-left">
|
||
<div class="bg"></div>
|
||
</div>
|
||
<div class="col-3 loader-section section-right">
|
||
<div class="bg"></div>
|
||
</div>
|
||
<div class="col-3 loader-section section-right">
|
||
<div class="bg"></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Back To Top Start -->
|
||
<div class="scroll-up">
|
||
<svg class="scroll-circle svg-content" width="100%" height="100%" viewBox="-1 -1 102 102">
|
||
<path d="M50,1 a49,49 0 0,1 0,98 a49,49 0 0,1 0,-98" />
|
||
</svg>
|
||
</div>
|
||
|
||
<!-- Offcanvas Area Start -->
|
||
<div class="fix-area">
|
||
<div class="offcanvas__info">
|
||
<div class="offcanvas__wrapper">
|
||
<div class="offcanvas__content">
|
||
<div class="offcanvas__top mb-5 d-flex justify-content-between align-items-center">
|
||
<div class="offcanvas__logo">
|
||
<a href="index.html">
|
||
<img src="assets/img/logo/black-logo.svg" alt="logo-img">
|
||
</a>
|
||
</div>
|
||
<div class="offcanvas__close">
|
||
<button>
|
||
<i class="fas fa-times"></i>
|
||
</button>
|
||
</div>
|
||
</div>
|
||
<p class="text d-none d-xl-block">
|
||
Nullam dignissim, ante scelerisque the is euismod fermentum odio sem semper the is erat, a feugiat leo urna eget eros. Duis Aenean a imperdiet risus.
|
||
</p>
|
||
<div class="mobile-menu fix mb-3"></div>
|
||
<div class="offcanvas__contact">
|
||
<h4>Contact Info</h4>
|
||
<ul>
|
||
<li class="d-flex align-items-center">
|
||
<div class="offcanvas__contact-icon">
|
||
<i class="fal fa-map-marker-alt"></i>
|
||
</div>
|
||
<div class="offcanvas__contact-text">
|
||
<a target="_blank" href="index-3.html#">Main Street, Melbourne, Australia</a>
|
||
</div>
|
||
</li>
|
||
<li class="d-flex align-items-center">
|
||
<div class="offcanvas__contact-icon mr-15">
|
||
<i class="fal fa-envelope"></i>
|
||
</div>
|
||
<div class="offcanvas__contact-text">
|
||
<a href="mailto:info@example.com"><span class="mailto:info@example.com">info@example.com</span></a>
|
||
</div>
|
||
</li>
|
||
<li class="d-flex align-items-center">
|
||
<div class="offcanvas__contact-icon mr-15">
|
||
<i class="fal fa-clock"></i>
|
||
</div>
|
||
<div class="offcanvas__contact-text">
|
||
<a target="_blank" href="index-3.html#">Mod-friday, 09am -05pm</a>
|
||
</div>
|
||
</li>
|
||
<li class="d-flex align-items-center">
|
||
<div class="offcanvas__contact-icon mr-15">
|
||
<i class="far fa-phone"></i>
|
||
</div>
|
||
<div class="offcanvas__contact-text">
|
||
<a href="tel:+11002345909">+11002345909</a>
|
||
</div>
|
||
</li>
|
||
</ul>
|
||
<div class="header-button mt-4">
|
||
<a href="contact.html" class="theme-btn text-center">
|
||
<span>Get A Quote<i class="fa-solid fa-arrow-right-long"></i></span>
|
||
</a>
|
||
</div>
|
||
<div class="social-icon d-flex align-items-center">
|
||
<a href="index-3.html#"><i class="fab fa-facebook-f"></i></a>
|
||
<a href="index-3.html#"><i class="fab fa-twitter"></i></a>
|
||
<a href="index-3.html#"><i class="fab fa-youtube"></i></a>
|
||
<a href="index-3.html#"><i class="fab fa-linkedin-in"></i></a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="offcanvas__overlay"></div>
|
||
|
||
<!-- Header Section Start -->
|
||
<header class="header-section">
|
||
<div class="header-top-section style-two">
|
||
<div class="container-fluid">
|
||
<div class="header-top-wrapper style-2">
|
||
<ul class="contact-list">
|
||
<li>
|
||
<i class="fas fa-envelope"></i>
|
||
<a href="mailto:info@example.com" class="link">info@example.com</a>
|
||
</li>
|
||
<li>
|
||
<i class="fas fa-map-marker-alt"></i>
|
||
88 Broklyn Golden Street. New York
|
||
</li>
|
||
</ul>
|
||
<div class="header-top-right">
|
||
<ul class="top-list">
|
||
<li><a href="contact.html">Help</a></li>
|
||
<li><a href="contact.html">Support</a></li>
|
||
<li><a href="contact.html">Contact</a></li>
|
||
</ul>
|
||
<div class="social-icon d-flex align-items-center">
|
||
<a href="index-3.html#"><i class="fab fa-facebook-f"></i></a>
|
||
<a href="index-3.html#"><i class="fab fa-twitter"></i></a>
|
||
<a href="index-3.html#"><i class="fa-brands fa-linkedin-in"></i></a>
|
||
<a href="index-3.html#"><i class="fa-brands fa-youtube"></i></a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div id="header-sticky" class="header-3">
|
||
<div class="container-fluid">
|
||
<div class="mega-menu-wrapper">
|
||
<div class="header-main">
|
||
<div class="header-left">
|
||
<div class="logo">
|
||
<a href="index.html" class="header-logo-1">
|
||
<img src="assets/img/logo/white-logo-2.svg" alt="logo-img">
|
||
</a>
|
||
<a href="index.html" class="header-logo-2">
|
||
<img src="assets/img/logo/black-logo.svg" alt="logo-img">
|
||
</a>
|
||
</div>
|
||
<div class="mean__menu-wrapper">
|
||
<div class="main-menu">
|
||
<nav id="mobile-menu">
|
||
<ul>
|
||
<li class="has-dropdown active menu-thumb">
|
||
<a href="index.html">
|
||
Home
|
||
<i class="fas fa-angle-down"></i>
|
||
</a>
|
||
<ul class="submenu">
|
||
<li><a href="index.html">Home 01</a></li>
|
||
<li><a href="index-2.html">Home 02</a></li>
|
||
<li><a href="index-3.html">Home 03</a></li>
|
||
</ul>
|
||
</li>
|
||
<li>
|
||
<a href="about.html">About Us</a>
|
||
</li>
|
||
<li class="has-dropdown">
|
||
<a href="news.html">
|
||
Pages
|
||
<i class="fas fa-angle-down"></i>
|
||
</a>
|
||
<ul class="submenu">
|
||
<li><a href="gallery.html">Gallery</a></li>
|
||
<li><a href="faq.html">Faq's</a></li>
|
||
</ul>
|
||
</li>
|
||
<li>
|
||
<a href="https://pixydrops.com/remons/program-details.html">
|
||
Cars
|
||
<i class="fas fa-angle-down"></i>
|
||
</a>
|
||
<ul class="submenu">
|
||
<li><a href="car-grid.html">Car Grid</a></li>
|
||
<li><a href="car-list.html">Car List</a></li>
|
||
<li><a href="car-list-sidebar.html">Car Sidebar</a></li>
|
||
<li><a href="car-details.html">Car Details</a></li>
|
||
</ul>
|
||
</li>
|
||
<li>
|
||
<a href="news.html">
|
||
Blog
|
||
<i class="fas fa-angle-down"></i>
|
||
</a>
|
||
<ul class="submenu">
|
||
<li><a href="news.html">Blog</a></li>
|
||
<li><a href="news-details.html">Blog Details</a></li>
|
||
</ul>
|
||
</li>
|
||
<li>
|
||
<a href="contact.html">Contact</a>
|
||
</li>
|
||
</ul>
|
||
</nav>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="header-right d-flex justify-content-end align-items-center">
|
||
<div class="icon-items">
|
||
<div class="icon">
|
||
<i class="fas fa-phone-alt"></i>
|
||
</div>
|
||
<div class="content">
|
||
<p>Call Anytime</p>
|
||
<h6><a href="tel:+9288009850">+92 (8800) - 9850</a></h6>
|
||
</div>
|
||
</div>
|
||
<a href="index-3.html#0" class="search-trigger search-icon"><i class="fa-regular fa-magnifying-glass"></i></a>
|
||
<div class="header-button">
|
||
<a href="car-details.html" class="theme-btn">
|
||
Find a Car
|
||
</a>
|
||
</div>
|
||
<div class="header__hamburger d-xl-none my-auto">
|
||
<div class="sidebar__toggle">
|
||
<i class="fas fa-bars"></i>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</header>
|
||
|
||
<!-- Search Area Start -->
|
||
<div class="search-wrap">
|
||
<div class="search-inner">
|
||
<i class="fas fa-times search-close" id="search-close"></i>
|
||
<div class="search-cell">
|
||
<form method="get">
|
||
<div class="search-field-holder">
|
||
<input type="search" class="main-search-input" placeholder="Search...">
|
||
</div>
|
||
</form>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Hero Section Start -->
|
||
<section class="hero-section hero-3 fix">
|
||
<div class="array-button">
|
||
<button class="image-array-left bg-cover" style="background-image: url('assets/img/bg-slideshow-03.jpg');">
|
||
<i class="fa-solid fa-chevron-left"></i>
|
||
</button>
|
||
<button class="image-array-right bg-cover" style="background-image: url('assets/img/bg-slideshow-03.jpg');">
|
||
<i class="fa-solid fa-chevron-right"></i>
|
||
</button>
|
||
</div>
|
||
<h6 class="search-text">Search Any Car</h6>
|
||
<div class="line-icon">
|
||
<img src="assets/img/hero/icon.png" alt="img">
|
||
</div>
|
||
<div class="swiper hero-slider-3">
|
||
<div class="swiper-wrapper">
|
||
<div class="swiper-slide">
|
||
<div class="hero-image bg-cover" style="background-image: url('assets/img/hero/hero-3.jpg');">
|
||
<div class="line-shape" data-animation="slideInLeft" data-duration="3s" data-delay="2.1s">
|
||
<img src="assets/img/hero/line-shape-1.png" alt="shape-img">
|
||
</div>
|
||
<div class="line-shape-2" data-animation="slideInLeft" data-duration="3s" data-delay="2.3s">
|
||
<img src="assets/img/hero/line-shape-2.png" alt="shape-img">
|
||
</div>
|
||
</div>
|
||
<div class="container">
|
||
<div class="row justify-content-center">
|
||
<div class="col-xl-12">
|
||
<div class="hero-content">
|
||
<h4 class="text-white" data-animation="fadeInUp" data-delay="1.3s">
|
||
Welcome to remons rentals
|
||
</h4>
|
||
<h1 class="text-white" data-animation="fadeInUp" data-delay="1.3s">
|
||
Save big <br>
|
||
with car rental
|
||
</h1>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="swiper-slide">
|
||
<div class="hero-image bg-cover" style="background-image: url('assets/img/hero/hero-4.jpg');">
|
||
<div class="line-shape" data-animation="slideInLeft" data-duration="3s" data-delay="2.1s">
|
||
<img src="assets/img/hero/line-shape-1.png" alt="shape-img">
|
||
</div>
|
||
<div class="line-shape-2" data-animation="slideInLeft" data-duration="3s" data-delay="2.3s">
|
||
<img src="assets/img/hero/line-shape-2.png" alt="shape-img">
|
||
</div>
|
||
</div>
|
||
<div class="container">
|
||
<div class="row justify-content-center">
|
||
<div class="col-xl-12">
|
||
<div class="hero-content">
|
||
<h4 class="text-white" data-animation="fadeInUp" data-delay="1.3s">
|
||
Welcome to remons rentals
|
||
</h4>
|
||
<h1 class="text-white" data-animation="fadeInUp" data-delay="1.3s">
|
||
Save big <br>
|
||
with car rental
|
||
</h1>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Search Booking Section Start -->
|
||
<section class="search-booking-section section-padding">
|
||
<div class="container">
|
||
<div class="search-booking-wrapper">
|
||
<div class="booking-man float-bob-x">
|
||
<img src="assets/img/booking-man.png" alt="img">
|
||
</div>
|
||
<div class="row g-4 justify-content-between">
|
||
<div class="col-xl-6 col-lg-6">
|
||
<div class="search-booking-content">
|
||
<div class="section-title">
|
||
<img src="assets/img/sub-icon.png" alt="icon-img" class="wow fadeInUp">
|
||
<span class="wow fadeInUp" data-wow-delay=".2s">Get to know us</span>
|
||
<h2 class="wow fadeInUp" data-wow-delay=".4s">
|
||
Search Book & <br>
|
||
Rent Vehicle Easily
|
||
</h2>
|
||
</div>
|
||
<p class="mt-3 mt-md-0 wow fadeInUp" data-wow-delay=".6s">
|
||
Lorem ipsum is simply ipun txns mane so dummy text of free <br> available in market the printing and typesetting industry has <br> been the industry's standard dummy text ever.
|
||
</p>
|
||
<div class="icon-area">
|
||
<div class="icon-items wow fadeInUp" data-wow-delay=".3s">
|
||
<div class="icon">
|
||
<img src="assets/img/feature-benefit/icon-1.png" alt="icon-img">
|
||
</div>
|
||
<h4>
|
||
Easier & <br>
|
||
Faster Bookings
|
||
</h4>
|
||
</div>
|
||
<div class="icon-items wow fadeInUp" data-wow-delay=".5s">
|
||
<div class="icon">
|
||
<img src="assets/img/feature-benefit/icon-2.png" alt="icon-img">
|
||
</div>
|
||
<h4>
|
||
Too Many <br>
|
||
Pickup Locations
|
||
</h4>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-xl-4 col-lg-6">
|
||
<div class="product-search-area">
|
||
<form action="#" id="contact-form" method="POST">
|
||
<div class="row g-4">
|
||
<div class="col-md-12">
|
||
<div class="pickup-items">
|
||
<label class="field-label">Pickup Location</label>
|
||
<div class="category-oneadjust">
|
||
<select name="cate" class="category">
|
||
<option value="1">
|
||
Broklyn Street
|
||
</option>
|
||
<option value="1">
|
||
Houston
|
||
</option>
|
||
<option value="1">
|
||
Texas
|
||
</option>
|
||
<option value="1">
|
||
New York
|
||
</option>
|
||
<option value="1">
|
||
Other Location
|
||
</option>
|
||
</select>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-12">
|
||
<div class="pickup-items">
|
||
<label class="field-label">Pick-up Date</label>
|
||
<div id="datepicker" class="input-group date" data-date-format="dd-mm-yyyy">
|
||
<input class="form-control" type="text" placeholder="Check in" readonly>
|
||
<span class="input-group-addon"> <i class="fa-solid fa-calendar-days"></i></span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-12">
|
||
<div class="pickup-items">
|
||
<label class="field-label">Drop-off Date</label>
|
||
<div id="datepicker2" class="input-group date" data-date-format="dd-mm-yyyy">
|
||
<input class="form-control" type="text" placeholder="Check in" readonly>
|
||
<span class="input-group-addon"> <i class="fa-solid fa-calendar-days"></i></span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-12">
|
||
<div class="pickup-items">
|
||
<label class="field-label">Car Type</label>
|
||
<div class="category-oneadjust">
|
||
<select name="cate" class="category">
|
||
<option value="1">
|
||
cars
|
||
</option>
|
||
<option value="1">
|
||
sedan
|
||
</option>
|
||
<option value="1">
|
||
sports
|
||
</option>
|
||
<option value="1">
|
||
jeep
|
||
</option>
|
||
<option value="1">
|
||
limousine
|
||
</option>
|
||
</select>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-12">
|
||
<div class="pickup-items">
|
||
<button type="submit" class="theme-btn">
|
||
Find a Car
|
||
</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</form>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Car Rentals Section Start -->
|
||
<section class="car-rentals-section-2 section-padding fix">
|
||
<div class="container">
|
||
<div class="section-title text-center">
|
||
<img src="assets/img/sub-icon.png" alt="icon-img" class="wow fadeInUp">
|
||
<span class="wow fadeInUp" data-wow-delay=".2s">Checkout our new cars</span>
|
||
<h2 class="wow fadeInUp" data-wow-delay=".4s">
|
||
Cars We’re Offering <br>
|
||
for Rentals
|
||
</h2>
|
||
</div>
|
||
<div class="row">
|
||
<div class="col-xl-4 col-lg-6 col-md-6 wow fadeInUp" data-wow-delay=".3s">
|
||
<div class="car-rentals-items">
|
||
<div class="car-image">
|
||
<img src="assets/img/car/05.jpg" alt="img">
|
||
</div>
|
||
<div class="car-content">
|
||
<div class="post-cat">
|
||
2024 Model
|
||
</div>
|
||
<div class="star">
|
||
<i class="fa-solid fa-star"></i>
|
||
<i class="fa-solid fa-star"></i>
|
||
<i class="fa-solid fa-star"></i>
|
||
<i class="fa-solid fa-star"></i>
|
||
<i class="fa-solid fa-star"></i>
|
||
<span>2 Reviews</span>
|
||
</div>
|
||
<h4><a href="car-details.html">Hyundai Accent Limited</a></h4>
|
||
<h6>$70.00 <span>/ Day</span></h6>
|
||
<div class="icon-items">
|
||
<ul>
|
||
<li>
|
||
<img src="assets/img/car/seat.svg" alt="img" class="me-1">
|
||
6 Seats
|
||
</li>
|
||
<li>
|
||
<img src="assets/img/car/door.svg" alt="img" class="me-1">
|
||
2 Doors
|
||
</li>
|
||
</ul>
|
||
<ul>
|
||
<li>
|
||
<img src="assets/img/car/automatic.svg" alt="img" class="me-1">
|
||
Automatic
|
||
</li>
|
||
<li>
|
||
<img src="assets/img/car/petrol.svg" alt="img" class="me-1">
|
||
Petrol
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
<a href="car-details.html" class="theme-btn bg-color w-100 text-center">book now <i class="fa-solid fa-arrow-right ps-1"></i></a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-xl-4 col-lg-6 col-md-6 wow fadeInUp" data-wow-delay=".5s">
|
||
<div class="car-rentals-items">
|
||
<div class="car-image">
|
||
<img src="assets/img/car/06.jpg" alt="img">
|
||
</div>
|
||
<div class="car-content">
|
||
<div class="post-cat">
|
||
2024 Model
|
||
</div>
|
||
<div class="star">
|
||
<i class="fa-solid fa-star"></i>
|
||
<i class="fa-solid fa-star"></i>
|
||
<i class="fa-solid fa-star"></i>
|
||
<i class="fa-solid fa-star"></i>
|
||
<i class="fa-solid fa-star"></i>
|
||
<span>2 Reviews</span>
|
||
</div>
|
||
<h4><a href="car-details.html">Hyundai Accent Limited</a></h4>
|
||
<h6>$70.00 <span>/ Day</span></h6>
|
||
<div class="icon-items">
|
||
<ul>
|
||
<li>
|
||
<img src="assets/img/car/seat.svg" alt="img" class="me-1">
|
||
6 Seats
|
||
</li>
|
||
<li>
|
||
<img src="assets/img/car/door.svg" alt="img" class="me-1">
|
||
2 Doors
|
||
</li>
|
||
</ul>
|
||
<ul>
|
||
<li>
|
||
<img src="assets/img/car/automatic.svg" alt="img" class="me-1">
|
||
Automatic
|
||
</li>
|
||
<li>
|
||
<img src="assets/img/car/petrol.svg" alt="img" class="me-1">
|
||
Petrol
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
<a href="car-details.html" class="theme-btn bg-color w-100 text-center">book now <i class="fa-solid fa-arrow-right ps-1"></i></a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-xl-4 col-lg-6 col-md-6 wow fadeInUp" data-wow-delay=".7s">
|
||
<div class="car-rentals-items">
|
||
<div class="car-image">
|
||
<img src="assets/img/car/07.jpg" alt="img">
|
||
</div>
|
||
<div class="car-content">
|
||
<div class="post-cat">
|
||
2024 Model
|
||
</div>
|
||
<div class="star">
|
||
<i class="fa-solid fa-star"></i>
|
||
<i class="fa-solid fa-star"></i>
|
||
<i class="fa-solid fa-star"></i>
|
||
<i class="fa-solid fa-star"></i>
|
||
<i class="fa-solid fa-star"></i>
|
||
<span>2 Reviews</span>
|
||
</div>
|
||
<h4><a href="car-details.html">Hyundai Accent Limited</a></h4>
|
||
<h6>$70.00 <span>/ Day</span></h6>
|
||
<div class="icon-items">
|
||
<ul>
|
||
<li>
|
||
<img src="assets/img/car/seat.svg" alt="img" class="me-1">
|
||
6 Seats
|
||
</li>
|
||
<li>
|
||
<img src="assets/img/car/door.svg" alt="img" class="me-1">
|
||
2 Doors
|
||
</li>
|
||
</ul>
|
||
<ul>
|
||
<li>
|
||
<img src="assets/img/car/automatic.svg" alt="img" class="me-1">
|
||
Automatic
|
||
</li>
|
||
<li>
|
||
<img src="assets/img/car/petrol.svg" alt="img" class="me-1">
|
||
Petrol
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
<a href="car-details.html" class="theme-btn bg-color w-100 text-center">book now <i class="fa-solid fa-arrow-right ps-1"></i></a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-xl-4 col-lg-6 col-md-6 wow fadeInUp" data-wow-delay=".3s">
|
||
<div class="car-rentals-items">
|
||
<div class="car-image">
|
||
<img src="assets/img/car/08.jpg" alt="img">
|
||
</div>
|
||
<div class="car-content">
|
||
<div class="post-cat">
|
||
2024 Model
|
||
</div>
|
||
<div class="star">
|
||
<i class="fa-solid fa-star"></i>
|
||
<i class="fa-solid fa-star"></i>
|
||
<i class="fa-solid fa-star"></i>
|
||
<i class="fa-solid fa-star"></i>
|
||
<i class="fa-solid fa-star"></i>
|
||
<span>2 Reviews</span>
|
||
</div>
|
||
<h4><a href="car-details.html">Hyundai Accent Limited</a></h4>
|
||
<h6>$70.00 <span>/ Day</span></h6>
|
||
<div class="icon-items">
|
||
<ul>
|
||
<li>
|
||
<img src="assets/img/car/seat.svg" alt="img" class="me-1">
|
||
6 Seats
|
||
</li>
|
||
<li>
|
||
<img src="assets/img/car/door.svg" alt="img" class="me-1">
|
||
2 Doors
|
||
</li>
|
||
</ul>
|
||
<ul>
|
||
<li>
|
||
<img src="assets/img/car/automatic.svg" alt="img" class="me-1">
|
||
Automatic
|
||
</li>
|
||
<li>
|
||
<img src="assets/img/car/petrol.svg" alt="img" class="me-1">
|
||
Petrol
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
<a href="car-details.html" class="theme-btn bg-color w-100 text-center">book now <i class="fa-solid fa-arrow-right ps-1"></i></a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-xl-4 col-lg-6 col-md-6 wow fadeInUp" data-wow-delay=".5s">
|
||
<div class="car-rentals-items">
|
||
<div class="car-image">
|
||
<img src="assets/img/car/09.jpg" alt="img">
|
||
</div>
|
||
<div class="car-content">
|
||
<div class="post-cat">
|
||
2024 Model
|
||
</div>
|
||
<div class="star">
|
||
<i class="fa-solid fa-star"></i>
|
||
<i class="fa-solid fa-star"></i>
|
||
<i class="fa-solid fa-star"></i>
|
||
<i class="fa-solid fa-star"></i>
|
||
<i class="fa-solid fa-star"></i>
|
||
<span>2 Reviews</span>
|
||
</div>
|
||
<h4><a href="car-details.html">Hyundai Accent Limited</a></h4>
|
||
<h6>$70.00 <span>/ Day</span></h6>
|
||
<div class="icon-items">
|
||
<ul>
|
||
<li>
|
||
<img src="assets/img/car/seat.svg" alt="img" class="me-1">
|
||
6 Seats
|
||
</li>
|
||
<li>
|
||
<img src="assets/img/car/door.svg" alt="img" class="me-1">
|
||
2 Doors
|
||
</li>
|
||
</ul>
|
||
<ul>
|
||
<li>
|
||
<img src="assets/img/car/automatic.svg" alt="img" class="me-1">
|
||
Automatic
|
||
</li>
|
||
<li>
|
||
<img src="assets/img/car/petrol.svg" alt="img" class="me-1">
|
||
Petrol
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
<a href="car-details.html" class="theme-btn bg-color w-100 text-center">book now <i class="fa-solid fa-arrow-right ps-1"></i></a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-xl-4 col-lg-6 col-md-6 wow fadeInUp" data-wow-delay=".7s">
|
||
<div class="car-rentals-items">
|
||
<div class="car-image">
|
||
<img src="assets/img/car/10.jpg" alt="img">
|
||
</div>
|
||
<div class="car-content">
|
||
<div class="post-cat">
|
||
2024 Model
|
||
</div>
|
||
<div class="star">
|
||
<i class="fa-solid fa-star"></i>
|
||
<i class="fa-solid fa-star"></i>
|
||
<i class="fa-solid fa-star"></i>
|
||
<i class="fa-solid fa-star"></i>
|
||
<i class="fa-solid fa-star"></i>
|
||
<span>2 Reviews</span>
|
||
</div>
|
||
<h4><a href="car-details.html">Hyundai Accent Limited</a></h4>
|
||
<h6>$70.00 <span>/ Day</span></h6>
|
||
<div class="icon-items">
|
||
<ul>
|
||
<li>
|
||
<img src="assets/img/car/seat.svg" alt="img" class="me-1">
|
||
6 Seats
|
||
</li>
|
||
<li>
|
||
<img src="assets/img/car/door.svg" alt="img" class="me-1">
|
||
2 Doors
|
||
</li>
|
||
</ul>
|
||
<ul>
|
||
<li>
|
||
<img src="assets/img/car/automatic.svg" alt="img" class="me-1">
|
||
Automatic
|
||
</li>
|
||
<li>
|
||
<img src="assets/img/car/petrol.svg" alt="img" class="me-1">
|
||
Petrol
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
<a href="car-details.html" class="theme-btn bg-color w-100 text-center">book now <i class="fa-solid fa-arrow-right ps-1"></i></a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Gallery Section Start -->
|
||
<div class="gallery-section-2 fix">
|
||
<div class="gallery-wrapper">
|
||
<div class="row g-4">
|
||
<div class="col-xxl-5 col-xl-6 col-lg-7">
|
||
<div class="row g-3">
|
||
<div class="col-lg-6 col-md-6">
|
||
<div class="gallery-image">
|
||
<img src="assets/img/gallery/g-10.jpg" alt="img">
|
||
<div class="icon-box">
|
||
<a href="assets/img/gallery/g-10.jpg" class="icon img-popup-2">
|
||
<i class="fa-solid fa-plus"></i>
|
||
</a>
|
||
</div>
|
||
<div class="mask"></div>
|
||
<div class="mask-second"></div>
|
||
</div>
|
||
</div>
|
||
<div class="col-lg-6 col-md-6">
|
||
<div class="row g-3">
|
||
<div class="col-lg-12">
|
||
<div class="gallery-image">
|
||
<img src="assets/img/gallery/g-11.jpg" alt="img">
|
||
<div class="icon-box">
|
||
<a href="assets/img/gallery/g-12.jpg" class="icon img-popup-2">
|
||
<i class="fa-solid fa-plus"></i>
|
||
</a>
|
||
</div>
|
||
<div class="mask"></div>
|
||
<div class="mask-second"></div>
|
||
</div>
|
||
</div>
|
||
<div class="col-lg-12">
|
||
<div class="gallery-image">
|
||
<img src="assets/img/gallery/g-12.jpg" alt="img">
|
||
<div class="icon-box">
|
||
<a href="assets/img/gallery/g-12.jpg" class="icon img-popup-2">
|
||
<i class="fa-solid fa-plus"></i>
|
||
</a>
|
||
</div>
|
||
<div class="mask"></div>
|
||
<div class="mask-second"></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-xxl-3 col-xl-6 col-lg-5 col-md-6">
|
||
<div class="gallery-image style-width">
|
||
<img src="assets/img/gallery/g-13.jpg" alt="img">
|
||
<div class="icon-box">
|
||
<a href="assets/img/gallery/g-13.jpg" class="icon img-popup-2">
|
||
<i class="fa-solid fa-plus"></i>
|
||
</a>
|
||
</div>
|
||
<div class="mask"></div>
|
||
<div class="mask-second"></div>
|
||
</div>
|
||
</div>
|
||
<div class="col-xxl-4 col-xl-6 col-lg-4 col-md-6">
|
||
<div class="gallery-content">
|
||
<div class="icon">
|
||
<img src="assets/img/gallery/icon.png" alt="img">
|
||
</div>
|
||
<h2>
|
||
Trusted & Reliable
|
||
Car Rentals <br>
|
||
Gallery
|
||
</h2>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Testimonial Section Start -->
|
||
<section class="testimonial-section-3 bg-cover section-padding fix" style="background-image: url('assets/img/testimonial/bg-testimonial-home3.png');">
|
||
<div class="container">
|
||
<div class="testimonial-wrapper-2">
|
||
<div class="swiper testimonial-slider-3">
|
||
<div class="swiper-wrapper">
|
||
<div class="swiper-slide">
|
||
<div class="testimonial-single-items">
|
||
<div class="testimonial-img bg-cover" style="background-image: url('assets/img/testimonial/01.jpg');"></div>
|
||
<div class="testimonial-content">
|
||
<p>
|
||
This is due to their excellent service, competitive pricing and customer support. It’s throughly refresing to get such a personal touch.
|
||
</p>
|
||
<div class="name-job">
|
||
<h3 class="name">
|
||
Christine Eve
|
||
</h3>
|
||
<div class="separator">.</div>
|
||
<span class="job">Customer</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="swiper-slide">
|
||
<div class="testimonial-single-items">
|
||
<div class="testimonial-img bg-cover" style="background-image: url('assets/img/testimonial/02.jpg');"></div>
|
||
<div class="testimonial-content">
|
||
<p>
|
||
This is due to their excellent service, competitive pricing and customer support. It’s throughly refresing to get such a personal touch.
|
||
</p>
|
||
<div class="name-job">
|
||
<h3 class="name">
|
||
Mike Hardson
|
||
</h3>
|
||
<div class="separator">.</div>
|
||
<span class="job">Customer</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="swiper-slide">
|
||
<div class="testimonial-single-items">
|
||
<div class="testimonial-img bg-cover" style="background-image: url('assets/img/testimonial/03.jpg');"></div>
|
||
<div class="testimonial-content">
|
||
<p>
|
||
This is due to their excellent service, competitive pricing and customer support. It’s throughly refresing to get such a personal touch.
|
||
</p>
|
||
<div class="name-job">
|
||
<h3 class="name">
|
||
Shirley Smith
|
||
</h3>
|
||
<div class="separator">.</div>
|
||
<span class="job">Customer</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="client-img-items">
|
||
<div class="client-img bg-cover" style="background-image: url('assets/img/testimonial/01.jpg');"></div>
|
||
<div class="client-img bg-cover" style="background-image: url('assets/img/testimonial/02.jpg');"></div>
|
||
<div class="client-img bg-cover" style="background-image: url('assets/img/testimonial/03.jpg');"></div>
|
||
<div class="array-button wow fadeInUp" data-wow-delay=".6s">
|
||
<button class="array-prev"><i class="fa-solid fa-arrow-left-long"></i></button>
|
||
<button class="array-next"><i class="fa-solid fa-arrow-right-long"></i></button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Faster Booking Section Start -->
|
||
<section class="faster-booking-section fix section-padding pt-0">
|
||
<div class="container">
|
||
<div class="row g-4">
|
||
<div class="col-lg-3 wow fadeInUp" data-wow-delay=".3s">
|
||
<div class="faster-booking-image">
|
||
<img src="assets/img/f-booking-01.jpg" alt="img">
|
||
</div>
|
||
</div>
|
||
<div class="col-lg-6 wow fadeInUp" data-wow-delay=".5s">
|
||
<div class="faster-booking-items">
|
||
<div class="thumb">
|
||
<img src="assets/img/f-booking-02.jpg" alt="img">
|
||
</div>
|
||
<div class="content">
|
||
<div class="icon">
|
||
<img src="assets/img/feature-benefit/icon-1.png" alt="icon-img">
|
||
</div>
|
||
<h4>
|
||
Easier & <br>
|
||
Faster Bookings
|
||
</h4>
|
||
<p>
|
||
Sed ut perspiciatis unde omnis <br> iste natus.
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-lg-3 wow fadeInUp" data-wow-delay=".7s">
|
||
<div class="faster-booking-image">
|
||
<img src="assets/img/f-booking-03.jpg" alt="img">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Team Section Start -->
|
||
<section class="team-section fix section-padding pt-0">
|
||
<div class="container">
|
||
<div class="section-title text-center">
|
||
<img src="assets/img/sub-icon.png" alt="icon-img" class="wow fadeInUp">
|
||
<span class="wow fadeInUp" data-wow-delay=".2s">Our expert people</span>
|
||
<h2 class="wow fadeInUp" data-wow-delay=".4s">
|
||
Meet Our Professional <br>
|
||
Team Members
|
||
</h2>
|
||
</div>
|
||
<div class="row">
|
||
<div class="col-xl-4 col-lg-6 col-md-6 wow fadeInUp" data-wow-delay=".3s">
|
||
<div class="team-card-items">
|
||
<div class="border-shape">
|
||
<img src="assets/img/team/border.png" alt="img">
|
||
</div>
|
||
<div class="team-image">
|
||
<img src="assets/img/team/team-01.jpg" alt="team-img">
|
||
</div>
|
||
<div class="team-content">
|
||
<h3><a href="index-3.html">Mike Hardson</a></h3>
|
||
<p>manager</p>
|
||
<div class="social-icon d-flex align-items-center justify-content-center">
|
||
<a href="index-3.html#"><i class="fab fa-twitter"></i></a>
|
||
<a href="index-3.html#"><i class="fab fa-facebook-f"></i></a>
|
||
<a href="index-3.html#"><i class="fab fa-youtube"></i></a>
|
||
<a href="index-3.html#"><i class="fab fa-linkedin-in"></i></a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-xl-4 col-lg-6 col-md-6 wow fadeInUp" data-wow-delay=".5s">
|
||
<div class="team-card-items">
|
||
<div class="border-shape">
|
||
<img src="assets/img/team/border.png" alt="img">
|
||
</div>
|
||
<div class="team-image">
|
||
<img src="assets/img/team/team-02.jpg" alt="team-img">
|
||
</div>
|
||
<div class="team-content">
|
||
<h3><a href="index-3.html">Aleesha Brown</a></h3>
|
||
<p>manager</p>
|
||
<div class="social-icon d-flex align-items-center justify-content-center">
|
||
<a href="index-3.html#"><i class="fab fa-twitter"></i></a>
|
||
<a href="index-3.html#"><i class="fab fa-facebook-f"></i></a>
|
||
<a href="index-3.html#"><i class="fab fa-youtube"></i></a>
|
||
<a href="index-3.html#"><i class="fab fa-linkedin-in"></i></a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-xl-4 col-lg-6 col-md-6 wow fadeInUp" data-wow-delay=".7s">
|
||
<div class="team-card-items">
|
||
<div class="border-shape">
|
||
<img src="assets/img/team/border.png" alt="img">
|
||
</div>
|
||
<div class="team-image">
|
||
<img src="assets/img/team/team-03.jpg" alt="team-img">
|
||
</div>
|
||
<div class="team-content">
|
||
<h3><a href="index-3.html">David Jhonson</a></h3>
|
||
<p>manager</p>
|
||
<div class="social-icon d-flex align-items-center justify-content-center">
|
||
<a href="index-3.html#"><i class="fab fa-twitter"></i></a>
|
||
<a href="index-3.html#"><i class="fab fa-facebook-f"></i></a>
|
||
<a href="index-3.html#"><i class="fab fa-youtube"></i></a>
|
||
<a href="index-3.html#"><i class="fab fa-linkedin-in"></i></a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- News Section Start -->
|
||
<section class="news-section section-padding fix bg-cover" style="background-image: url('assets/img/news/bg.jpg');">
|
||
<div class="container">
|
||
<div class="section-title text-center">
|
||
<img src="assets/img/sub-icon.png" alt="icon-img" class="wow fadeInUp">
|
||
<span class="wow fadeInUp" data-wow-delay=".2s">From the Blog</span>
|
||
<h2 class="text-white wow fadeInUp" data-wow-delay=".4s">
|
||
Latest News & <br>
|
||
Articles From the Blog
|
||
</h2>
|
||
</div>
|
||
<div class="row">
|
||
<div class="col-xl-4 col-lg-6 col-md-6 wow fadeInUp" data-wow-delay=".3s">
|
||
<div class="news-card-items">
|
||
<div class="news-image">
|
||
<img src="assets/img/news/01.jpg" alt="news-img">
|
||
<div class="post-date">
|
||
<h6>
|
||
20 <br>
|
||
Mar
|
||
</h6>
|
||
</div>
|
||
</div>
|
||
<div class="news-content">
|
||
<div class="post-client">
|
||
<img src="assets/img/news/client.png" alt="img">
|
||
</div>
|
||
<div class="news-cont">
|
||
<span>by Mike Hardson</span>
|
||
<h3><a href="news-details.html">The best fastest and most powerful road car</a></h3>
|
||
<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem…</p>
|
||
</div>
|
||
<ul>
|
||
<li>
|
||
<i class="fa-solid fa-comments"></i>
|
||
2 Comments
|
||
</li>
|
||
<li>
|
||
<a href="news-details.html">
|
||
<i class="fa-solid fa-arrow-right-long"></i>
|
||
More
|
||
</a>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-xl-4 col-lg-6 col-md-6 wow fadeInUp" data-wow-delay=".5s">
|
||
<div class="news-card-items">
|
||
<div class="news-image">
|
||
<img src="assets/img/news/02.jpg" alt="news-img">
|
||
<div class="post-date">
|
||
<h6>
|
||
26 <br>
|
||
Mar
|
||
</h6>
|
||
</div>
|
||
</div>
|
||
<div class="news-content">
|
||
<div class="post-client">
|
||
<img src="assets/img/news/client.png" alt="img">
|
||
</div>
|
||
<div class="news-cont">
|
||
<span>by Mike Hardson</span>
|
||
<h3><a href="news-details.html">The best fastest and most powerful road car</a></h3>
|
||
<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem…</p>
|
||
</div>
|
||
<ul>
|
||
<li>
|
||
<i class="fa-solid fa-comments"></i>
|
||
2 Comments
|
||
</li>
|
||
<li>
|
||
<a href="news-details.html">
|
||
<i class="fa-solid fa-arrow-right-long"></i>
|
||
More
|
||
</a>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-xl-4 col-lg-6 col-md-6 wow fadeInUp" data-wow-delay=".7s">
|
||
<div class="news-card-items">
|
||
<div class="news-image">
|
||
<img src="assets/img/news/03.jpg" alt="news-img">
|
||
<div class="post-date">
|
||
<h6>
|
||
29 <br>
|
||
Mar
|
||
</h6>
|
||
</div>
|
||
</div>
|
||
<div class="news-content">
|
||
<div class="post-client">
|
||
<img src="assets/img/news/client.png" alt="img">
|
||
</div>
|
||
<div class="news-cont">
|
||
<span>by Mike Hardson</span>
|
||
<h3><a href="news-details.html">The best fastest and most powerful road car</a></h3>
|
||
<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem…</p>
|
||
</div>
|
||
<ul>
|
||
<li>
|
||
<i class="fa-solid fa-comments"></i>
|
||
2 Comments
|
||
</li>
|
||
<li>
|
||
<a href="news-details.html">
|
||
<i class="fa-solid fa-arrow-right-long"></i>
|
||
More
|
||
</a>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Cta Car Booking Section Start -->
|
||
<section class="cta-car-booking-section bg-cover section-padding" style="background-image: url('assets/img/cta/cta-service.jpg');">
|
||
<div class="container">
|
||
<div class="row g-4 justify-content-center">
|
||
<div class="col-lg-12">
|
||
<div class="cta-car-booking-items">
|
||
<div class="content">
|
||
<h2 class="wow fadeInUp" data-wow-delay=".3s">
|
||
Save Time & Money with Top <br>
|
||
Rent Car Service in Town
|
||
</h2>
|
||
<div class="button-items">
|
||
<a href="about.html" class="theme-btn bg-white wow fadeInUp" data-wow-delay=".5s">Discover More</a>
|
||
<a href="car-details.html" class="theme-btn bg-header wow fadeInUp" data-wow-delay=".7s">Book Your Car</a>
|
||
</div>
|
||
</div>
|
||
<div class="car-image">
|
||
<img src="assets/img/car-slideshow-2.png" alt="img">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Faq Section Start -->
|
||
<section class="faq-section fix section-padding">
|
||
<div class="container">
|
||
<div class="faq-wrapper">
|
||
<div class="row g-4">
|
||
<div class="col-lg-6 wow fadeInUp" data-wow-delay=".4s">
|
||
<div class="faq-image">
|
||
<img src="assets/img/faq.png" alt="img">
|
||
<div class="color-shape float-bob-y">
|
||
<img src="assets/img/faq-color-shape.png" alt="img">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-lg-6">
|
||
<div class="faq-content">
|
||
<div class="section-title">
|
||
<img src="assets/img/sub-icon.png" alt="icon-img" class="wow fadeInUp">
|
||
<span class="wow fadeInUp" data-wow-delay=".2s">Frequently asked questions</span>
|
||
<h2 class="wow fadeInUp" data-wow-delay=".4s">
|
||
Question & Answers
|
||
</h2>
|
||
</div>
|
||
<div class="faq-accordion mt-4 mt-md-0">
|
||
<div class="accordion" id="accordion">
|
||
<div class="accordion-item mb-4 wow fadeInUp" data-wow-delay=".3s">
|
||
<h5 class="accordion-header">
|
||
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faq1" aria-expanded="true" aria-controls="faq1">
|
||
How to process the funtion for construction?
|
||
</button>
|
||
</h5>
|
||
<div id="faq1" class="accordion-collapse collapse" data-bs-parent="#accordion">
|
||
<div class="accordion-body">
|
||
There are many variations of passages of available but the have suffered alteration in that some form by injected randomised words which don’t look even as slightly believable now.
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="accordion-item mb-4 wow fadeInUp" data-wow-delay=".5s">
|
||
<h5 class="accordion-header">
|
||
<button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#faq2" aria-expanded="false" aria-controls="faq2">
|
||
Where should I incorporate my business?
|
||
</button>
|
||
</h5>
|
||
<div id="faq2" class="accordion-collapse show" data-bs-parent="#accordion">
|
||
<div class="accordion-body">
|
||
There are many variations of passages of available but the have suffered alteration in that some form by injected randomised words which don’t look even as slightly believable now.
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="accordion-item wow fadeInUp" data-wow-delay=".7s">
|
||
<h5 class="accordion-header">
|
||
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faq3" aria-expanded="false" aria-controls="faq3">
|
||
How there are many variations of passages
|
||
</button>
|
||
</h5>
|
||
<div id="faq3" class="accordion-collapse collapse" data-bs-parent="#accordion">
|
||
<div class="accordion-body">
|
||
There are many variations of passages of available but the have suffered alteration in that some form by injected randomised words which don’t look even as slightly believable now.
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Brand Section Start -->
|
||
<div class="brand-wrapper style-2 pt-0 pb-80">
|
||
<div class="array-button">
|
||
<button class="array-prev-2"><i class="far fa-chevron-left"></i></button>
|
||
<button class="array-next-2"><i class="far fa-chevron-right"></i></button>
|
||
</div>
|
||
<div class="container">
|
||
<div class="swiper brand-slider">
|
||
<div class="swiper-wrapper">
|
||
<div class="swiper-slide">
|
||
<div class="brand-image style-color">
|
||
<img src="assets/img/brand/01.png" alt="img">
|
||
</div>
|
||
</div>
|
||
<div class="swiper-slide">
|
||
<div class="brand-image style-color">
|
||
<img src="assets/img/brand/02.png" alt="img">
|
||
</div>
|
||
</div>
|
||
<div class="swiper-slide">
|
||
<div class="brand-image style-color">
|
||
<img src="assets/img/brand/03.png" alt="img">
|
||
</div>
|
||
</div>
|
||
<div class="swiper-slide">
|
||
<div class="brand-image style-color">
|
||
<img src="assets/img/brand/04.png" alt="img">
|
||
</div>
|
||
</div>
|
||
<div class="swiper-slide">
|
||
<div class="brand-image style-color">
|
||
<img src="assets/img/brand/05.png" alt="img">
|
||
</div>
|
||
</div>
|
||
<div class="swiper-slide">
|
||
<div class="brand-image style-color">
|
||
<img src="assets/img/brand/06.png" alt="img">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Cta Cheap Rental Section Start -->
|
||
<section class="cta-cheap-rental-section">
|
||
<div class="container">
|
||
<div class="cta-cheap-rental">
|
||
<div class="cta-cheap-rental-left wow fadeInUp" data-wow-delay="
|
||
.3s">
|
||
<div class="logo-thumb">
|
||
<a href="index.html">
|
||
<img src="assets/img/logo/white-logo.svg" alt="logo-img">
|
||
</a>
|
||
</div>
|
||
<h4 class="text-white">Save big with our cheap car rental</h4>
|
||
</div>
|
||
<div class="social-icon d-flex align-items-center wow fadeInUp" data-wow-delay="
|
||
.5s">
|
||
<a href="index-3.html#"><i class="fab fa-facebook-f"></i></a>
|
||
<a href="index-3.html#"><i class="fab fa-twitter"></i></a>
|
||
<a href="index-3.html#"><i class="fa-brands fa-linkedin-in"></i></a>
|
||
<a href="index-3.html#"><i class="fa-brands fa-youtube"></i></a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Footer Section Start -->
|
||
<footer class="footer-section fix">
|
||
<div class="container">
|
||
<div class="footer-widgets-wrapper">
|
||
<div class="row justify-content-between">
|
||
<div class="col-xl-3 col-lg-4 col-md-6 wow fadeInUp" data-wow-delay=".2s">
|
||
<div class="single-footer-widget shape-map">
|
||
<div class="widget-head">
|
||
<h4>Contact</h4>
|
||
</div>
|
||
<div class="footer-content">
|
||
<p>
|
||
66 Road Broklyn Golden Street, 600
|
||
New York, USA
|
||
</p>
|
||
<ul class="contact-info">
|
||
<li>
|
||
<i class="fa-regular fa-envelope"></i>
|
||
<a href="mailto:needhelp@company.com">needhelp@company.com</a>
|
||
</li>
|
||
<li>
|
||
<i class="fa-solid fa-phone-volume"></i>
|
||
<a href="tel:926668880000">+92 (666) 888 0000</a>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-xl-2 col-lg-4 col-md-6 wow fadeInUp" data-wow-delay=".4s">
|
||
<div class="single-footer-widget">
|
||
<div class="widget-head">
|
||
<h4>Contact</h4>
|
||
</div>
|
||
<ul class="list-items">
|
||
<li>
|
||
<a href="about.html">
|
||
About Us
|
||
</a>
|
||
</li>
|
||
<li>
|
||
<a href="car-details.html">
|
||
New Cars
|
||
</a>
|
||
</li>
|
||
<li>
|
||
<a href="news-details.html">
|
||
Latest News
|
||
</a>
|
||
</li>
|
||
<li>
|
||
<a href="gallery.html">
|
||
Gallery
|
||
</a>
|
||
</li>
|
||
<li>
|
||
<a href="contact.html">
|
||
Contact
|
||
</a>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<div class="col-xl-3 col-lg-4 col-md-6 wow fadeInUp" data-wow-delay=".6s">
|
||
<div class="single-footer-widget">
|
||
<div class="widget-head">
|
||
<h4>Gallery</h4>
|
||
</div>
|
||
<div class="footer-gallery">
|
||
<div class="gallery-wrap">
|
||
<div class="gallery-item">
|
||
<div class="thumb">
|
||
<a href="assets/img/footer/gallery-1.jpg" class="img-popup">
|
||
<img src="assets/img/footer/gallery-1.jpg" alt="gallery-img">
|
||
<div class="icon">
|
||
<i class="far fa-plus"></i>
|
||
</div>
|
||
</a>
|
||
</div>
|
||
<div class="thumb">
|
||
<a href="assets/img/footer/gallery-2.jpg" class="img-popup">
|
||
<img src="assets/img/footer/gallery-2.jpg" alt="gallery-img">
|
||
<div class="icon">
|
||
<i class="far fa-plus"></i>
|
||
</div>
|
||
</a>
|
||
</div>
|
||
<div class="thumb">
|
||
<a href="assets/img/footer/gallery-3.jpg" class="img-popup">
|
||
<img src="assets/img/footer/gallery-3.jpg" alt="gallery-img">
|
||
<div class="icon">
|
||
<i class="far fa-plus"></i>
|
||
</div>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
<div class="gallery-item">
|
||
<div class="thumb">
|
||
<a href="assets/img/footer/gallery-4.jpg" class="img-popup">
|
||
<img src="assets/img/footer/gallery-4.jpg" alt="gallery-img">
|
||
<div class="icon">
|
||
<i class="far fa-plus"></i>
|
||
</div>
|
||
</a>
|
||
</div>
|
||
<div class="thumb">
|
||
<a href="assets/img/footer/gallery-5.jpg" class="img-popup">
|
||
<img src="assets/img/footer/gallery-5.jpg" alt="gallery-img">
|
||
<div class="icon">
|
||
<i class="far fa-plus"></i>
|
||
</div>
|
||
</a>
|
||
</div>
|
||
<div class="thumb">
|
||
<a href="assets/img/footer/gallery-6.jpg" class="img-popup">
|
||
<img src="assets/img/footer/gallery-6.jpg" alt="gallery-img">
|
||
<div class="icon">
|
||
<i class="far fa-plus"></i>
|
||
</div>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-xl-3 col-lg-4 col-md-6 wow fadeInUp" data-wow-delay=".8s">
|
||
<div class="single-footer-widget">
|
||
<div class="widget-head">
|
||
<h4>Newsletter</h4>
|
||
</div>
|
||
<div class="footer-content">
|
||
<p>Subscribe our newsletter to get our latest update & news</p>
|
||
<div class="footer-input">
|
||
<input type="email" id="email2" placeholder="Email address">
|
||
<button class="newsletter-btn" type="submit">
|
||
<i class="fa-regular fa-paper-plane"></i>
|
||
</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="footer-bottom">
|
||
<div class="footer-wrapper">
|
||
<p class="wow fadeInUp" data-wow-delay=".4s">
|
||
© Copyright 2024 by <a href="index.html">Remons.com</a>
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</footer>
|
||
|
||
<!--<< All JS Plugins >>-->
|
||
<script src="assets/js/jquery-3.7.1.min.js"></script>
|
||
<!--<< Viewport Js >>-->
|
||
<script src="assets/js/viewport.jquery.js"></script>
|
||
<!--<< Bootstrap Js >>-->
|
||
<script src="assets/js/bootstrap.bundle.min.js"></script>
|
||
<!--<< Nice Select Js >>-->
|
||
<script src="assets/js/jquery.nice-select.min.js"></script>
|
||
<!--<< Waypoints Js >>-->
|
||
<script src="assets/js/jquery.waypoints.js"></script>
|
||
<!--<< Counterup Js >>-->
|
||
<script src="assets/js/jquery.counterup.min.js"></script>
|
||
<!--<< Datepicker Js >>-->
|
||
<script src="assets/js/bootstrap-datepicker.js"></script>
|
||
<!--<< Swiper Slider Js >>-->
|
||
<script src="assets/js/swiper-bundle.min.js"></script>
|
||
<!--<< MeanMenu Js >>-->
|
||
<script src="assets/js/jquery.meanmenu.min.js"></script>
|
||
<!--<< Magnific Popup Js >>-->
|
||
<script src="assets/js/jquery.magnific-popup.min.js"></script>
|
||
<!--<< GSAP Animation Js >>-->
|
||
<script src="assets/js/animation.js"></script>
|
||
<!--<< Wow Animation Js >>-->
|
||
<script src="assets/js/wow.min.js"></script>
|
||
<!--<< Main.js >>-->
|
||
<script src="assets/js/main.js"></script>
|
||
</body>
|
||
</html> |