Files
4WDCSA.co.za/uploads/signatures/index.html
Local Administrator b83134aca3 Initial commit
2025-04-18 10:32:42 +02:00

1065 lines
66 KiB
HTML
Raw Permalink Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
<!DOCTYPE html>
<html lang="zxx">
<head>
<!-- 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 white-menu menu-absolute">
<!--Header-Upper-->
<div class="header-upper 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.html"><img src="assets/images/logos/logo.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.html">
<img src="assets/images/logos/logo.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.html">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="tour-details.html">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.html">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>
<!-- Nav Search -->
<div class="nav-search">
<button class="far fa-search"></button>
<form action="#" class="hide">
<input type="text" placeholder="Search" class="searchbox" required="">
<button type="submit" class="searchbutton far fa-search"></button>
</form>
</div>
<!-- Menu Button -->
<div class="menu-btns py-10">
<a href="contact.html" 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.html">
<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.html"><i class="fab fa-twitter"></i></a>
<a href="contact.html"><i class="fab fa-facebook-f"></i></a>
<a href="contact.html"><i class="fab fa-instagram"></i></a>
<a href="#"><i class="fab fa-pinterest-p"></i></a>
</div>
</div>
</section>
<!--End Hidden Sidebar -->
<!-- Hero Area Start -->
<section class="hero-area bgc-black pt-200 rpt-120 rel z-2">
<div class="container-fluid">
<h1 class="hero-title" data-aos="flip-up" data-aos-delay="50" data-aos-duration="1500" data-aos-offset="50">tour & Travel</h1>
<div class="main-hero-image bgs-cover" style="background-image: url(assets/images/hero/hero.jpg);"></div>
</div>
<div class="container container-1400">
<div class="search-filter-inner" data-aos="zoom-out-down" data-aos-duration="1500" data-aos-offset="50">
<div class="filter-item clearfix">
<div class="icon"><i class="fal fa-map-marker-alt"></i></div>
<span class="title">Destinations</span>
<select name="city" id="city">
<option value="value1">City or Region</option>
<option value="value2">City</option>
<option value="value2">Region</option>
</select>
</div>
<div class="filter-item clearfix">
<div class="icon"><i class="fal fa-flag"></i></div>
<span class="title">All Activity</span>
<select name="activity" id="activity">
<option value="value1">Choose Activity</option>
<option value="value2">Daily</option>
<option value="value2">Monthly</option>
</select>
</div>
<div class="filter-item clearfix">
<div class="icon"><i class="fal fa-calendar-alt"></i></div>
<span class="title">Departure Date</span>
<select name="date" id="date">
<option value="value1">Date from</option>
<option value="value2">10</option>
<option value="value2">20</option>
</select>
</div>
<div class="filter-item clearfix">
<div class="icon"><i class="fal fa-users"></i></div>
<span class="title">Guests</span>
<select name="cuests" id="cuests">
<option value="value1">0</option>
<option value="value2">1</option>
<option value="value2">2</option>
</select>
</div>
<div class="search-button">
<button class="theme-btn">
<span data-hover="Search">Search</span>
<i class="far fa-search"></i>
</button>
</div>
</div>
</div>
</section>
<!-- Hero Area End -->
<!-- Destinations Area start -->
<section class="destinations-area bgc-black pt-100 pb-70 rel z-1">
<div class="container-fluid">
<div class="row justify-content-center">
<div class="col-lg-12">
<div class="section-title text-white text-center counter-text-wrap mb-70" data-aos="fade-up" data-aos-duration="1500" data-aos-offset="50">
<h2>Discover the World's Treasures with Ravelo</h2>
<p>One site <span class="count-text plus" data-speed="3000" data-stop="34500">0</span> most popular experience youll remember</p>
</div>
</div>
</div>
<div class="row justify-content-center">
<div class="col-xxl-3 col-xl-4 col-md-6">
<div class="destination-item" data-aos="fade-up" data-aos-duration="1500" data-aos-offset="50">
<div class="image">
<div class="ratting"><i class="fas fa-star"></i> 4.8</div>
<a href="#" class="heart"><i class="fas fa-heart"></i></a>
<img src="assets/images/destinations/visiting-place1.jpg" alt="Destination">
</div>
<div class="content">
<span class="location"><i class="fal fa-map-marker-alt"></i> Tours, France</span>
<h5><a href="destination-details.html">Brown Concrete Building Basilica St Martin</a></h5>
<span class="time">3 days 2 nights - Couple</span>
</div>
<div class="destination-footer">
<span class="price"><span>$58.00</span>/per person</span>
<a href="#" class="read-more">Book Now <i class="fal fa-angle-right"></i></a>
</div>
</div>
</div>
<div class="col-xxl-3 col-xl-4 col-md-6">
<div class="destination-item" data-aos="fade-up" data-aos-delay="100" data-aos-duration="1500" data-aos-offset="50">
<div class="image">
<div class="ratting"><i class="fas fa-star"></i> 4.8</div>
<a href="#" class="heart"><i class="fas fa-heart"></i></a>
<img src="assets/images/destinations/visiting-place2.jpg" alt="Destination">
</div>
<div class="content">
<span class="location"><i class="fal fa-map-marker-alt"></i> Wildest, Italy</span>
<h5><a href="destination-details.html">Blue lake water view taken travel with daytime</a></h5>
<span class="time">3 days 2 nights - Couple</span>
</div>
<div class="destination-footer">
<span class="price"><span>$63.00</span>/per person</span>
<a href="#" class="read-more">Book Now <i class="fal fa-angle-right"></i></a>
</div>
</div>
</div>
<div class="col-xxl-3 col-xl-4 col-md-6">
<div class="destination-item" data-aos="fade-up" data-aos-delay="200" data-aos-duration="1500" data-aos-offset="50">
<div class="image">
<div class="ratting"><i class="fas fa-star"></i> 4.8</div>
<a href="#" class="heart"><i class="fas fa-heart"></i></a>
<img src="assets/images/destinations/visiting-place3.jpg" alt="Destination">
</div>
<div class="content">
<span class="location"><i class="fal fa-map-marker-alt"></i> Rome, Italy</span>
<h5><a href="destination-details.html">Woman standing near Colosseum, Rome</a></h5>
<span class="time">3 days 2 nights - Couple</span>
</div>
<div class="destination-footer">
<span class="price"><span>$42</span>/per person</span>
<a href="#" class="read-more">Book Now <i class="fal fa-angle-right"></i></a>
</div>
</div>
</div>
<div class="col-xxl-3 col-xl-4 col-md-6">
<div class="destination-item" data-aos="fade-up" data-aos-delay="300" data-aos-duration="1500" data-aos-offset="50">
<div class="image">
<div class="ratting"><i class="fas fa-star"></i> 4.8</div>
<a href="#" class="heart"><i class="fas fa-heart"></i></a>
<img src="assets/images/destinations/visiting-place4.jpg" alt="Destination">
</div>
<div class="content">
<span class="location"><i class="fal fa-map-marker-alt"></i> Rome, Italy</span>
<h5><a href="destination-details.html">Woman standing near Colosseum, Rome</a></h5>
<span class="time">3 days 2 nights - Couple</span>
</div>
<div class="destination-footer">
<span class="price"><span>$52.00</span>/per person</span>
<a href="#" class="read-more">Book Now <i class="fal fa-angle-right"></i></a>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Destinations Area end -->
<!-- About Us Area start -->
<section class="about-us-area py-100 rpb-90 rel z-1">
<div class="container">
<div class="row align-items-center">
<div class="col-xl-5 col-lg-6">
<div class="about-us-content rmb-55" data-aos="fade-left" data-aos-duration="1500" data-aos-offset="50">
<div class="section-title mb-25">
<h2>Travel with Confidence Top Reasons to Choose Our Agency</h2>
</div>
<p>We go above and beyond to make your travel dreams reality hidden gems and must-see attractions</p>
<div class="divider counter-text-wrap mt-45 mb-55"><span>We have <span><span class="count-text plus" data-speed="3000" data-stop="25">0</span> Years</span> of experience</span></div>
<div class="row">
<div class="col-6">
<div class="counter-item counter-text-wrap">
<span class="count-text k-plus" data-speed="3000" data-stop="3">0</span>
<span class="counter-title">Popular Destination</span>
</div>
</div>
<div class="col-6">
<div class="counter-item counter-text-wrap">
<span class="count-text m-plus" data-speed="3000" data-stop="9">0</span>
<span class="counter-title">Satisfied Clients</span>
</div>
</div>
</div>
<a href="destination1.html" class="theme-btn mt-10 style-two">
<span data-hover="Explore Destinations">Explore Destinations</span>
<i class="fal fa-arrow-right"></i>
</a>
</div>
</div>
<div class="col-xl-7 col-lg-6" data-aos="fade-right" data-aos-duration="1500" data-aos-offset="50">
<div class="about-us-image">
<div class="shape"><img src="assets/images/about/shape1.png" alt="Shape"></div>
<div class="shape"><img src="assets/images/about/shape2.png" alt="Shape"></div>
<div class="shape"><img src="assets/images/about/shape3.png" alt="Shape"></div>
<div class="shape"><img src="assets/images/about/shape4.png" alt="Shape"></div>
<div class="shape"><img src="assets/images/about/shape5.png" alt="Shape"></div>
<div class="shape"><img src="assets/images/about/shape6.png" alt="Shape"></div>
<div class="shape"><img src="assets/images/about/shape7.png" alt="Shape"></div>
<img src="assets/images/about/about.png" alt="About">
</div>
</div>
</div>
</div>
</section>
<!-- About Us Area end -->
<!-- Popular Destinations Area start -->
<section class="popular-destinations-area rel z-1">
<div class="container-fluid">
<div class="popular-destinations-wrap br-20 bgc-lighter pt-100 pb-70">
<div class="row justify-content-center">
<div class="col-lg-12">
<div class="section-title text-center counter-text-wrap mb-70" data-aos="fade-up" data-aos-duration="1500" data-aos-offset="50">
<h2>Explore Popular Destinations</h2>
<p>One site <span class="count-text plus" data-speed="3000" data-stop="34500">0</span> most popular experience</p>
</div>
</div>
</div>
<div class="container">
<div class="row justify-content-center">
<div class="col-xl-3 col-md-6">
<div class="destination-item style-two" data-aos="flip-up" data-aos-duration="1500" data-aos-offset="50">
<div class="image">
<a href="#" class="heart"><i class="fas fa-heart"></i></a>
<img src="assets/images/destinations/destination1.jpg" alt="Destination">
</div>
<div class="content">
<h6><a href="destination-details.html">Thailand beach</a></h6>
<span class="time">5352+ tours & 856+ Activity</span>
<a href="#" class="more"><i class="fas fa-chevron-right"></i></a>
</div>
</div>
</div>
<div class="col-xl-3 col-md-6">
<div class="destination-item style-two" data-aos="flip-up" data-aos-delay="100" data-aos-duration="1500" data-aos-offset="50">
<div class="image">
<a href="#" class="heart"><i class="fas fa-heart"></i></a>
<img src="assets/images/destinations/destination2.jpg" alt="Destination">
</div>
<div class="content">
<h6><a href="destination-details.html">Parga, Greece</a></h6>
<span class="time">5352+ tours & 856+ Activity</span>
<a href="#" class="more"><i class="fas fa-chevron-right"></i></a>
</div>
</div>
</div>
<div class="col-md-6">
<div class="destination-item style-two" data-aos="flip-up" data-aos-delay="200" data-aos-duration="1500" data-aos-offset="50">
<div class="image">
<a href="#" class="heart"><i class="fas fa-heart"></i></a>
<img src="assets/images/destinations/destination3.jpg" alt="Destination">
</div>
<div class="content">
<h6><a href="destination-details.html">Castellammare del Golfo, Italy</a></h6>
<span class="time">5352+ tours & 856+ Activity</span>
<a href="#" class="more"><i class="fas fa-chevron-right"></i></a>
</div>
</div>
</div>
<div class="col-md-6">
<div class="destination-item style-two" data-aos="flip-up" data-aos-duration="1500" data-aos-offset="50">
<div class="image">
<a href="#" class="heart"><i class="fas fa-heart"></i></a>
<img src="assets/images/destinations/destination4.jpg" alt="Destination">
</div>
<div class="content">
<h6><a href="destination-details.html">Reserve of Canada, Canada</a></h6>
<span class="time">5352+ tours & 856+ Activity</span>
<a href="#" class="more"><i class="fas fa-chevron-right"></i></a>
</div>
</div>
</div>
<div class="col-xl-3 col-md-6">
<div class="destination-item style-two" data-aos="flip-up" data-aos-delay="100" data-aos-duration="1500" data-aos-offset="50">
<div class="image">
<a href="#" class="heart"><i class="fas fa-heart"></i></a>
<img src="assets/images/destinations/destination5.jpg" alt="Destination">
</div>
<div class="content">
<h6><a href="destination-details.html">Dubai united states</a></h6>
<span class="time">5352+ tours & 856+ Activity</span>
<a href="#" class="more"><i class="fas fa-chevron-right"></i></a>
</div>
</div>
</div>
<div class="col-xl-3 col-md-6">
<div class="destination-item style-two" data-aos="flip-up" data-aos-delay="200" data-aos-duration="1500" data-aos-offset="50">
<div class="image">
<a href="#" class="heart"><i class="fas fa-heart"></i></a>
<img src="assets/images/destinations/destination6.jpg" alt="Destination">
</div>
<div class="content">
<h6><a href="destination-details.html">Milos, Greece</a></h6>
<span class="time">5352+ tours & 856+ Activity</span>
<a href="#" class="more"><i class="fas fa-chevron-right"></i></a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Popular Destinations Area end -->
<!-- Features Area start -->
<section class="features-area pt-100 pb-45 rel z-1">
<div class="container">
<div class="row align-items-center">
<div class="col-xl-6">
<div class="features-content-part mb-55" data-aos="fade-left" data-aos-duration="1500" data-aos-offset="50">
<div class="section-title mb-60">
<h2>The Ultimate Travel Experience Features That Set Our Agency Apart</h2>
</div>
<div class="features-customer-box">
<div class="image">
<img src="assets/images/features/features-box.jpg" alt="Features">
</div>
<div class="content">
<div class="feature-authors mb-15">
<img src="assets/images/features/feature-author1.jpg" alt="Author">
<img src="assets/images/features/feature-author2.jpg" alt="Author">
<img src="assets/images/features/feature-author3.jpg" alt="Author">
<span>4k+</span>
</div>
<h6>850K+ Happy Customer</h6>
<div class="divider style-two counter-text-wrap my-25"><span><span class="count-text plus" data-speed="3000" data-stop="25">0</span> Years</span></div>
<p>We pride ourselves offering personalized itineraries</p>
</div>
</div>
</div>
</div>
<div class="col-xl-6" data-aos="fade-right" data-aos-duration="1500" data-aos-offset="50">
<div class="row pb-25">
<div class="col-md-6">
<div class="feature-item">
<div class="icon"><i class="flaticon-tent"></i></div>
<div class="content">
<h5><a href="tour-details.html">Tent Camping</a></h5>
<p>Tent camping is wonderful way to connect with nature</p>
</div>
</div>
<div class="feature-item">
<div class="icon"><i class="flaticon-tent"></i></div>
<div class="content">
<h5><a href="tour-details.html">Kayaking</a></h5>
<p>Kayaking is a thrilling outdoor activity that adventure</p>
</div>
</div>
</div>
<div class="col-md-6">
<div class="feature-item mt-20">
<div class="icon"><i class="flaticon-tent"></i></div>
<div class="content">
<h5><a href="tour-details.html">Mountain Biking</a></h5>
<p>Mountain biking is exhilarating sport that physical fitness</p>
</div>
</div>
<div class="feature-item">
<div class="icon"><i class="flaticon-tent"></i></div>
<div class="content">
<h5><a href="tour-details.html">Fishing & Boat</a></h5>
<p>Fishing and boat bring joy quintessential activities that</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Features Area end -->
<!-- Hotel Area start -->
<section class="hotel-area bgc-black py-100 rel z-1">
<div class="container-fluid">
<div class="row justify-content-center">
<div class="col-lg-12">
<div class="section-title text-white text-center counter-text-wrap mb-70" data-aos="fade-up" data-aos-duration="1500" data-aos-offset="50">
<h2>Discover the World's Class Top Hotel</h2>
<p>One site <span class="count-text plus" data-speed="3000" data-stop="34500">0</span> most popular experience youll remember</p>
</div>
</div>
</div>
<div class="row justify-content-center">
<div class="col-xxl-6 col-xl-8 col-lg-10">
<div class="destination-item style-three" data-aos="fade-up" data-aos-duration="1500" data-aos-offset="50">
<div class="image">
<div class="ratting"><i class="fas fa-star"></i> 4.8</div>
<a href="#" class="heart"><i class="fas fa-heart"></i></a>
<img src="assets/images/destinations/hotel1.jpg" alt="Hotel">
</div>
<div class="content">
<span class="location"><i class="fal fa-map-marker-alt"></i> Ao Nang, Thailand</span>
<h5><a href="destination-details.html">The brown bench near swimming pool Hotel</a></h5>
<ul class="list-style-one">
<li><i class="fal fa-bed-alt"></i> 2 Bed room</li>
<li><i class="fal fa-hat-chef"></i> 1 kitchen</li>
<li><i class="fal fa-bath"></i> 2 Wash room</li>
<li><i class="fal fa-router"></i> Internet</li>
</ul>
<div class="destination-footer">
<span class="price"><span>$85.00</span>/per night</span>
<a href="#" class="read-more">Book Now <i class="fal fa-angle-right"></i></a>
</div>
</div>
</div>
</div>
<div class="col-xxl-6 col-xl-8 col-lg-10">
<div class="destination-item style-three" data-aos="fade-up" data-aos-delay="50" data-aos-duration="1500" data-aos-offset="50">
<div class="image">
<div class="ratting"><i class="fas fa-star"></i> 4.8</div>
<a href="#" class="heart"><i class="fas fa-heart"></i></a>
<img src="assets/images/destinations/hotel2.jpg" alt="Hotel">
</div>
<div class="content">
<span class="location"><i class="fal fa-map-marker-alt"></i> Kigali, Rwanda</span>
<h5><a href="destination-details.html">Green trees and body of water Marriott Hotel</a></h5>
<ul class="list-style-one">
<li><i class="fal fa-bed-alt"></i> 2 Bed room</li>
<li><i class="fal fa-hat-chef"></i> 1 kitchen</li>
<li><i class="fal fa-bath"></i> 2 Wash room</li>
<li><i class="fal fa-router"></i> Internet</li>
</ul>
<div class="destination-footer">
<span class="price"><span>$85.00</span>/per night</span>
<a href="#" class="read-more">Book Now <i class="fal fa-angle-right"></i></a>
</div>
</div>
</div>
</div>
<div class="col-xxl-6 col-xl-8 col-lg-10">
<div class="destination-item style-three" data-aos="fade-up" data-aos-duration="1500" data-aos-offset="50">
<div class="content">
<span class="location"><i class="fal fa-map-marker-alt"></i> Ao Nang, Thailand</span>
<h5><a href="#">Painted house surrounded with trees Hotel</a></h5>
<ul class="list-style-one">
<li><i class="fal fa-bed-alt"></i> 2 Bed room</li>
<li><i class="fal fa-hat-chef"></i> 1 kitchen</li>
<li><i class="fal fa-bath"></i> 2 Wash room</li>
<li><i class="fal fa-router"></i> Internet</li>
</ul>
<div class="destination-footer">
<span class="price"><span>$85.00</span>/per night</span>
<a href="#" class="read-more">Book Now <i class="fal fa-angle-right"></i></a>
</div>
</div>
<div class="image">
<div class="ratting"><i class="fas fa-star"></i> 4.8</div>
<a href="#" class="heart"><i class="fas fa-heart"></i></a>
<img src="assets/images/destinations/hotel3.jpg" alt="Hotel">
</div>
</div>
</div>
<div class="col-xxl-6 col-xl-8 col-lg-10">
<div class="destination-item style-three" data-aos="fade-up" data-aos-delay="50" data-aos-duration="1500" data-aos-offset="50">
<div class="content">
<span class="location"><i class="fal fa-map-marker-alt"></i> Ao Nang, Thailand</span>
<h5><a href="#">house pool Jungle Pool Indonesia Hotel</a></h5>
<ul class="list-style-one">
<li><i class="fal fa-bed-alt"></i> 2 Bed room</li>
<li><i class="fal fa-hat-chef"></i> 1 kitchen</li>
<li><i class="fal fa-bath"></i> 2 Wash room</li>
<li><i class="fal fa-router"></i> Internet</li>
</ul>
<div class="destination-footer">
<span class="price"><span>$85.00</span>/per night</span>
<a href="#" class="read-more">Book Now <i class="fal fa-angle-right"></i></a>
</div>
</div>
<div class="image">
<div class="ratting"><i class="fas fa-star"></i> 4.8</div>
<a href="#" class="heart"><i class="fas fa-heart"></i></a>
<img src="assets/images/destinations/hotel4.jpg" alt="Hotel">
</div>
</div>
</div>
</div>
<div class="hotel-more-btn text-center mt-40">
<a href="destination2.html" class="theme-btn style-four">
<span data-hover="Explore More Hotel">Explore More Hotel</span>
<i class="fal fa-arrow-right"></i>
</a>
</div>
</div>
</section>
<!-- Hotel Area end -->
<!-- Mobile App Area start -->
<section class="mobile-app-area py-100 rel z-1">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-5">
<div class="mobile-app-content rmb-55" data-aos="fade-left" data-aos-duration="1500" data-aos-offset="50">
<div class="section-title mb-30">
<h2>We Are Available On the Store Get Our Mobile Apps Very Easily</h2>
</div>
<p>We go above and beyond to make your travel dreams a reality. Trust us to handle the details so you can creating unforgettable memories. Explore the world with confidence</p>
<ul class="list-style-two mt-35 mb-30">
<li>Experience Agency</li>
<li>Professional Team</li>
<li>Low Cost Travel</li>
<li>Online Support 24/7</li>
</ul>
<div class="google-play-app-store">
<a href="#"><img src="assets/images/mobile-app/g-play.jpg" alt="Google Play"></a>
<a href="#"><img src="assets/images/mobile-app/a-store.jpg" alt="App Store"></a>
</div>
</div>
</div>
<div class="col-lg-7">
<div class="mobile-app-images">
<div class="bg"><img src="assets/images/mobile-app/phone-bg.png" alt="BG"></div>
<div class="images">
<img src="assets/images/mobile-app/phone2.png" alt="Phone" data-aos="fade-down-left" data-aos-duration="1500" data-aos-offset="50">
<img src="assets/images/mobile-app/phone.png" alt="Phone">
<img src="assets/images/mobile-app/phone3.png" alt="Phone" data-aos="fade-up-right" data-aos-duration="1500" data-aos-offset="50">
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Mobile App Area end -->
<!-- Testimonials Area start -->
<section class="testimonials-area rel z-1">
<div class="container">
<div class="testimonials-wrap bgc-lighter">
<div class="row">
<div class="col-lg-5 rel" data-aos="fade-right" data-aos-duration="1500" data-aos-offset="50">
<div class="testimonial-left-image rmb-55" style="background-image: url(assets/images/testimonials/testimonial-left.jpg);"></div>
</div>
<div class="col-lg-7">
<div class="testimonial-right-content" data-aos="fade-left" data-aos-duration="1500" data-aos-offset="50">
<div class="section-title mb-55">
<h2><span>5280</span> Global Clients Say About Us Services</h2>
</div>
<div class="testimonials-active">
<div class="testimonial-item">
<div class="testi-header">
<div class="quote"><i class="flaticon-double-quotes"></i></div>
<h4>Quality Services</h4>
<div class="ratting">
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
</div>
</div>
<div class="text">"Our trip was absolutely a perfect, thanks this travel agency! They took care of every detail, from to accommodations, and even suggested incredible experiences"</div>
<div class="author">
<div class="image"><img src="assets/images/testimonials/author.jpg" alt="Author"></div>
<div class="content">
<h5>Randall V. Vasquez</h5>
<span>Graphics Designer</span>
</div>
</div>
</div>
<div class="testimonial-item">
<div class="testi-header">
<div class="quote"><i class="flaticon-double-quotes"></i></div>
<h4>Quality Services</h4>
<div class="ratting">
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
</div>
</div>
<div class="text">"Our trip was absolutely a perfect, thanks this travel agency! They took care of every detail, from to accommodations, and even suggested incredible experiences"</div>
<div class="author">
<div class="image"><img src="assets/images/testimonials/author.jpg" alt="Author"></div>
<div class="content">
<h5>Randall V. Vasquez</h5>
<span>Graphics Designer</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Testimonials Area end -->
<!-- CTA Area start -->
<section class="cta-area pt-100 rel z-1">
<div class="container-fluid">
<div class="row">
<div class="col-xl-4 col-md-6" data-aos="zoom-in-down" data-aos-duration="1500" data-aos-offset="50">
<div class="cta-item" style="background-image: url(assets/images/cta/cta1.jpg);">
<span class="category">Tent Camping</span>
<h2>Explore the world best tourism</h2>
<a href="tour-details.html" class="theme-btn style-two bgc-secondary">
<span data-hover="Explore Tours">Explore Tours</span>
<i class="fal fa-arrow-right"></i>
</a>
</div>
</div>
<div class="col-xl-4 col-md-6" data-aos="zoom-in-down" data-aos-delay="50" data-aos-duration="1500" data-aos-offset="50">
<div class="cta-item" style="background-image: url(assets/images/cta/cta2.jpg);">
<span class="category">Sea Beach</span>
<h2>World largest Sea Beach in Thailand</h2>
<a href="tour-details.html" class="theme-btn style-two">
<span data-hover="Explore Tours">Explore Tours</span>
<i class="fal fa-arrow-right"></i>
</a>
</div>
</div>
<div class="col-xl-4 col-md-6" data-aos="zoom-in-down" data-aos-delay="100" data-aos-duration="1500" data-aos-offset="50">
<div class="cta-item" style="background-image: url(assets/images/cta/cta3.jpg);">
<span class="category">Water Falls</span>
<h2>Largest Water falls Bali, Indonesia</h2>
<a href="tour-details.html" class="theme-btn style-two bgc-secondary">
<span data-hover="Explore Tours">Explore Tours</span>
<i class="fal fa-arrow-right"></i>
</a>
</div>
</div>
</div>
</div>
</section>
<!-- CTA Area end -->
<!-- Blog Area start -->
<section class="blog-area py-70 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-70" data-aos="fade-up" data-aos-duration="1500" data-aos-offset="50">
<h2>Read Latest News & Blog</h2>
<p>One site <span class="count-text plus bgc-primary" data-speed="3000" data-stop="34500">0</span> most popular experience youll remember</p>
</div>
</div>
</div>
<div class="row justify-content-center">
<div class="col-xl-4 col-md-6">
<div class="blog-item" data-aos="fade-up" data-aos-duration="1500" data-aos-offset="50">
<div class="content">
<a href="blog.html" class="category">Travel</a>
<h5><a href="blog-details.html">Ultimate Guide to Planning Your Dream Vacation with Ravelo Travel Agency</a></h5>
<ul class="blog-meta">
<li><i class="far fa-calendar-alt"></i> <a href="#">25 February 2024</a></li>
<li><i class="far fa-comments"></i> <a href="#">Comments (5)</a></li>
</ul>
</div>
<div class="image">
<img src="assets/images/blog/blog1.jpg" alt="Blog">
</div>
<a href="blog-details.html" class="theme-btn">
<span data-hover="Book Now">Read More</span>
<i class="fal fa-arrow-right"></i>
</a>
</div>
</div>
<div class="col-xl-4 col-md-6">
<div class="blog-item" data-aos="fade-up" data-aos-delay="50" data-aos-duration="1500" data-aos-offset="50">
<div class="content">
<a href="blog.html" class="category">Travel</a>
<h5><a href="blog-details.html">Unforgettable Adventures Travel Agency Bucket List Experiences</a></h5>
<ul class="blog-meta">
<li><i class="far fa-calendar-alt"></i> <a href="#">25 February 2024</a></li>
<li><i class="far fa-comments"></i> <a href="#">Comments (5)</a></li>
</ul>
</div>
<div class="image">
<img src="assets/images/blog/blog2.jpg" alt="Blog">
</div>
<a href="blog-details.html" class="theme-btn">
<span data-hover="Book Now">Read More</span>
<i class="fal fa-arrow-right"></i>
</a>
</div>
</div>
<div class="col-xl-4 col-md-6">
<div class="blog-item" data-aos="fade-up" data-aos-delay="100" data-aos-duration="1500" data-aos-offset="50">
<div class="content">
<a href="blog.html" class="category">Travel</a>
<h5><a href="blog-details.html">Exploring Culture and way Cuisine Travel Agency's they Best Foodie Destinations</a></h5>
<ul class="blog-meta">
<li><i class="far fa-calendar-alt"></i> <a href="#">25 February 2024</a></li>
<li><i class="far fa-comments"></i> <a href="#">Comments (5)</a></li>
</ul>
</div>
<div class="image">
<img src="assets/images/blog/blog3.jpg" alt="Blog">
</div>
<a href="blog-details.html" class="theme-btn">
<span data-hover="Book Now">Read More</span>
<i class="fal fa-arrow-right"></i>
</a>
</div>
</div>
</div>
</div>
</section>
<!-- Blog Area end -->
<!-- footer area start -->
<footer class="main-footer bgs-cover overlay rel z-1 pb-25" style="background-image: url(assets/images/backgrounds/footer.jpg);">
<div class="container">
<div class="footer-top pt-100 pb-30">
<div class="row justify-content-between">
<div class="col-xl-5 col-lg-6" data-aos="fade-up" data-aos-duration="1500" data-aos-offset="50">
<div class="footer-widget footer-text">
<div class="footer-logo mb-25">
<a href="index.html"><img src="assets/images/logos/logo.png" alt="Logo"></a>
</div>
<p>We curate bespoke itineraries tailored to your preferences, ensuring every trip is seamless and enriching hidden gems beaten</p>
<div class="social-style-one mt-15">
<a href="contact.html"><i class="fab fa-facebook-f"></i></a>
<a href="contact.html"><i class="fab fa-youtube"></i></a>
<a href="contact.html"><i class="fab fa-pinterest"></i></a>
<a href="contact.html"><i class="fab fa-twitter"></i></a>
</div>
</div>
</div>
<div class="col-xl-5 col-lg-6" data-aos="fade-up" data-aos-delay="50" data-aos-duration="1500" data-aos-offset="50">
<div class="section-title counter-text-wrap mb-35">
<h2>Subscribe Newsletter</h2>
<p>One site <span class="count-text plus" data-speed="3000" data-stop="34500">0</span> most popular experience youll remember</p>
</div>
<form class="newsletter-form mb-50" 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>
</div>
</div>
</div>
</div>
<div class="widget-area pt-95 pb-45">
<div class="container">
<div class="row row-cols-xl-5 row-cols-lg-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-links">
<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>
<li><a href="destination-details.html">Rental Services</a></li>
</ul>
</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">
<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.html">Jobs and Careers</a></li>
<li><a href="blog.html">latest News Blog</a></li>
<li><a href="contact.html">Contact Us</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">
<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>
<li><a href="destination-details.html">South America</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">
<div class="footer-title">
<h5>Categories</h5>
</div>
<ul class="list-style-three">
<li><a href="contact.html">Adventure</a></li>
<li><a href="contact.html">Hiking & Trekking</a></li>
<li><a href="contact.html">Cycling Tours</a></li>
<li><a href="contact.html">Family Tours</a></li>
<li><a href="contact.html">Wildlife Tours</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-clock"></i> Mon - Fri, 08am - 05pm</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 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.html">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>
<!-- Scroll Top Button -->
<button class="scroll-top scroll-to-target" data-target="html"><img src="assets/images/icons/scroll-up.png" alt="Scroll Up"></button>
</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>