Access_New/pages/demo-travel-agency-contact.html
2024-09-05 11:33:27 +05:45

381 lines
24 KiB
HTML
Raw 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 class="no-js" lang="en">
<head>
<title>Crafto - The Multipurpose HTML5 Template</title>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="author" content="ThemeZaa">
<meta name="viewport" content="width=device-width,initial-scale=1.0" />
<meta name="description" content="Elevate your online presence with Crafto - a modern, versatile, multipurpose Bootstrap 5 responsive HTML5, SCSS template using highly creative 52+ ready demos.">
<link rel="shortcut icon" href="images/favicon.png">
<link rel="apple-touch-icon" href="images/apple-touch-icon-57x57.png">
<link rel="apple-touch-icon" sizes="72x72" href="images/apple-touch-icon-72x72.png">
<link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon-114x114.png">
<link rel="preconnect" href="https://fonts.googleapis.com" crossorigin>
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="stylesheet" href="css/vendors.min.css" />
<link rel="stylesheet" href="css/icon.min.css" />
<link rel="stylesheet" href="css/style.min.css" />
<link rel="stylesheet" href="css/responsive.min.css" />
<link rel="stylesheet" href="demos/travel-agency/travel-agency.css" />
</head>
<body data-mobile-nav-style="classic">
<header class="header-with-topbar">
<div class="header-top-bar top-bar-light bg-white md-border-bottom border-color-transparent-dark-very-light disable-fixed">
<div class="container-fluid">
<div class="row h-45px align-items-center m-0">
<div class="col-xl-6 col-lg-8 justify-content-center justify-content-lg-start">
<div class="fs-15 text-dark-gray">We have a selection of over 50 tour programs! <a href="demo-travel-agency-destinations.html" class="text-base-color fw-500 text-decoration-line-bottom">Popular Destinations</a></div>
</div>
<div class="col-xl-6 col-lg-4 text-end d-none d-lg-flex">
<a href="tel:02228899900" class="widget fs-15 text-dark-gray text-dark-gray-hover"><i class="feather icon-feather-phone-call text-base-color"></i> 0222 8899900</a>
<div class="widget fs-15 ms-30px text-dark-gray d-none d-xl-inline-block"><i class="feather icon-feather-map-pin text-base-color"></i> Broadway, 24th Floor, San Francisco</div>
</div>
</div>
</div>
</div>
<nav class="navbar navbar-expand-lg header-transparent bg-transparent border-bottom border-color-transparent-white-light disable-fixed">
<div class="container-fluid">
<div class="col-auto col-lg-2 me-auto">
<a class="navbar-brand" href="demo-travel-agency.html">
<img src="images/demo-travel-agency-logo-white.png" data-at2x="images/demo-travel-agency-logo-white@2x.png" alt class="default-logo">
<img src="images/demo-travel-agency-logo-white.png" data-at2x="images/demo-travel-agency-logo-white@2x.png" alt class="alt-logo">
<img src="images/demo-travel-agency-logo-black.png" data-at2x="images/demo-travel-agency-logo-black@2x.png" alt class="mobile-logo">
</a>
</div>
<div class="col-auto col-lg-8 menu-order position-static">
<button class="navbar-toggler float-start" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-label="Toggle navigation">
<span class="navbar-toggler-line"></span>
<span class="navbar-toggler-line"></span>
<span class="navbar-toggler-line"></span>
<span class="navbar-toggler-line"></span>
</button>
<div class="collapse navbar-collapse justify-content-center" id="navbarNav">
<ul class="navbar-nav alt-font text-uppercase">
<li class="nav-item"><a href="demo-travel-agency.html" class="nav-link">Home</a></li>
<li class="nav-item"><a href="demo-travel-agency-about.html" class="nav-link">About</a></li>
<li class="nav-item dropdown dropdown-with-icon">
<a href="demo-travel-agency-destinations.html" class="nav-link">Destinations</a>
<i class="fa-solid fa-angle-down dropdown-toggle" id="navbarDropdownMenuLink" role="button" data-bs-toggle="dropdown" aria-expanded="false"></i>
<ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
<li>
<a href="demo-travel-agency-contact.html#">
<img src="images/demo-travel-agency-home-07.jpg" alt>
<div class="submenu-icon-content">
India
<p>42 Destinations</p>
</div>
</a>
</li>
<li>
<a href="demo-travel-agency-contact.html#">
<img src="images/demo-travel-agency-home-08.jpg" alt>
<div class="submenu-icon-content">
Poland
<p>36 Destinations</p>
</div>
</a>
</li>
<li>
<a href="demo-travel-agency-contact.html#">
<img src="images/demo-travel-agency-home-09.jpg" alt>
<div class="submenu-icon-content">
Mexico
<p>22 Destinations</p>
</div>
</a>
</li>
<li>
<a href="demo-travel-agency-contact.html#">
<img src="images/demo-travel-agency-home-13.jpg" alt>
<div class="submenu-icon-content">
Maldives
<p>28 Destinations</p>
</div>
</a>
</li>
<li>
<a href="demo-travel-agency-contact.html#" class="btn btn-dark-gray btn-round-edge btn-box-shadow align-self-center text-center text-white">tour packages</a>
</li>
</ul>
</li>
<li class="nav-item"><a href="demo-travel-agency-tours.html" class="nav-link">Tours</a></li>
<li class="nav-item"><a href="demo-travel-agency-reviews.html" class="nav-link">Reviews</a></li>
<li class="nav-item"><a href="demo-travel-agency-blog.html" class="nav-link">Blog</a></li>
<li class="nav-item"><a href="demo-travel-agency-contact.html" class="nav-link">Contact</a></li>
</ul>
</div>
</div>
<div class="col-auto col-lg-2 text-end">
<div class="header-icon">
<div class="header-search-icon icon">
<a href="demo-travel-agency-contact.html#" class="search-form-icon header-search-form"><i class="feather icon-feather-search"></i></a>
<div class="search-form-wrapper">
<button title="Close" type="button" class="search-close alt-font">×</button>
<form id="search-form" role="search" method="get" class="search-form text-left" action="search-result.html">
<div class="search-form-box">
<h2 class="text-dark-gray text-center mb-5 ls-minus-2px fw-600">What are you looking for?</h2>
<input class="search-input" id="search-form-input5e219ef164995" placeholder="Enter your keywords..." name="s" value type="text" autocomplete="off">
<button type="submit" class="search-button">
<i class="feather icon-feather-search" aria-hidden="true"></i>
</button>
</div>
</form>
</div>
</div>
<div class="header-push-button icon">
<div class="push-button">
<span></span>
<span></span>
<span></span>
<span></span>
</div>
</div>
</div>
</div>
</div>
</nav>
<div class="push-menu push-menu-style-1 p-35px bg-white">
<span class="close-menu text-white bg-dark-gray"><i class="fa-solid fa-xmark"></i></span>
<div class="text-center push-menu-wrapper text-dark-gray" data-scroll-options="{ &quot;theme&quot;: &quot;dark&quot; }">
<div class="w-100">
<img src="images/demo-travel-agency-logo-black.png" data-at2x="images/demo-travel-agency-logo-black@2x.png" class="mb-20" alt />
<div class="d-inline-block align-middle bg-very-light-gray fw-600 text-dark-gray text-uppercase border-radius-22px ps-25px pe-25px fs-13 mb-15px">Explore the world</div>
<h3 class="fw-600 mb-0 alt-font ls-minus-1px lh-38">World's leading travel agency</h3>
</div>
<div class="row align-items-center justify-content-center mt-20 mb-20 row-cols-3 row-cols-md-3 gutter-very-small row-cols-sm-3 instagram-follow-api position-relative">
<div class="col instafeed-grid mb-10px">
<figure class="border-radius-0px"><a href="https://www.instagram.com" target="_blank"><img src="images/demo-travel-agency-instagram-01.jpg" class="insta-image" alt><span class="insta-icon"><i class="fa-brands fa-instagram"></i></span></a></figure>
</div>
<div class="col instafeed-grid mb-10px">
<figure class="border-radius-0px"><a href="https://www.instagram.com" target="_blank"><img src="images/demo-travel-agency-instagram-02.jpg" class="insta-image" alt><span class="insta-icon"><i class="fa-brands fa-instagram"></i></span></a></figure>
</div>
<div class="col instafeed-grid mb-10px">
<figure class="border-radius-0px"><a href="https://www.instagram.com" target="_blank"><img src="images/demo-travel-agency-instagram-03.jpg" class="insta-image" alt><span class="insta-icon"><i class="fa-brands fa-instagram"></i></span></a></figure>
</div>
<div class="col instafeed-grid">
<figure class="border-radius-0px"><a href="https://www.instagram.com" target="_blank"><img src="images/demo-travel-agency-instagram-04.jpg" class="insta-image" alt><span class="insta-icon"><i class="fa-brands fa-instagram"></i></span></a></figure>
</div>
<div class="col instafeed-grid">
<figure class="border-radius-0px"><a href="https://www.instagram.com" target="_blank"><img src="images/demo-travel-agency-instagram-05.jpg" class="insta-image" alt><span class="insta-icon"><i class="fa-brands fa-instagram"></i></span></a></figure>
</div>
<div class="col instafeed-grid">
<figure class="border-radius-0px"><a href="https://www.instagram.com" target="_blank"><img src="images/demo-travel-agency-instagram-06.jpg" class="insta-image" alt><span class="insta-icon"><i class="fa-brands fa-instagram"></i></span></a></figure>
</div>
</div>
<div class="col-12 text-center newsletter-style-02 position-relative mb-20">
<span class="fs-18 w-80 mx-auto text-extra-dark-gray lh-26 d-inline-block mb-25px">Get latest update for our trusted applications</span>
<form action="email-templates/subscribe-newsletter.php" method="post" class="position-relative w-100">
<input class="border-radius-5px bg-white w-100 form-control required" type="email" name="email" placeholder="Enter your email">
<input type="hidden" name="redirect" value>
<button class="btn submit" aria-label="submit"><i class="icon feather icon-feather-mail icon-small"></i></button>
<div class="form-results border-radius-4px pt-10px pb-10px ps-15px pe-15px fs-14 w-100 text-center position-absolute lh-24 d-none"></div>
</form>
</div>
<div class="col-12 text-center elements-social social-icon-style-01">
<ul class="small-icon dark mb-0">
<li><a class="facebook" href="https://www.facebook.com/" target="_blank"><i class="fa-brands fa-facebook-f"></i></a></li>
<li><a class="dribbble" href="http://www.dribbble.com" target="_blank"><i class="fa-brands fa-dribbble"></i></a></li>
<li><a class="twitter" href="https://www.twitter.com" target="_blank"><i class="fa-brands fa-twitter"></i></a></li>
<li><a class="instagram" href="https://www.instagram.com" target="_blank"><i class="fa-brands fa-instagram"></i></a></li>
<li><a class="linkedin" href="http://www.linkedin.com" target="_blank"><i class="fa-brands fa-linkedin-in"></i></a></li>
</ul>
</div>
</div>
</div>
</header>
<section class="page-title-button-style cover-background position-relative ipad-top-space-margin top-space-padding md-pt-20px" style="background-image: url('images/demo-travel-agency-about-title-bg.jpg')">
<div class="opacity-light bg-bay-of-many-blue"></div>
<div class="container">
<div class="row align-items-center justify-content-center extra-small-screen">
<div class="col-lg-6 col-md-8 position-relative text-center page-title-extra-large" data-anime="{ &quot;el&quot;: &quot;childs&quot;, &quot;translateY&quot;: [30, 0], &quot;opacity&quot;: [0,1], &quot;duration&quot;: 600, &quot;delay&quot;: 0, &quot;staggervalue&quot;: 300, &quot;easing&quot;: &quot;easeOutQuad&quot; }">
<h2 class="text-uppercase mb-10px alt-font text-white fw-500 bg-dark-gray border-radius-4px">The perfect trip</h2>
<h1 class="mb-0 text-white alt-font ls-minus-2px text-uppercase fw-600 text-shadow-double-large">Contact us</h1>
</div>
</div>
</div>
</section>
<section class="bg-very-light-gray position-relative">
<div class="h-110px position-absolute w-100 h-100 left-0px right-0px top-minus-70px" style="background-image:url('images/demo-travel-agency-home-bg-02.png')"></div>
<div class="container">
<div class="row align-items-center mt-2">
<div class="col-lg-3 d-md-flex d-lg-inline-block md-mb-50px" data-anime="{ &quot;el&quot;: &quot;childs&quot;, &quot;translateY&quot;: [30, 0], &quot;opacity&quot;: [0,1], &quot;duration&quot;: 1200, &quot;delay&quot;: 0, &quot;staggervalue&quot;: 150, &quot;easing&quot;: &quot;easeOutQuad&quot; }">
<div class="mb-60px w-100 md-w-30 sm-w-50 xs-w-100 md-mb-30px sm-mb-40px float-start text-center text-sm-start">
<span class="d-block alt-font fs-22 fw-500 text-dark-gray ls-minus-05px mb-5px">Call us directly</span>
<div class="w-100 d-block mb-10px">
<a href="tel:1800222000">1-800-222-000</a><br>
<a href="tel:1800222002">1-800-222-002</a>
</div>
<a href="tel:1800222000" class="btn btn-link-gradient expand btn-extra-large text-base-color text-base-color-hover ls-0px">Call us today<span class="bg-base-color"></span></a>
</div>
<div class="mb-60px w-100 md-w-40 sm-w-50 xs-w-100 md-mb-30px sm-mb-40px float-start text-center text-sm-start">
<span class="d-block alt-font fs-22 fw-500 text-dark-gray ls-minus-05px mb-5px">Keep in touch</span>
<p class="w-100 mb-10px mx-auto mx-sm-0">401 Broadway, 24th Floor,<br>Orchard View, London</p>
<a href="https://maps.google.com/maps?ll=-37.805688,144.962312&z=17&t=m&hl=en-US&gl=IN&mapclient=embed&cid=13153204942596594449" target="_blank" class="btn btn-link-gradient expand btn-extra-large text-base-color text-base-color-hover ls-0px">Location map<span class="bg-base-color"></span></a>
</div>
<div class="md-w-30 w-100 sm-w-100 sm-clear-both text-center text-sm-start float-start">
<span class="d-block alt-font fs-22 fw-500 text-dark-gray ls-minus-05px mb-5px">Need live support</span>
<div><a href="cdn-cgi/l/email-protection.html#1871767e775861776d6a7c7775797176367b7775"><span class="__cf_email__" data-cfemail="1d74737b725d6472686f7972707c7473337e7270">[email&#160;protected]</span></a></div>
<div class="mb-10px"><a href="cdn-cgi/l/email-protection.html#84ecf6c4fdebf1f6e0ebe9e5edeaaae7ebe9"><span class="__cf_email__" data-cfemail="afc7ddefd6c0daddcbc0c2cec6c181ccc0c2">[email&#160;protected]</span></a></div>
<a href="cdn-cgi/l/email-protection.html#96fff8f0f9d6eff9e3e4f2f9fbf7fff8b8f5f9fb" class="btn btn-link-gradient expand btn-extra-large text-base-color text-base-color-hover ls-0px">Support desk<span class="bg-base-color"></span></a>
</div>
</div>
<div class="col-lg-9" data-anime="{ &quot;translateY&quot;: [0, 0], &quot;opacity&quot;: [0,1], &quot;duration&quot;: 1200, &quot;delay&quot;: 100, &quot;staggervalue&quot;: 150, &quot;easing&quot;: &quot;easeOutQuad&quot; }">
<div class="row row-cols-1 row-cols-md-2 border-radius-6px overflow-hidden box-shadow-double-large m-0">
<div class="col cover-background sm-h-550px xs-h-450px" style="background-image: url('images/demo-travel-agency-contact-01.jpg')"></div>
<div class="col contact-form-style-03 bg-white p-70px lg-p-35px">
<h3 class="fw-600 alt-font text-dark-gray ls-minus-1px mb-25px">Let's get in touch.</h3>
<form action="email-templates/contact-form.php" method="post">
<div class="position-relative form-group mb-10px">
<span class="form-icon"><i class="bi bi-emoji-smile"></i></span>
<input class="ps-0 border-radius-0px border-color-extra-medium-gray form-control required" type="text" name="name" placeholder="What's your good name?*" />
</div>
<div class="position-relative form-group mb-10px">
<span class="form-icon"><i class="bi bi-envelope"></i></span>
<input class="ps-0 border-radius-0px border-bottom border-color-extra-medium-gray form-control required" type="email" name="email" placeholder="Enter your email address*" />
</div>
<div class="position-relative form-group mb-10px">
<span class="form-icon"><i class="bi bi-telephone"></i></span>
<input class="ps-0 border-radius-0px border-bottom border-color-extra-medium-gray form-control" type="tel" name="phone" placeholder="Enter your phone number" />
</div>
<div class="position-relative form-group form-textarea mt-15px mb-10px xs-mb-0">
<textarea class="ps-0 border-radius-0px border-bottom border-color-extra-medium-gray form-control" name="comment" placeholder="Describe about your tour" rows="3"></textarea>
<span class="form-icon"><i class="bi bi-chat-square-dots"></i></span>
<input type="hidden" name="redirect" value>
<button class="btn btn-medium btn-dark-gray btn-box-shadow btn-round-edge mt-30px submit" type="submit" aria-label="submit">Send message</button>
<div class="form-results mt-20px d-none"></div>
<p class="fs-14 lh-22 mt-20px mb-0">We are committed to protecting your privacy. We will never collect information about you.</p>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="bg-very-light-gray pt-0">
<div class="container">
<div class="row align-items-center justify-content-center mb-6 md-mb-13 sm-mb-0" data-anime="{ &quot;el&quot;: &quot;childs&quot;, &quot;translateX&quot;: [-50, 0], &quot;opacity&quot;: [0,1], &quot;duration&quot;: 1200, &quot;delay&quot;: 0, &quot;staggervalue&quot;: 150, &quot;easing&quot;: &quot;easeOutQuad&quot; }">
<div class="col-12 col-md-auto text-center text-md-end sm-mb-20px">
<h4 class="text-dark-gray alt-font fw-500 mb-0 ls-minus-1px">Connect with social media </h4>
</div>
<div class="col-auto d-none d-lg-inline-block">
<span class="w-170px lg-w-130px h-1px bg-dark-gray opacity-2 d-flex mx-auto"></span>
</div>
<div class="col-12 col-md-auto elements-social social-icon-style-04 ps-0 md-ps-15px text-center text-md-start">
<ul class="large-icon dark">
<li class="m-0"><a class="facebook" href="https://www.facebook.com/" target="_blank"><i class="fa-brands fa-facebook-f"></i><span></span></a></li>
<li class="m-0"><a class="dribbble" href="http://www.dribbble.com" target="_blank"><i class="fa-brands fa-dribbble"></i><span></span></a></li>
<li class="m-0"><a class="twitter" href="https://www.twitter.com" target="_blank"><i class="fa-brands fa-twitter"></i><span></span></a></li>
<li class="m-0"><a class="instagram" href="https://www.instagram.com" target="_blank"><i class="fa-brands fa-instagram"></i><span></span></a></li>
<li class="m-0"><a class="linkedin" href="http://www.linkedin.com" target="_blank"><i class="fa-brands fa-linkedin-in"></i><span></span></a></li>
</ul>
</div>
</div>
</div>
</section>
<footer class="bg-light-gray pb-40px">
<div class="container">
<div class="row mb-2 md-mb-4 overlap-section" data-anime="{ &quot;el&quot;: &quot;childs&quot;, &quot;translateY&quot;: [-15, 0], &quot;scale&quot;: [0.5, 1], &quot;opacity&quot;: [0,1], &quot;duration&quot;: 800, &quot;delay&quot;: 300, &quot;staggervalue&quot;: 300, &quot;easing&quot;: &quot;easeOutQuad&quot; }">
<div class="col-12 text-center">
<img class="rounded-circle" src="images/demo-travel-agency-home-16.png" alt />
</div>
</div>
<div class="row justify-content-center mb-6 md-mb-8 xs-mb-40px">
<div class="col-xl-6 col-lg-8 col-md-10 text-center last-paragraph-no-margin">
<h2 class="text-dark-gray alt-font fw-600 mb-40px mx-auto w-90 ls-minus-2px">Get the amazing travel offers into your inbox!</h2>
<div class="d-inline-block w-100 newsletter-style-03 position-relative mb-30px">
<form action="email-templates/subscribe-newsletter.php" method="post" class="position-relative w-100">
<input class="input-large bg-white border-color-transparent w-100 border-radius-100px box-shadow-extra-large form-control required" type="email" name="email" placeholder="Enter your email address" />
<input type="hidden" name="redirect" value>
<button class="btn btn-large text-dark-gray ls-0px left-icon submit fw-600" aria-label="submit"><i class="icon feather icon-feather-mail icon-small text-base-color"></i><span>Subscribe</span></button>
<div class="form-results border-radius-100px pt-10px pb-10px ps-15px pe-15px fs-16 mt-10px w-100 z-index-1 text-center position-absolute d-none"></div>
</form>
</div>
<p class="fs-16 lh-normal">We are committed to protecting your <a href="demo-travel-agency-contact.html#" class="text-decoration-line-bottom text-dark-gray text-dark-gray-hover">privacy policy.</a></p>
</div>
</div>
<div class="row align-items-center justify-content-center mb-40px g-0 row-cols-3 row-cols-md-6 row-cols-sm-3 instagram-follow-api position-relative">
<div class="col instafeed-grid">
<figure class="border-radius-0px"><a href="https://www.instagram.com" target="_blank"><img src="images/demo-travel-agency-instagram-01.jpg" class="insta-image" alt><span class="insta-icon"><i class="fa-brands fa-instagram"></i></span></a></figure>
</div>
<div class="col instafeed-grid">
<figure class="border-radius-0px"><a href="https://www.instagram.com" target="_blank"><img src="images/demo-travel-agency-instagram-02.jpg" class="insta-image" alt><span class="insta-icon"><i class="fa-brands fa-instagram"></i></span></a></figure>
</div>
<div class="col instafeed-grid">
<figure class="border-radius-0px"><a href="https://www.instagram.com" target="_blank"><img src="images/demo-travel-agency-instagram-03.jpg" class="insta-image" alt><span class="insta-icon"><i class="fa-brands fa-instagram"></i></span></a></figure>
</div>
<div class="col instafeed-grid">
<figure class="border-radius-0px"><a href="https://www.instagram.com" target="_blank"><img src="images/demo-travel-agency-instagram-04.jpg" class="insta-image" alt><span class="insta-icon"><i class="fa-brands fa-instagram"></i></span></a></figure>
</div>
<div class="col instafeed-grid">
<figure class="border-radius-0px"><a href="https://www.instagram.com" target="_blank"><img src="images/demo-travel-agency-instagram-05.jpg" class="insta-image" alt><span class="insta-icon"><i class="fa-brands fa-instagram"></i></span></a></figure>
</div>
<div class="col instafeed-grid">
<figure class="border-radius-0px"><a href="https://www.instagram.com" target="_blank"><img src="images/demo-travel-agency-instagram-06.jpg" class="insta-image" alt><span class="insta-icon"><i class="fa-brands fa-instagram"></i></span></a></figure>
</div>
<div class="absolute-middle-center z-index-1 w-auto">
<a href="https://www.instagram.com" target="_blank" class="btn btn-medium btn-switch-text btn-white btn-round-edge fw-600 ls-0px left-icon btn-box-shadow instagram-button">
<span>
<span><i class="fa-brands fa-instagram text-base-color fs-20"></i></span>
<span class="btn-double-text" data-text="crafto instagram">crafto instagram</span>
</span>
</a>
</div>
</div>
<div class="row align-items-center">
<div class="col-xl-3 col-sm-6 text-center text-sm-start last-paragraph-no-margin fs-15 text-dark-gray order-3 order-md-1">
<p>&COPY; Copyright 2024 <a href="index.html" target="_blank" class="text-dark-gray text-dark-gray-hover text-decoration-line-bottom fw-600">Crafto</a></p>
</div>
<div class="col-xl-6 text-center lg-mt-10px sm-mt-0 sm-mb-15px order-1 order-xl-2 order-md-3">
<ul class="footer-navbar">
<li class="nav-item"><a href="demo-travel-agency-about.html" class="nav-link">About</a></li>
<li class="nav-item"><a href="demo-travel-agency-destinations.html" class="nav-link">Destinations</a></li>
<li class="nav-item"><a href="demo-travel-agency-tours.html" class="nav-link">Tours</a></li>
<li class="nav-item"><a href="demo-travel-agency-reviews.html" class="nav-link">Reviews</a></li>
<li class="nav-item"><a href="demo-travel-agency-blog.html" class="nav-link">Blog</a></li>
<li class="nav-item"><a href="demo-travel-agency-contact.html" class="nav-link">Contact</a></li>
</ul>
</div>
<div class="col-xl-3 col-sm-6 position-relative text-center text-sm-end elements-social social-text-style-08 order-2 order-xl-3 xs-mb-10px">
<ul class="small-icon dark">
<li><a class="facebook" href="https://www.facebook.com/" target="_blank"><i class="fa-brands fa-facebook-f"></i></a></li>
<li><a class="dribbble" href="http://www.dribbble.com" target="_blank"><i class="fa-brands fa-dribbble"></i></a></li>
<li><a class="twitter" href="https://www.twitter.com" target="_blank"><i class="fa-brands fa-twitter"></i></a></li>
<li><a class="instagram" href="https://www.instagram.com" target="_blank"><i class="fa-brands fa-instagram"></i></a></li>
</ul>
</div>
</div>
</div>
</footer>
<div class="scroll-progress d-none d-xxl-block">
<a href="demo-travel-agency-contact.html#" class="scroll-top" aria-label="scroll">
<span class="scroll-text">Scroll</span><span class="scroll-line"><span class="scroll-point"></span></span>
</a>
</div>
<script data-cfasync="false" src="cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/vendors.min.js"></script>
<script type="text/javascript" src="js/main.js"></script>
</body>
</html>