<!DOCTYPE html> <html lang="en"> <!--<< Header Area >>--> <head> <!-- ========== Meta Tags ========== --> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="author" content="pixydrops"> <meta name="description" content="Remons - Booking Rental HTML Template"> <!-- ======== Page title ============ --> <title>Remons - Booking Rental HTML Template</title> <!--<< Favcion >>--> <link rel="shortcut icon" href="img/favicon.png"> <!--<< Bootstrap min.css >>--> <link rel="stylesheet" href="css/bootstrap.min.css"> <!--<< All Min Css >>--> <link rel="stylesheet" href="css/all.min.css"> <!--<< Animate.css >>--> <link rel="stylesheet" href="css/animate.css"> <!--<< Magnific Popup.css >>--> <link rel="stylesheet" href="css/magnific-popup.css"> <!--<< MeanMenu.css >>--> <link rel="stylesheet" href="css/meanmenu.css"> <!--<< DatePicker.css >>--> <link rel="stylesheet" href="css/datepickerboot.css"> <!--<< Swiper Bundle.css >>--> <link rel="stylesheet" href="css/swiper-bundle.min.css"> <!--<< Nice Select.css >>--> <link rel="stylesheet" href="css/nice-select.css"> <!--<< Main.css >>--> <link rel="stylesheet" href="css/main.css"> </head> <body> <!-- Preloader Start --> <div id="preloader" class="preloader"> <div class="animation-preloader"> <div class="spinner"> </div> <div class="txt-loading"> <span data-text-preloader="R" class="letters-loading"> R </span> <span data-text-preloader="E" class="letters-loading"> E </span> <span data-text-preloader="M" class="letters-loading"> M </span> <span data-text-preloader="O" class="letters-loading"> O </span> <span data-text-preloader="N" class="letters-loading"> N </span> <span data-text-preloader="S" class="letters-loading"> S </span> </div> <p class="text-center">Loading</p> </div> <div class="loader"> <div class="row"> <div class="col-3 loader-section section-left"> <div class="bg"></div> </div> <div class="col-3 loader-section section-left"> <div class="bg"></div> </div> <div class="col-3 loader-section section-right"> <div class="bg"></div> </div> <div class="col-3 loader-section section-right"> <div class="bg"></div> </div> </div> </div> </div> <!-- Back To Top Start --> <div class="scroll-up"> <svg class="scroll-circle svg-content" width="100%" height="100%" viewBox="-1 -1 102 102"> <path d="M50,1 a49,49 0 0,1 0,98 a49,49 0 0,1 0,-98" /> </svg> </div> <!-- Offcanvas Area Start --> <div class="fix-area"> <div class="offcanvas__info"> <div class="offcanvas__wrapper"> <div class="offcanvas__content"> <div class="offcanvas__top mb-5 d-flex justify-content-between align-items-center"> <div class="offcanvas__logo"> <a href="index.php"> <img src="img/logo/black-logo.svg" alt="logo-img"> </a> </div> <div class="offcanvas__close"> <button> <i class="fas fa-times"></i> </button> </div> </div> <p class="text d-none d-xl-block"> Nullam dignissim, ante scelerisque the is euismod fermentum odio sem semper the is erat, a feugiat leo urna eget eros. Duis Aenean a imperdiet risus. </p> <div class="mobile-menu fix mb-3"></div> <div class="offcanvas__contact"> <h4>Contact Info</h4> <ul> <li class="d-flex align-items-center"> <div class="offcanvas__contact-icon"> <i class="fal fa-map-marker-alt"></i> </div> <div class="offcanvas__contact-text"> <a target="_blank" href="index.php#">Main Street, Melbourne, Australia</a> </div> </li> <li class="d-flex align-items-center"> <div class="offcanvas__contact-icon mr-15"> <i class="fal fa-envelope"></i> </div> <div class="offcanvas__contact-text"> <a href="mailto:info@example.com"><span class="mailto:info@example.com">info@example.com</span></a> </div> </li> <li class="d-flex align-items-center"> <div class="offcanvas__contact-icon mr-15"> <i class="fal fa-clock"></i> </div> <div class="offcanvas__contact-text"> <a target="_blank" href="index.php#">Mod-friday, 09am -05pm</a> </div> </li> <li class="d-flex align-items-center"> <div class="offcanvas__contact-icon mr-15"> <i class="far fa-phone"></i> </div> <div class="offcanvas__contact-text"> <a href="tel:+11002345909">+11002345909</a> </div> </li> </ul> <div class="header-button mt-4"> <a href="contact.php" class="theme-btn text-center"> <span>Get A Quote<i class="fa-solid fa-arrow-right-long"></i></span> </a> </div> <div class="social-icon d-flex align-items-center"> <a href="index.php#"><i class="fab fa-facebook-f"></i></a> <a href="index.php#"><i class="fab fa-twitter"></i></a> <a href="index.php#"><i class="fab fa-youtube"></i></a> <a href="index.php#"><i class="fab fa-linkedin-in"></i></a> </div> </div> </div> </div> </div> </div> <div class="offcanvas__overlay"></div> <!-- Header Top Section Start --> <div class="header-top-section"> <div class="container-fluid"> <div class="header-top-wrapper"> <ul class="contact-list"> <li> <i class="fas fa-envelope"></i> <a href="mailto:info@example.com" class="link">info@example.com</a> </li> <li> <i class="fas fa-map-marker-alt"></i> 88 Broklyn Golden Street. New York </li> </ul> <div class="header-top-right"> <ul class="top-list"> <li><a href="contact.php">Help</a></li> <li>/</li> <li><a href="contact.php">Support</a></li> <li>/</li> <li><a href="contact.php">Contact</a></li> </ul> <div class="social-icon d-flex align-items-center"> <a href="index.php#"><i class="fab fa-twitter"></i></a> <a href="index.php#"><i class="fa-brands fa-facebook"></i></a> <a href="index.php#"><i class="fa-brands fa-pinterest-p"></i></a> <a href="index.php#"><i class="fa-brands fa-instagram"></i></a> </div> </div> </div> </div> </div> <!-- Header Section Start --> <header id="header-sticky" class="header-1"> <div class="container-fluid"> <div class="mega-menu-wrapper"> <div class="header-main"> <div class="header-left"> <div class="logo"> <a href="index.php" class="header-logo"> <img src="img/logo/black-logo.svg" alt="logo-img"> </a> </div> <div class="mean__menu-wrapper"> <div class="main-menu"> <nav id="mobile-menu"> <ul> <li class="has-dropdown active menu-thumb"> <a href="index.php"> Home <i class="fas fa-angle-down"></i> </a> <ul class="submenu"> <li><a href="index.php">Home 01</a></li> <li><a href="index-2.php">Home 02</a></li> <li><a href="index-3.php">Home 03</a></li> </ul> </li> <li> <a href="about.php">About Us</a> </li> <li class="has-dropdown"> <a href="news.php"> Pages <i class="fas fa-angle-down"></i> </a> <ul class="submenu"> <li><a href="gallery.php">Gallery</a></li> <li><a href="faq.php">Faq's</a></li> </ul> </li> <li> <a href="https://pixydrops.com/remons/program-details.php"> Cars <i class="fas fa-angle-down"></i> </a> <ul class="submenu"> <li><a href="car-grid.php">Car Grid</a></li> <li><a href="car-list.php">Car List</a></li> <li><a href="car-list-sidebar.php">Car Sidebar</a></li> <li><a href="car-details.php">Car Details</a></li> </ul> </li> <li> <a href="news.php"> Blog <i class="fas fa-angle-down"></i> </a> <ul class="submenu"> <li><a href="news.php">Blog</a></li> <li><a href="news-details.php">Blog Details</a></li> </ul> </li> <li> <a href="contact.php">Contact</a> </li> </ul> </nav> </div> </div> </div> <div class="header-right d-flex justify-content-end align-items-center"> <div class="icon-items"> <div class="icon"> <i class="fas fa-phone-alt"></i> </div> <div class="content"> <p>Call Anytime</p> <h6><a href="tel:+9288009850">+92 (8800) - 9850</a></h6> </div> </div> <a href="index.php#0" class="search-trigger search-icon"><i class="fa-regular fa-magnifying-glass"></i></a> <div class="header-button"> <a href="car-details.php" class="header-btn"> Find a Car </a> </div> <div class="header__hamburger d-xl-none my-auto"> <div class="sidebar__toggle"> <i class="fas fa-bars"></i> </div> </div> </div> </div> </div> </div> </header> <!-- Search Area Start --> <div class="search-wrap"> <div class="search-inner"> <i class="fas fa-times search-close" id="search-close"></i> <div class="search-cell"> <form method="get"> <div class="search-field-holder"> <input type="search" class="main-search-input" placeholder="Search..."> </div> </form> </div> </div> </div> <!-- Hero Section Start --> <section class="hero-section hero-1 fix"> <div class="array-button"> <button class="image-array-left"> <i class="fa-solid fa-chevron-left"></i> </button> <button class="image-array-right"> <i class="fa-solid fa-chevron-right"></i> </button> </div> <div class="swiper hero-slider"> <div class="swiper-wrapper"> <div class="swiper-slide"> <div class="hero-image bg-cover" style="background-image: url('img/hero/hero-1.jpg');"> <div class="overlay-shape"> <img src="img/hero/overlay.png" alt="img"> </div> </div> <div class="container"> <div class="row justify-content-center"> <div class="col-xl-12"> <div class="hero-content text-center"> <h4 class="text-white" data-animation="fadeInUp" data-delay="1.3s"> Book Any Luxury Car in low price </h4> <h1 class="text-white" data-animation="fadeInUp" data-delay="1.3s"> Car <span>Rental</span> </h1> </div> </div> </div> </div> </div> <div class="swiper-slide"> <div class="hero-image bg-cover" style="background-image: url('img/hero/hero-2.jpg');"> <div class="overlay-shape"> <img src="img/hero/overlay.png" alt="img"> </div> </div> <div class="container"> <div class="row justify-content-center"> <div class="col-xl-12"> <div class="hero-content text-center"> <h4 class="text-white" data-animation="fadeInUp" data-delay="1.3s"> Book Any Luxury Car in low price </h4> <h1 class="text-white" data-animation="fadeInUp" data-delay="1.3s"> Car <span>Rental</span> </h1> </div> </div> </div> </div> </div> </div> </div> </section> <!-- Pick Up Location Section Start --> <div class="pickup-loaction-area bg-cover" style="background-image: url('img/brand-bg.png');"> <div class="container"> <div class="pickup-wrapper wow fadeInUp" data-wow-delay=".4s"> <div class="pickup-items"> <label class="field-label">Pick-up Location</label> <div class="category-oneadjust"> <select name="cate" class="category"> <option value="1"> Select Location </option> <option value="1"> Houston </option> <option value="1"> Texas </option> <option value="1"> New York </option> <option value="1"> Other Location </option> </select> </div> </div> <div class="pickup-items"> <label class="field-label">Pickup Date</label> <div id="datepicker" class="input-group date" data-date-format="dd-mm-yyyy"> <input class="form-control" type="text" placeholder="Check in" readonly> <span class="input-group-addon"> <i class="fa-solid fa-calendar-days"></i></span> </div> </div> <div class="pickup-items"> <label class="field-label">Dropoff Date</label> <div id="datepicker2" class="input-group date" data-date-format="dd-mm-yyyy"> <input class="form-control" type="text" placeholder="Check in" readonly> <span class="input-group-addon"> <i class="fa-solid fa-calendar-days"></i></span> </div> </div> <div class="pickup-items"> <label class="field-label">Car Type</label> <div class="category-oneadjust"> <select name="cate" class="category"> <option value="1"> cars </option> <option value="1"> sedan </option> <option value="1"> sports </option> <option value="1"> jeep </option> <option value="1"> limousine </option> </select> </div> </div> <div class="pickup-items"> <label class="field-label style-2">button</label> <button class="pickup-btn" type="submit"> Find a Car </button> </div> </div> <div class="brand-wrapper pt-80 pb-80"> <div class="array-button"> <button class="array-prev-2"><i class="far fa-chevron-left"></i></button> <button class="array-next-2"><i class="far fa-chevron-right"></i></button> </div> <div class="swiper brand-slider"> <div class="swiper-wrapper"> <div class="swiper-slide"> <div class="brand-image"> <img src="img/brand/01.png" alt="img"> </div> </div> <div class="swiper-slide"> <div class="brand-image"> <img src="img/brand/02.png" alt="img"> </div> </div> <div class="swiper-slide"> <div class="brand-image"> <img src="img/brand/03.png" alt="img"> </div> </div> <div class="swiper-slide"> <div class="brand-image"> <img src="img/brand/04.png" alt="img"> </div> </div> <div class="swiper-slide"> <div class="brand-image"> <img src="img/brand/05.png" alt="img"> </div> </div> <div class="swiper-slide"> <div class="brand-image"> <img src="img/brand/06.png" alt="img"> </div> </div> </div> </div> </div> </div> </div> <!-- Feature Benefit Section Start --> <section class="feature-benefit section section-padding fix"> <div class="container"> <div class="section-title text-center"> <img src="img/sub-icon.png" alt="icon-img" class="wow fadeInUp"> <span class="wow fadeInUp" data-wow-delay=".2s">our benefits</span> <h2 class="wow fadeInUp" data-wow-delay=".4s"> Why You Should Use <br> Remons Rental </h2> </div> <div class="row"> <div class="col-xl-4 col-lg-6 col-md-6 wow fadeInUp" data-wow-delay=".3s"> <div class="feature-benefit-items"> <div class="icon-box-shape"> <img src="img/feature-benefit/box-icon-bg1.png" alt="shape-img"> </div> <div class="bg-button-shape"> <img src="img/feature-benefit/bg-button-iconbox.png" alt="shape-img"> </div> <div class="feature-content"> <h4> <a href="car-details.php"> Easier & <br> Faster Bookings </a> </h4> <p>Neque porro quisquam est, qui fre dolorem ipsum quia dolor.</p> <div class="icon"> <img src="img/feature-benefit/icon-1.png" alt="icon-img"> </div> </div> <div class="feature-button"> <a href="car-details.php" class="link-btn">View More <i class="fa-solid fa-arrow-right ps-1"></i></a> </div> </div> </div> <div class="col-xl-4 col-lg-6 col-md-6 wow fadeInUp" data-wow-delay=".5s"> <div class="feature-benefit-items"> <div class="icon-box-shape"> <img src="img/feature-benefit/box-icon-bg2.png" alt="shape-img"> </div> <div class="bg-button-shape"> <img src="img/feature-benefit/bg-button-iconbox.png" alt="shape-img"> </div> <div class="feature-content"> <h4> <a href="car-details.php"> Too Many <br> Pickup Locations </a> </h4> <p>Neque porro quisquam est, qui fre dolorem ipsum quia dolor.</p> <div class="icon"> <img src="img/feature-benefit/icon-2.png" alt="icon-img"> </div> </div> <div class="feature-button"> <a href="car-details.php" class="link-btn">View More <i class="fa-solid fa-arrow-right ps-1"></i></a> </div> </div> </div> <div class="col-xl-4 col-lg-6 col-md-6 wow fadeInUp" data-wow-delay=".7s"> <div class="feature-benefit-items"> <div class="icon-box-shape"> <img src="img/feature-benefit/box-icon-bg3.png" alt="shape-img"> </div> <div class="bg-button-shape"> <img src="img/feature-benefit/bg-button-iconbox.png" alt="shape-img"> </div> <div class="feature-content"> <h4> <a href="car-details.php"> Customers <br> 100% Satisfied </a> </h4> <p>Neque porro quisquam est, qui fre dolorem ipsum quia dolor.</p> <div class="icon"> <img src="img/feature-benefit/icon-3.png" alt="icon-img"> </div> </div> <div class="feature-button"> <a href="car-details.php" class="link-btn">View More <i class="fa-solid fa-arrow-right ps-1"></i></a> </div> </div> </div> </div> </div> </section> <!-- About Section Start --> <section class="about-section fix section-padding pt-0"> <div class="container"> <div class="about-wrapper"> <div class="row g-4"> <div class="col-lg-6"> <div class="about-image-items"> <div class="color-shape"> <img src="img/about/secondary-shape-color-full.png" alt="shape-img"> </div> <div class="car-shape wow fadeInUp" data-wow-delay=".7s"> <img src="img/about/car-shape.png" alt="shape-img"> </div> <div class="counter-content wow fadeInLeft" data-wow-delay=".4s"> <h2 class="text-white"><span class="count">50</span></h2> <p class="text-white"> Years of <br> Experience </p> </div> <div class="about-image-1 wow fadeInDown" data-wow-delay=".3s"> <img src="img/about/01.jpg" alt="about-image"> </div> <div class="about-image-2 wow fadeInLeft" data-wow-delay=".5s"> <img src="img/about/02.jpg" alt="about-image"> </div> </div> </div> <div class="col-lg-6"> <div class="about-content"> <div class="section-title"> <img src="img/sub-icon.png" alt="icon-img" class="wow fadeInUp"> <span class="wow fadeInUp" data-wow-delay=".2s">Get to know us</span> <h2 class="wow fadeInUp" data-wow-delay=".4s"> Services with a Wide Range of Cars </h2> </div> <h4 class="mt-3 mt-md-0 wow fadeInUp" data-wow-delay=".3s"> committed to providing our customers with exceptional service. </h4> <p class="wow fadeInUp" data-wow-delay=".5s"> Lorem ipsum is simply ipun txns mane so dummy text of free available in market the printing and typesetting industry has been the industry's standard dummy text ever. </p> <div class="about-list-item wow fadeInUp" data-wow-delay=".7s"> <ul> <li> Many Pickup Locations </li> <li> Offering Low Prices </li> </ul> <ul> <li> Many Pickup Locations </li> <li> Offering Low Prices </li> </ul> </div> <a href="about.php" class="theme-btn wow fadeInUp" data-wow-delay=".8s">Discover More</a> </div> </div> </div> </div> </div> </section> <!-- Car Service Section Start --> <section class="car-service-section"> <div class="container"> <div class="car-service-wrapper"> <div class="shape-image"> <img src="img/car/shape-column.png" alt="shape-img"> </div> <div class="row align-items-center"> <div class="col-lg-6"> <div class="service-car-image"> <img src="img/decor-image-contact-home.jpg" alt="img"> <div class="color-shape"> <img src="img/car/secondary-shape-color.png" alt="shape-img"> </div> <div class="booking-content"> <p>Call for booking</p> <h3><a href="tel:9288009850">+92 (8800) - 9850</a></h3> </div> </div> </div> <div class="col-lg-6"> <div class="service-car-content"> <h2 class="wow fadeInUp" data-wow-delay=".3s"> Looking for a Luxury <br> Car Service? </h2> <h3 class="wow fadeInUp" data-wow-delay=".5s"> <span>Starting at</span> <sup>$</sup> 398 <span class="text">/mo</span> </h3> <a href="index.php" class="theme-btn wow fadeInUp" data-wow-delay=".7s">Discover More</a> </div> </div> </div> </div> </div> </section> <!-- Funfact Section Start --> <section class="funfact-section section-padding bg-cover" style="background-image: url('img/funfact-bg.jpg');"> <div class="container"> <div class="funfact-wrapper"> <div class="row g-4 align-items-center"> <div class="col-lg-6"> <div class="section-title mb-0"> <img src="img/sub-icon-2.png" alt="icon-img" class="wow fadeInUp"> <span class="wow fadeInUp" data-wow-delay=".2s">fun facts</span> <h2 class="text-white wow fadeInUp" data-wow-delay=".4s"> Save Time & Money <br> with Top Car Rent <br> Services </h2> </div> </div> <div class="col-lg-6"> <div class="funfact-counter-area"> <div class="funfact-items wow fadeInUp" data-wow-delay=".3s"> <div class="icon"> <img src="img/icon/car.png" alt="img"> </div> <h2><span class="count">990</span></h2> <p> Cars <br> rentouts </p> </div> <div class="funfact-items wow fadeInUp" data-wow-delay=".5s"> <div class="icon"> <img src="img/icon/center.png" alt="img"> </div> <h2><span class="count">230</span></h2> <p> Center <br> solutions </p> </div> <div class="funfact-items wow fadeInUp" data-wow-delay=".7s"> <div class="icon"> <img src="img/icon/like.png" alt="img"> </div> <h2><span class="count">660</span></h2> <p> happy <br> customers </p> </div> </div> </div> </div> </div> </div> </section> <!-- Popular Car Section Start --> <section class="popular-car-section fix section-padding"> <div class="container"> <div class="section-title text-center"> <img src="img/sub-icon.png" alt="icon-img" class="wow fadeInUp"> <span class="wow fadeInUp" data-wow-delay=".2s">select car types</span> <h2 class="wow fadeInUp" data-wow-delay=".4s"> We’re Offering Popular <br> Cars Models </h2> </div> <div class="row g-4 mt-30"> <div class="col-xl-4 col-lg-6 col-md-6 wow fadeInUp" data-wow-delay=".3s"> <div class="popular-card-items"> <div class="content"> <h4><a href="car-details.php">Sedan</a></h4> <p>Available for Rent</p> </div> <div class="car-image"> <img src="img/car/popular-car-1.jpg" alt="img"> </div> </div> </div> <div class="col-xl-4 col-lg-6 col-md-6 wow fadeInUp" data-wow-delay=".5s"> <div class="popular-card-items"> <div class="content"> <h4><a href="car-details.php">Sports</a></h4> <p>Available for Rent</p> </div> <div class="car-image"> <img src="img/car/popular-car-2.jpg" alt="img"> </div> </div> </div> <div class="col-xl-4 col-lg-6 col-md-6 wow fadeInUp" data-wow-delay=".7s"> <div class="popular-card-items"> <div class="content"> <h4><a href="car-details.php">Jeep</a></h4> <p>Available for Rent</p> </div> <div class="car-image"> <img src="img/car/popular-car-3.jpg" alt="img"> </div> </div> </div> <div class="col-xl-4 col-lg-6 col-md-6 wow fadeInUp" data-wow-delay=".3s"> <div class="popular-card-items"> <div class="content"> <h4><a href="car-details.php">SUV</a></h4> <p>Available for Rent</p> </div> <div class="car-image"> <img src="img/car/popular-car-4.jpg" alt="img"> </div> </div> </div> <div class="col-xl-4 col-lg-6 col-md-6 wow fadeInUp" data-wow-delay=".5s"> <div class="popular-card-items"> <div class="content"> <h4><a href="car-details.php">Luxury</a></h4> <p>Available for Rent</p> </div> <div class="car-image"> <img src="img/car/popular-car-5.jpg" alt="img"> </div> </div> </div> <div class="col-xl-4 col-lg-6 col-md-6 wow fadeInUp" data-wow-delay=".7s"> <div class="popular-card-items"> <div class="content"> <h4><a href="car-details.php">Luxury</a></h4> <p>Available for Rent</p> </div> <div class="car-image"> <img src="img/car/popular-car-6.jpg" alt="img"> </div> </div> </div> </div> <div class="popular-car-text wow fadeInUp" data-wow-delay=".4s"> <h6>Car rental services specifically for our customers.</h6> <a href="car-details.php" class="theme-btn">Find a car</a> </div> </div> </section> <!-- Testimonial Section Start --> <section class="testimonial-section fix section-padding"> <div class="testimonial-bg-shape"> <img src="img/testimonial/testimonial-bg.jpg" alt="shape-img"> </div> <div class="container"> <div class="section-title-area"> <div class="section-title"> <img src="img/sub-icon.png" alt="icon-img" class="wow fadeInUp"> <span class="wow fadeInUp" data-wow-delay=".2s">our testimonials</span> <h2 class="wow fadeInUp" data-wow-delay=".4s"> What They’re Talking <br> About Remons </h2> </div> <p class="wow fadeInUp" data-wow-delay=".5s"> Lorem ipsum dolor sit amet nsectetur cing elituspe ndisse suscipit <br> sagitis leo sit. </p> </div> <div class="swiper testimonial-slider"> <div class="swiper-wrapper"> <div class="swiper-slide"> <div class="testimonial-card-items"> <div class="testimoni-bg-shape"> <div class="testimonial-items-top"> <div class="icon"> <i class="fa-solid fa-quote-left"></i> </div> <p> I was very impresed by the remons service lorem ipsum is simply free text used by copy typing refreshing. Neque porro est qui dolorem ipsum quia. </p> <div class="star"> <i class="fa-solid fa-star"></i> <i class="fa-solid fa-star"></i> <i class="fa-solid fa-star"></i> <i class="fa-solid fa-star"></i> <i class="fa-solid fa-star"></i> </div> </div> </div> <div class="client-info-items d-flex align-items-center gap-3"> <div class="client-img bg-cover" style="background-image: url('img/testimonial/client-1.png');"></div> <div class="content"> <h5> Jessica Brown </h5> <span>Customer</span> </div> </div> </div> </div> <div class="swiper-slide"> <div class="testimonial-card-items"> <div class="testimoni-bg-shape"> <div class="testimonial-items-top"> <div class="icon"> <i class="fa-solid fa-quote-left"></i> </div> <p> I was very impresed by the remons service lorem ipsum is simply free text used by copy typing refreshing. Neque porro est qui dolorem ipsum quia. </p> <div class="star"> <i class="fa-solid fa-star"></i> <i class="fa-solid fa-star"></i> <i class="fa-solid fa-star"></i> <i class="fa-solid fa-star"></i> <i class="fa-solid fa-star"></i> </div> </div> </div> <div class="client-info-items d-flex align-items-center gap-3"> <div class="client-img bg-cover" style="background-image: url('img/testimonial/client-2.png');"></div> <div class="content"> <h5> Kevin Martin </h5> <span>Customer</span> </div> </div> </div> </div> <div class="swiper-slide"> <div class="testimonial-card-items"> <div class="testimoni-bg-shape"> <div class="testimonial-items-top"> <div class="icon"> <i class="fa-solid fa-quote-left"></i> </div> <p> I was very impresed by the remons service lorem ipsum is simply free text used by copy typing refreshing. Neque porro est qui dolorem ipsum quia. </p> <div class="star"> <i class="fa-solid fa-star"></i> <i class="fa-solid fa-star"></i> <i class="fa-solid fa-star"></i> <i class="fa-solid fa-star"></i> <i class="fa-solid fa-star"></i> </div> </div> </div> <div class="client-info-items d-flex align-items-center gap-3"> <div class="client-img bg-cover" style="background-image: url('img/testimonial/client-3.png');"></div> <div class="content"> <h5> Jessica Brown </h5> <span>Customer</span> </div> </div> </div> </div> </div> </div> </div> </section> <!-- Gallery Section Start --> <div class="gallery-section fix"> <div class="gallery-wrapper"> <div class="row g-4"> <div class="col-xxl-4 col-xl-5 col-lg-5"> <div class="row g-4"> <div class="col-lg-6 col-md-6 col-sm-6"> <div class="row g-4"> <div class="col-md-12"> <div class="gallery-image"> <img src="img/gallery/g-1.jpg" alt="img"> <div class="icon-box"> <a href="img/gallery/g-1.jpg" class="icon img-popup-2"> <i class="fa-solid fa-plus"></i> </a> </div> <div class="mask"></div> <div class="mask-second"></div> </div> </div> <div class="col-md-12"> <div class="gallery-image"> <img src="img/gallery/g-2.jpg" alt="img"> <div class="icon-box"> <a href="img/gallery/g-2.jpg" class="icon img-popup-2"> <i class="fa-solid fa-plus"></i> </a> </div> <div class="mask"></div> <div class="mask-second"></div> </div> </div> </div> </div> <div class="col-lg-6 col-md-6 col-sm-6"> <div class="gallery-image"> <img src="img/gallery/g-3.jpg" alt="img"> <div class="icon-box"> <a href="img/gallery/g-3.jpg" class="icon img-popup-2 style-two"> <i class="fa-solid fa-plus"></i> </a> </div> <div class="mask"></div> <div class="mask-second"></div> </div> </div> </div> </div> <div class="col-xxl-6 col-xl-7 col-lg-7"> <div class="row g-4"> <div class="col-md-4 col-sm-6"> <div class="gallery-image"> <img src="img/gallery/g-4.jpg" alt="img"> <div class="icon-box"> <a href="img/gallery/g-4.jpg" class="icon img-popup-2"> <i class="fa-solid fa-plus"></i> </a> </div> <div class="mask"></div> <div class="mask-second"></div> </div> </div> <div class="col-md-4 col-sm-6"> <div class="gallery-image"> <img src="img/gallery/g-5.jpg" alt="img"> <div class="icon-box"> <a href="img/gallery/g-5.jpg" class="icon img-popup-2"> <i class="fa-solid fa-plus"></i> </a> </div> <div class="mask"></div> <div class="mask-second"></div> </div> </div> <div class="col-md-4 col-sm-6"> <div class="gallery-image"> <img src="img/gallery/g-6.jpg" alt="img"> <div class="icon-box"> <a href="img/gallery/g-6.jpg" class="icon img-popup-2"> <i class="fa-solid fa-plus"></i> </a> </div> <div class="mask"></div> <div class="mask-second"></div> </div> </div> <div class="col-md-4 col-sm-6"> <div class="gallery-image"> <img src="img/gallery/g-7.jpg" alt="img"> <div class="icon-box"> <a href="img/gallery/g-7.jpg" class="icon img-popup-2"> <i class="fa-solid fa-plus"></i> </a> </div> <div class="mask"></div> <div class="mask-second"></div> </div> </div> <div class="col-md-8"> <div class="gallery-image"> <img src="img/gallery/g-8.jpg" alt="img"> <div class="icon-box"> <a href="img/gallery/g-8.jpg" class="icon img-popup-2"> <i class="fa-solid fa-plus"></i> </a> </div> <div class="mask"></div> <div class="mask-second"></div> </div> </div> </div> </div> <div class="col-xxl-2 col-xl-4 col-lg-4 col-md-6 col-sm-6"> <div class="gallery-image style-2"> <img src="img/gallery/g-9.jpg" alt="img"> <div class="icon-box"> <a href="img/gallery/g-9.jpg" class="icon img-popup-2 style-two"> <i class="fa-solid fa-plus"></i> </a> </div> <div class="mask"></div> <div class="mask-second"></div> </div> </div> </div> </div> </div> <!-- News Section Start --> <section class="news-section section-padding fix"> <div class="container"> <div class="section-title text-center"> <img src="img/sub-icon.png" alt="icon-img" class="wow fadeInUp"> <span class="wow fadeInUp" data-wow-delay=".2s">From the Blog</span> <h2 class="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="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="img/news/client.png" alt="img"> </div> <div class="news-cont"> <span>by Mike Hardson</span> <h3><a href="news-details.php">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.php"> <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="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="img/news/client.png" alt="img"> </div> <div class="news-cont"> <span>by Mike Hardson</span> <h3><a href="news-details.php">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.php"> <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="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="img/news/client.png" alt="img"> </div> <div class="news-cont"> <span>by Mike Hardson</span> <h3><a href="news-details.php">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.php"> <i class="fa-solid fa-arrow-right-long"></i> More </a> </li> </ul> </div> </div> </div> </div> </div> </section> <!-- Cta Rental Section Start --> <section class="cta-rental-section bg-cover fix section-padding" style="background-image: url('img/cta/bg-app.jpg');"> <div class="container"> <div class="row g-4 justify-content-between align-items-center"> <div class="col-lg-6"> <div class="cta-rental-items"> <h4 class="wow fadeInUp" data-wow-delay=".3s">Faster, easier access to car rental services</h4> <h2 class="wow fadeInUp" data-wow-delay=".5s">Premium Car Rental</h2> <div class="rental-app-button"> <a href="index.php" class="app-button-items wow fadeInUp" data-wow-delay=".7s"> <span class="button-icon"><i class="fa-solid fa-play"></i></span> <span class="button-text"> <span class="text">Get in</span> <br> <span class="headding-text">Google Play</span> </span> </a> <a href="index.php" class="app-button-items style-2 wow fadeInUp" data-wow-delay=".8s"> <span class="button-icon"><i class="fa-brands fa-apple"></i></span> <span class="button-text"> <span class="text">Get in</span> <br> <span class="headding-text">Play Store</span> </span> </a> </div> </div> </div> <div class="col-lg-5 wow fadeInUp" data-wow-delay=".4s"> <div class="mobile-remons-image"> <img src="img/mobile-remons.png" alt="img"> </div> </div> </div> </div> </section> <!-- 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.php"> <img src="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.php#"><i class="fab fa-facebook-f"></i></a> <a href="index.php#"><i class="fab fa-twitter"></i></a> <a href="index.php#"><i class="fa-brands fa-linkedin-in"></i></a> <a href="index.php#"><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.php"> About Us </a> </li> <li> <a href="car-details.php"> New Cars </a> </li> <li> <a href="news-details.php"> Latest News </a> </li> <li> <a href="gallery.php"> Gallery </a> </li> <li> <a href="contact.php"> Contact </a> </li> </ul> </div> </div> <div class="col-xl-3 col-lg-4 col-md-6 wow fadeInUp" data-wow-delay=".6s"> <div class="single-footer-widget"> <div class="widget-head"> <h4>Gallery</h4> </div> <div class="footer-gallery"> <div class="gallery-wrap"> <div class="gallery-item"> <div class="thumb"> <a href="img/footer/gallery-1.jpg" class="img-popup"> <img src="img/footer/gallery-1.jpg" alt="gallery-img"> <div class="icon"> <i class="far fa-plus"></i> </div> </a> </div> <div class="thumb"> <a href="img/footer/gallery-2.jpg" class="img-popup"> <img src="img/footer/gallery-2.jpg" alt="gallery-img"> <div class="icon"> <i class="far fa-plus"></i> </div> </a> </div> <div class="thumb"> <a href="img/footer/gallery-3.jpg" class="img-popup"> <img src="img/footer/gallery-3.jpg" alt="gallery-img"> <div class="icon"> <i class="far fa-plus"></i> </div> </a> </div> </div> <div class="gallery-item"> <div class="thumb"> <a href="img/footer/gallery-4.jpg" class="img-popup"> <img src="img/footer/gallery-4.jpg" alt="gallery-img"> <div class="icon"> <i class="far fa-plus"></i> </div> </a> </div> <div class="thumb"> <a href="img/footer/gallery-5.jpg" class="img-popup"> <img src="img/footer/gallery-5.jpg" alt="gallery-img"> <div class="icon"> <i class="far fa-plus"></i> </div> </a> </div> <div class="thumb"> <a href="img/footer/gallery-6.jpg" class="img-popup"> <img src="img/footer/gallery-6.jpg" alt="gallery-img"> <div class="icon"> <i class="far fa-plus"></i> </div> </a> </div> </div> </div> </div> </div> </div> <div class="col-xl-3 col-lg-4 col-md-6 wow fadeInUp" data-wow-delay=".8s"> <div class="single-footer-widget"> <div class="widget-head"> <h4>Newsletter</h4> </div> <div class="footer-content"> <p>Subscribe our newsletter to get our latest update & news</p> <div class="footer-input"> <input type="email" id="email2" placeholder="Email address"> <button class="newsletter-btn" type="submit"> <i class="fa-regular fa-paper-plane"></i> </button> </div> </div> </div> </div> </div> </div> <div class="footer-bottom"> <div class="footer-wrapper"> <p class="wow fadeInUp" data-wow-delay=".4s"> © Copyright 2024 by <a href="index.php">Remons.com</a> </p> </div> </div> </div> </footer> <!--<< All JS Plugins >>--> <script src="js/jquery-3.7.1.min.js"></script> <!--<< Viewport Js >>--> <script src="js/viewport.jquery.js"></script> <!--<< Bootstrap Js >>--> <script src="js/bootstrap.bundle.min.js"></script> <!--<< Nice Select Js >>--> <script src="js/jquery.nice-select.min.js"></script> <!--<< Waypoints Js >>--> <script src="js/jquery.waypoints.js"></script> <!--<< Counterup Js >>--> <script src="js/jquery.counterup.min.js"></script> <!--<< Datepicker Js >>--> <script src="js/bootstrap-datepicker.js"></script> <!--<< Swiper Slider Js >>--> <script src="js/swiper-bundle.min.js"></script> <!--<< MeanMenu Js >>--> <script src="js/jquery.meanmenu.min.js"></script> <!--<< Magnific Popup Js >>--> <script src="js/jquery.magnific-popup.min.js"></script> <!--<< GSAP Animation Js >>--> <script src="js/animation.js"></script> <!--<< Wow Animation Js >>--> <script src="js/wow.min.js"></script> <!--<< Main.js >>--> <script src="js/main.js"></script> </body> </html>