<!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="contact.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="contact.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="contact.html#"><i class="fab fa-facebook-f"></i></a> <a href="contact.html#"><i class="fab fa-twitter"></i></a> <a href="contact.html#"><i class="fab fa-youtube"></i></a> <a href="contact.html#"><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.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="contact.html#"><i class="fab fa-facebook-f"></i></a> <a href="contact.html#"><i class="fab fa-twitter"></i></a> <a href="contact.html#"><i class="fa-brands fa-linkedin-in"></i></a> <a href="contact.html#"><i class="fa-brands fa-youtube"></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.html" class="header-logo"> <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="contact.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="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> <!--<< Breadcrumb Section Start >>--> <div class="breadcrumb-wrapper bg-cover" style="background-image: url('assets/img/bg-header-banner.jpg');"> <div class="container"> <div class="page-heading"> <ul class="breadcrumb-items wow fadeInUp" data-wow-delay=".3s"> <li> <a href="index.html"> Home </a> </li> <li> <i class="fas fa-chevron-right"></i> </li> <li> Contact </li> </ul> <h1 class="wow fadeInUp" data-wow-delay=".5s">Contact</h1> </div> </div> </div> <!-- Contact Section Start --> <section class="contact-section-1 fix section-padding pb-0"> <div class="container"> <div class="contact-wrapper-area"> <div class="row g-4"> <div class="col-lg-9"> <div class="contact-content"> <div class="section-title"> <img src="assets/img/sub-icon.png" alt="icon-img" class="wow fadeInUp"> <span class="wow fadeInUp" data-wow-delay=".2s">contact us</span> <h2 class="wow fadeInUp" data-wow-delay=".4s"> Drop us a Line </h2> </div> <form action="#" id="contact-form" method="POST" class="contact-form-items mt-5 mt-md-0"> <div class="row g-4"> <div class="col-lg-6"> <div class="form-clt"> <input type="text" name="name" id="name" placeholder="Your Name"> </div> </div> <div class="col-lg-6"> <div class="form-clt"> <input type="text" name="email" id="email2" placeholder="Your Email"> </div> </div> <div class="col-lg-6"> <div class="form-clt"> <input type="text" name="subject" id="subject" placeholder="Subject"> </div> </div> <div class="col-lg-6"> <div class="form-clt"> <input type="text" name="phone" id="phone" placeholder="Phone"> </div> </div> <div class="col-lg-12"> <div class="form-clt"> <textarea name="message" id="message" placeholder="Write a Comment"></textarea> </div> </div> <div class="col-lg-6"> <button type="submit" class="theme-btn"> Send a Message </button> </div> </div> </form> </div> </div> <div class="col-lg-3"> <div class="contact-right-items"> <div class="contact-img"> <img src="assets/img/contact.jpg" alt="img"> </div> <div class="icon-items"> <div class="icon"> <img src="assets/img/question.png" alt="img"> </div> <div class="content"> <p>Have Question?</p> <h6><a href="tel:+923076806860">+ 92 ( 307 ) 68 - 06860</a></h6> </div> </div> <div class="icon-items"> <div class="icon"> <img src="assets/img/email.png" alt="img"> </div> <div class="content"> <p>Write Email</p> <h6><a href="mailto:info@example.com" class="link">info@example.com</a></h6> </div> </div> <div class="icon-items"> <div class="icon"> <img src="assets/img/location.png" alt="img"> </div> <div class="content"> <p>Visit Office</p> <h6> 24 Valentin, Street Road <br> New York </h6> </div> </div> <div class="social-icon d-flex align-items-center"> <a href="contact.html#"><i class="fab fa-facebook-f"></i></a> <a href="contact.html#"><i class="fab fa-twitter"></i></a> <a href="contact.html#"><i class="fa-brands fa-linkedin-in"></i></a> <a href="contact.html#"><i class="fa-brands fa-youtube"></i></a> </div> </div> </div> </div> </div> </div> </section> <!--<< Map Section Start >>--> <div class="map-section"> <div class="map-items"> <div class="googpemap"> <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d6678.7619084840835!2d144.9618311901502!3d-37.81450084255415!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x6ad642b4758afc1d:0x3119cc820fdfc62e!2sEnvato!5e0!3m2!1sen!2sbd!4v1641984054261!5m2!1sen!2sbd" style="border:0;" allowfullscreen="" loading="lazy"></iframe> </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="contact.html#"><i class="fab fa-facebook-f"></i></a> <a href="contact.html#"><i class="fab fa-twitter"></i></a> <a href="contact.html#"><i class="fa-brands fa-linkedin-in"></i></a> <a href="contact.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"> <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-4 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="email" 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> <!--<< Ajax-Mail.js >>--> <script src="assets/js/ajax-mail.js"></script> <!--<< Main.js >>--> <script src="assets/js/main.js"></script> </body> </html>