495 lines
29 KiB
HTML
495 lines
29 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="zxx">
|
||
<head>
|
||
<!-- Required meta tags -->
|
||
<meta charset="utf-8">
|
||
<meta name="description" content="">
|
||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||
|
||
<!-- Title -->
|
||
<title>Ravelo - Travel & Tour Booking HTML Template</title>
|
||
<!-- Favicon Icon -->
|
||
<link rel="shortcut icon" href="assets/images/logos/favicon.png" type="image/x-icon">
|
||
<!-- Google Fonts -->
|
||
<link href="https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap" rel="stylesheet">
|
||
|
||
<!-- Flaticon -->
|
||
<link rel="stylesheet" href="assets/css/flaticon.min.css">
|
||
<!-- Font Awesome -->
|
||
<link rel="stylesheet" href="assets/css/fontawesome-5.14.0.min.css">
|
||
<!-- Bootstrap -->
|
||
<link rel="stylesheet" href="assets/css/bootstrap.min.css">
|
||
<!-- Magnific Popup -->
|
||
<link rel="stylesheet" href="assets/css/magnific-popup.min.css">
|
||
<!-- Nice Select -->
|
||
<link rel="stylesheet" href="assets/css/nice-select.min.css">
|
||
<!-- Animate -->
|
||
<link rel="stylesheet" href="assets/css/aos.css">
|
||
<!-- Slick -->
|
||
<link rel="stylesheet" href="assets/css/slick.min.css">
|
||
<!-- Main Style -->
|
||
<link rel="stylesheet" href="assets/css/style.css">
|
||
|
||
</head>
|
||
<body>
|
||
<div class="page-wrapper">
|
||
|
||
<!-- Preloader -->
|
||
<div class="preloader"><div class="custom-loader"></div></div>
|
||
|
||
<!-- main header -->
|
||
<header class="main-header header-one">
|
||
<!--Header-Upper-->
|
||
<div class="header-upper bg-white py-30 rpy-0">
|
||
<div class="container-fluid clearfix">
|
||
|
||
<div class="header-inner rel d-flex align-items-center">
|
||
<div class="logo-outer">
|
||
<div class="logo"><a href="index.php"><img src="assets/images/logos/logo-two.png" alt="Logo" title="Logo"></a></div>
|
||
</div>
|
||
|
||
<div class="nav-outer mx-lg-auto ps-xxl-5 clearfix">
|
||
<!-- Main Menu -->
|
||
<nav class="main-menu navbar-expand-lg">
|
||
<div class="navbar-header">
|
||
<div class="mobile-logo">
|
||
<a href="index.php">
|
||
<img src="assets/images/logos/logo-two.png" alt="Logo" title="Logo">
|
||
</a>
|
||
</div>
|
||
|
||
<!-- Toggle Button -->
|
||
<button type="button" class="navbar-toggle" data-bs-toggle="collapse" data-bs-target=".navbar-collapse">
|
||
<span class="icon-bar"></span>
|
||
<span class="icon-bar"></span>
|
||
<span class="icon-bar"></span>
|
||
</button>
|
||
</div>
|
||
|
||
<div class="navbar-collapse collapse clearfix">
|
||
<ul class="navigation clearfix">
|
||
<li class="dropdown current"><a href="#">Home</a>
|
||
<ul>
|
||
<li><a href="index.php">Travel Agency</a></li>
|
||
<li><a href="index2.html">City Tou</a></li>
|
||
<li><a href="index3.html">Tour Package</a></li>
|
||
</ul>
|
||
</li>
|
||
<li><a href="about.html">About</a></li>
|
||
<li class="dropdown"><a href="#">Tours</a>
|
||
<ul>
|
||
<li><a href="tour-list.html">Tour List</a></li>
|
||
<li><a href="tour-grid.html">Tour Grid</a></li>
|
||
<li><a href="tour-sidebar.html">Tour Sidebar</a></li>
|
||
<li><a href="trip-details.php">Tour Details</a></li>
|
||
<li><a href="tour-guide.html">Tour Guide</a></li>
|
||
</ul>
|
||
</li>
|
||
<li class="dropdown"><a href="#">Destinations</a>
|
||
<ul>
|
||
<li><a href="destination1.html">Destination 01</a></li>
|
||
<li><a href="destination2.html">Destination 01</a></li>
|
||
<li><a href="destination-details.html">Destination Details</a></li>
|
||
</ul>
|
||
</li>
|
||
<li class="dropdown"><a href="#">Pages</a>
|
||
<ul>
|
||
<li><a href="pricing.html">Pricing</a></li>
|
||
<li><a href="faqs.html">faqs</a></li>
|
||
<li class="dropdown"><a href="#">Gallery</a>
|
||
<ul>
|
||
<li><a href="gellery-grid.html">Gallery Grid</a></li>
|
||
<li><a href="gellery-slider.html">Gallery Slider</a></li>
|
||
</ul>
|
||
</li>
|
||
<li class="dropdown"><a href="#">products</a>
|
||
<ul>
|
||
<li><a href="shop.html">Our Products</a></li>
|
||
<li><a href="product-details.html">Product Details</a></li>
|
||
</ul>
|
||
</li>
|
||
<li><a href="contact.php">Contact Us</a></li>
|
||
<li><a href="404.html">404 Error</a></li>
|
||
</ul>
|
||
</li>
|
||
<li class="dropdown"><a href="#">blog</a>
|
||
<ul>
|
||
<li><a href="blog.html">blog List</a></li>
|
||
<li><a href="blog-details.html">blog details</a></li>
|
||
</ul>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
|
||
</nav>
|
||
<!-- Main Menu End-->
|
||
</div>
|
||
|
||
<!-- Menu Button -->
|
||
<div class="menu-btns py-10">
|
||
<a href="contact.php" class="theme-btn style-two bgc-secondary">
|
||
<span data-hover="Book Now">Book Now</span>
|
||
<i class="fal fa-arrow-right"></i>
|
||
</a>
|
||
<!-- menu sidbar -->
|
||
<div class="menu-sidebar">
|
||
<button class="bg-transparent">
|
||
<span class="icon-bar"></span>
|
||
<span class="icon-bar"></span>
|
||
<span class="icon-bar"></span>
|
||
</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!--End Header Upper-->
|
||
</header>
|
||
|
||
|
||
<!--Form Back Drop-->
|
||
<div class="form-back-drop"></div>
|
||
|
||
<!-- Hidden Sidebar -->
|
||
<section class="hidden-bar">
|
||
<div class="inner-box text-center">
|
||
<div class="cross-icon"><span class="fa fa-times"></span></div>
|
||
<div class="title">
|
||
<h4>Get Appointment</h4>
|
||
</div>
|
||
|
||
<!--Appointment Form-->
|
||
<div class="appointment-form">
|
||
<form method="post" action="contact.php">
|
||
<div class="form-group">
|
||
<input type="text" name="text" value="" placeholder="Name" required>
|
||
</div>
|
||
<div class="form-group">
|
||
<input type="email" name="email" value="" placeholder="Email Address" required>
|
||
</div>
|
||
<div class="form-group">
|
||
<textarea placeholder="Message" rows="5"></textarea>
|
||
</div>
|
||
<div class="form-group">
|
||
<button type="submit" class="theme-btn style-two">
|
||
<span data-hover="Submit now">Submit now</span>
|
||
<i class="fal fa-arrow-right"></i>
|
||
</button>
|
||
</div>
|
||
</form>
|
||
</div>
|
||
|
||
<!--Social Icons-->
|
||
<div class="social-style-one">
|
||
<a href="contact.php"><i class="fab fa-twitter"></i></a>
|
||
<a href="contact.php"><i class="fab fa-facebook-f"></i></a>
|
||
<a href="contact.php"><i class="fab fa-instagram"></i></a>
|
||
<a href="#"><i class="fab fa-pinterest-p"></i></a>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
<!--End Hidden Sidebar -->
|
||
|
||
|
||
<!-- Page Banner Start -->
|
||
<section class="page-banner-area pt-50 pb-35 rel z-1 bgs-cover" style="background-image: url(assets/images/banner/banner.jpg);">
|
||
<div class="container">
|
||
<div class="banner-inner text-white">
|
||
<h2 class="page-title mb-10" data-aos="fade-left" data-aos-duration="1500" data-aos-offset="50">Gallery Grid</h2>
|
||
<nav aria-label="breadcrumb">
|
||
<ol class="breadcrumb justify-content-center mb-20" data-aos="fade-right" data-aos-delay="200" data-aos-duration="1500" data-aos-offset="50">
|
||
<li class="breadcrumb-item"><a href="index.php">Home</a></li>
|
||
<li class="breadcrumb-item active">Gallery Grid</li>
|
||
</ol>
|
||
</nav>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
<!-- Page Banner End -->
|
||
|
||
|
||
<!-- Gallery Area start -->
|
||
<section class="gallery-two-area py-100 rel z-1">
|
||
<div class="container">
|
||
<div class="row justify-content-center">
|
||
<div class="col-lg-12">
|
||
<div class="section-title text-center counter-text-wrap mb-50" data-aos="fade-up" data-aos-duration="1500" data-aos-offset="50">
|
||
<h2>Explore Our Photo Gallery</h2>
|
||
<p>One site <span class="count-text plus" data-speed="3000" data-stop="34500">0</span> most popular experience you’ll remember</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="row">
|
||
<div class="col-lg-4 col-sm-6">
|
||
<div class="gallery-two-item" data-aos="fade-up" data-aos-duration="1500" data-aos-offset="50">
|
||
<div class="image">
|
||
<img src="assets/images/gallery/gallery1.jpg" alt="Gallery">
|
||
<a href="destination-details.html" class="link"><i class="fal fa-arrow-right"></i></a>
|
||
</div>
|
||
<div class="content">
|
||
<span class="category">Tour & Travel</span>
|
||
<h5><a href="destination-details.html">Brown Concrete Building</a></h5>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-lg-4 col-sm-6">
|
||
<div class="gallery-two-item" data-aos="fade-up" data-aos-duration="1500" data-aos-offset="50" data-aos-delay="50">
|
||
<div class="image">
|
||
<img src="assets/images/gallery/gallery2.jpg" alt="Gallery">
|
||
<a href="destination-details.html" class="link"><i class="fal fa-arrow-right"></i></a>
|
||
</div>
|
||
<div class="content">
|
||
<span class="category">Tour & Travel</span>
|
||
<h5><a href="destination-details.html">Swimming near boat</a></h5>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-lg-4 col-sm-6">
|
||
<div class="gallery-two-item" data-aos="fade-up" data-aos-duration="1500" data-aos-offset="50" data-aos-delay="100">
|
||
<div class="image">
|
||
<img src="assets/images/gallery/gallery3.jpg" alt="Gallery">
|
||
<a href="destination-details.html" class="link"><i class="fal fa-arrow-right"></i></a>
|
||
</div>
|
||
<div class="content">
|
||
<span class="category">Tour & Travel</span>
|
||
<h5><a href="destination-details.html">Building in the desert</a></h5>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-lg-4 col-sm-6">
|
||
<div class="gallery-two-item" data-aos="fade-up" data-aos-duration="1500" data-aos-offset="50">
|
||
<div class="image">
|
||
<img src="assets/images/gallery/gallery4.jpg" alt="Gallery">
|
||
<a href="destination-details.html" class="link"><i class="fal fa-arrow-right"></i></a>
|
||
</div>
|
||
<div class="content">
|
||
<span class="category">Tour & Travel</span>
|
||
<h5><a href="destination-details.html">Cliff near shore beach</a></h5>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-lg-4 col-sm-6">
|
||
<div class="gallery-two-item" data-aos="fade-up" data-aos-duration="1500" data-aos-offset="50" data-aos-delay="50">
|
||
<div class="image">
|
||
<img src="assets/images/gallery/gallery5.jpg" alt="Gallery">
|
||
<a href="destination-details.html" class="link"><i class="fal fa-arrow-right"></i></a>
|
||
</div>
|
||
<div class="content">
|
||
<span class="category">Tour & Travel</span>
|
||
<h5><a href="destination-details.html">Tent camping in the desert</a></h5>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-lg-4 col-sm-6">
|
||
<div class="gallery-two-item" data-aos="fade-up" data-aos-duration="1500" data-aos-offset="50" data-aos-delay="100">
|
||
<div class="image">
|
||
<img src="assets/images/gallery/gallery6.jpg" alt="Gallery">
|
||
<a href="destination-details.html" class="link"><i class="fal fa-arrow-right"></i></a>
|
||
</div>
|
||
<div class="content">
|
||
<span class="category">Tour & Travel</span>
|
||
<h5><a href="destination-details.html">Machu Picchu, Peru</a></h5>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-lg-4 col-sm-6">
|
||
<div class="gallery-two-item" data-aos="fade-up" data-aos-duration="1500" data-aos-offset="50">
|
||
<div class="image">
|
||
<img src="assets/images/gallery/gallery7.jpg" alt="Gallery">
|
||
<a href="destination-details.html" class="link"><i class="fal fa-arrow-right"></i></a>
|
||
</div>
|
||
<div class="content">
|
||
<span class="category">Tour & Travel</span>
|
||
<h5><a href="destination-details.html">Gray and black fish under water</a></h5>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-lg-4 col-sm-6">
|
||
<div class="gallery-two-item" data-aos="fade-up" data-aos-duration="1500" data-aos-offset="50" data-aos-delay="50">
|
||
<div class="image">
|
||
<img src="assets/images/gallery/gallery8.jpg" alt="Gallery">
|
||
<a href="destination-details.html" class="link"><i class="fal fa-arrow-right"></i></a>
|
||
</div>
|
||
<div class="content">
|
||
<span class="category">Tour & Travel</span>
|
||
<h5><a href="destination-details.html">Yacht sailing near island</a></h5>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-lg-4 col-sm-6">
|
||
<div class="gallery-two-item" data-aos="fade-up" data-aos-duration="1500" data-aos-offset="50" data-aos-delay="100">
|
||
<div class="image">
|
||
<img src="assets/images/gallery/gallery9.jpg" alt="Gallery">
|
||
<a href="destination-details.html" class="link"><i class="fal fa-arrow-right"></i></a>
|
||
</div>
|
||
<div class="content">
|
||
<span class="category">Tour & Travel</span>
|
||
<h5><a href="destination-details.html">Ship on dock during daytime</a></h5>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-lg-12 text-center">
|
||
<a href="tour-grid.html" class="theme-btn style-two bgc-secondary">
|
||
<span data-hover="View All Gallery">View All Gallery</span>
|
||
<i class="fal fa-arrow-right"></i>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
<!-- Gallery Area end -->
|
||
|
||
|
||
<!-- Newsletter Area start -->
|
||
<section class="newsletter-three bgc-primary py-100 rel z-1" style="background-image: url(assets/images/newsletter/newsletter-bg-lines.png);">
|
||
<div class="container container-1500">
|
||
<div class="row">
|
||
<div class="col-lg-6">
|
||
<div class="newsletter-content-part text-white rmb-55" data-aos="zoom-in-right" data-aos-duration="1500" data-aos-offset="50">
|
||
<div class="section-title counter-text-wrap mb-45">
|
||
<h2>Subscribe Our Newsletter to Get more offer & Tips</h2>
|
||
<p>One site <span class="count-text plus" data-speed="3000" data-stop="34500">0</span> most popular experience you’ll remember</p>
|
||
</div>
|
||
<form class="newsletter-form mb-15" action="#">
|
||
<input id="news-email" type="email" placeholder="Email Address" required>
|
||
<button type="submit" class="theme-btn bgc-secondary style-two">
|
||
<span data-hover="Subscribe">Subscribe</span>
|
||
<i class="fal fa-arrow-right"></i>
|
||
</button>
|
||
</form>
|
||
<p>No credit card requirement. No commitments</p>
|
||
</div>
|
||
<div class="newsletter-bg-image" data-aos="zoom-in-up" data-aos-delay="100" data-aos-duration="1500" data-aos-offset="50">
|
||
<img src="assets/images/newsletter/newsletter-bg-image.png" alt="Newsletter">
|
||
</div>
|
||
</div>
|
||
<div class="col-lg-6">
|
||
<div class="newsletter-image-part bgs-cover" style="background-image: url(assets/images/newsletter/newsletter-two-right.jpg);" data-aos="fade-left" data-aos-duration="1500" data-aos-offset="50"></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
<!-- Newsletter Area end -->
|
||
|
||
|
||
<!-- footer area start -->
|
||
<footer class="main-footer footer-two bgp-bottom bgc-black rel z-15 pt-100 pb-115" style="background-image: url(assets/images/backgrounds/footer-two.png);">
|
||
<div class="widget-area">
|
||
<div class="container">
|
||
<div class="row row-cols-xxl-5 row-cols-xl-4 row-cols-md-3 row-cols-2">
|
||
<div class="col col-small" data-aos="fade-up" data-aos-duration="1500" data-aos-offset="50">
|
||
<div class="footer-widget footer-text">
|
||
<div class="footer-logo mb-40">
|
||
<a href="index.php"><img src="assets/images/logos/logo.png" alt="Logo"></a>
|
||
</div>
|
||
<div class="footer-map">
|
||
<iframe src="https://www.google.com/maps/embed?pb=!1m10!1m8!1m3!1d96777.16150026117!2d-74.00840582560909!3d40.71171357405996!3m2!1i1024!2i768!4f13.1!5e0!3m2!1sen!2sbd!4v1706508986625!5m2!1sen!2sbd" style="border:0; width: 100%;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col col-small" data-aos="fade-up" data-aos-delay="50" data-aos-duration="1500" data-aos-offset="50">
|
||
<div class="footer-widget footer-links ms-sm-5">
|
||
<div class="footer-title">
|
||
<h5>Services</h5>
|
||
</div>
|
||
<ul class="list-style-three">
|
||
<li><a href="destination-details.html">Best Tour Guide</a></li>
|
||
<li><a href="destination-details.html">Tour Booking</a></li>
|
||
<li><a href="destination-details.html">Hotel Booking</a></li>
|
||
<li><a href="destination-details.html">Ticket Booking</a></li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<div class="col col-small" data-aos="fade-up" data-aos-delay="100" data-aos-duration="1500" data-aos-offset="50">
|
||
<div class="footer-widget footer-links ms-md-4">
|
||
<div class="footer-title">
|
||
<h5>Company</h5>
|
||
</div>
|
||
<ul class="list-style-three">
|
||
<li><a href="about.html">About Company</a></li>
|
||
<li><a href="blog.html">Community Blog</a></li>
|
||
<li><a href="contact.php">Jobs and Careers</a></li>
|
||
<li><a href="blog.html">latest News Blog</a></li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<div class="col col-small" data-aos="fade-up" data-aos-delay="150" data-aos-duration="1500" data-aos-offset="50">
|
||
<div class="footer-widget footer-links ms-lg-4">
|
||
<div class="footer-title">
|
||
<h5>Destinations</h5>
|
||
</div>
|
||
<ul class="list-style-three">
|
||
<li><a href="destination-details.html">African Safaris</a></li>
|
||
<li><a href="destination-details.html">Alaska & Canada</a></li>
|
||
<li><a href="destination-details.html">South America</a></li>
|
||
<li><a href="destination-details.html">Middle East</a></li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<div class="col col-md-6 col-10 col-small" data-aos="fade-up" data-aos-delay="200" data-aos-duration="1500" data-aos-offset="50">
|
||
<div class="footer-widget footer-contact">
|
||
<div class="footer-title">
|
||
<h5>Get In Touch</h5>
|
||
</div>
|
||
<ul class="list-style-one">
|
||
<li><i class="fal fa-map-marked-alt"></i> 578 Level, D-block 45 Street Melbourne, Australia</li>
|
||
<li><i class="fal fa-envelope"></i> <a href="mailto:supportrevelo@gmail.com">supportrevelo @gmail.com</a></li>
|
||
<li><i class="fal fa-phone-volume"></i> <a href="callto:+88012334588">+880 (123) 345 88</a></li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="footer-bottom bg-transparent pt-20 pb-5">
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="col-lg-5">
|
||
<div class="copyright-text text-center text-lg-start">
|
||
<p>@Copy 2024 <a href="index.php">Ravelo</a>, All rights reserved</p>
|
||
</div>
|
||
</div>
|
||
<div class="col-lg-7 text-center text-lg-end">
|
||
<ul class="footer-bottom-nav">
|
||
<li><a href="about.html">Terms</a></li>
|
||
<li><a href="about.html">Privacy Policy</a></li>
|
||
<li><a href="about.html">Legal notice</a></li>
|
||
<li><a href="about.html">Accessibility</a></li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</footer>
|
||
<!-- footer area end -->
|
||
|
||
</div>
|
||
<!--End pagewrapper-->
|
||
|
||
|
||
<!-- Jquery -->
|
||
<script src="assets/js/jquery-3.6.0.min.js"></script>
|
||
<!-- Bootstrap -->
|
||
<script src="assets/js/bootstrap.min.js"></script>
|
||
<!-- Appear Js -->
|
||
<script src="assets/js/appear.min.js"></script>
|
||
<!-- Slick -->
|
||
<script src="assets/js/slick.min.js"></script>
|
||
<!-- Magnific Popup -->
|
||
<script src="assets/js/jquery.magnific-popup.min.js"></script>
|
||
<!-- Nice Select -->
|
||
<script src="assets/js/jquery.nice-select.min.js"></script>
|
||
<!-- Image Loader -->
|
||
<script src="assets/js/imagesloaded.pkgd.min.js"></script>
|
||
<!-- Skillbar -->
|
||
<script src="assets/js/skill.bars.jquery.min.js"></script>
|
||
<!-- Isotope -->
|
||
<script src="assets/js/isotope.pkgd.min.js"></script>
|
||
<!-- AOS Animation -->
|
||
<script src="assets/js/aos.js"></script>
|
||
<!-- Custom script -->
|
||
<script src="assets/js/script.js"></script>
|
||
|
||
</body>
|
||
</html> |