?
áEÓê¤ÎïLwebshll2019
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Meta Tags -->
<meta charset="utf-8">
<meta content="width=device-width, initial-scale=1, shrink-to-fit=no" name="viewport">
<!-- Author -->
<meta name="author" content="Themes Industry">
<!-- description -->
<meta name="description" content="MegaOne is a highly creative, modern, visually stunning and Bootstrap responsive multipurpose studio and portfolio HTML5 template with 8 ready home page demos.">
<!-- keywords -->
<meta name="keywords" content="Creative, modern, clean, bootstrap responsive, html5, css3, portfolio, blog, studio, templates, multipurpose, one page, corporate, start-up, studio, branding, designer, freelancer, carousel, parallax, photography, studio, masonry, grid, faq">
<!-- Page Title -->
<title>Travelling | MegaOne HTML5 Template</title>
<!-- Favicon -->
<link rel="icon" href="../vendor/img/favicon-1.ico">
<!-- Bundle -->
<link rel="stylesheet" href="../vendor/css/bundle.min.css">
<!-- Plugin Css -->
<link rel="stylesheet" href="../vendor/css/swiper.min.css">
<link rel="stylesheet" href="../vendor/css/wow.css">
<link rel="stylesheet" href="../vendor/css/jquery.fancybox.min.css">
<!-- Style Sheet -->
<link rel="stylesheet" href="css/style.css">
</head>
<body data-spy="scroll" data-offset="90" data-target=".navbar" >
<!-- Loader -->
<div class="preloader">
<div class="center">
<div class="loader">
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
</div>
</div>
</div>
<!-- Loader End -->
<!-- Header start -->
<header>
<!--Navbar-->
<nav class="navbar navbar-expand-lg navbar-top-default fixed-top navbar-fixed-top">
<!--Side Menu Button-->
<div class="container">
<a class="navbar-brand" href="../index-travelling.html#home">
<img src="img/logo.png" alt="logo">
</a>
<!--Nav Links-->
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav">
<li class="nav-item active">
<a class="nav-link " href="../index-travelling.html#home">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="../index-travelling.html#destinations">Destinations</a>
</li>
<li class="nav-item">
<a class="nav-link" href="../index-travelling.html#gallery">Gallery</a>
</li>
<li class="nav-item">
<a class="nav-link" href="../index-travelling.html#testimonials">Testimonials</a>
</li>
<li class="nav-item">
<a class="nav-link" href="../index-travelling.html#contact">Contact</a>
</li>
</ul>
</div>
</div>
<!-- Container End -->
<a href="javascript:void(0)" class="sidemenu_btn link" id="sidemenu_toggle">
<span></span>
<span></span>
<span></span>
</a>
<a class="number">
<p>+1 631 123 4567 </p>
</a>
</nav>
<!-- Navbar End -->
<!-- Side-Nav Start -->
<div class="side-menu side-menu-opacity">
<div class="bg-overlay"></div>
<div class="inner-wrapper">
<a class="image " href="../index-travelling.html#home">
<img src="img/side-menu.png" alt="image">
</a>
<span class="btn-close" id="btn_sideNavClose"><i></i><i></i></span>
<nav class="side-nav w-100">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link" href="../index-travelling.html#home">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="../index-travelling.html#destinations">Destinations</a>
</li>
<li class="nav-item">
<a class="nav-link" href="../index-travelling.html#gallery">Gallery</a>
</li>
<li class="nav-item">
<a class="nav-link" href="../index-travelling.html#testimonials">Testimonials</a>
</li>
<li class="nav-item">
<a class="nav-link" href="../index-travelling.html#contact">Contact</a>
</li>
</ul>
</nav>
<div class="side-menu-footer">
<div class="social-icons">
<ul>
<li>
<a href="#" class="hover"><i class="fab fa-facebook-f"></i></a>
</li>
<li><a href="#" class="hover"><i class="fab fa-twitter"></i></a></li>
<li><a href="#" class="hover"><i class="fab fa-linkedin-in"></i></a></li>
<li><a href="#" class="hover"><i class="fab fa-instagram"></i></a></li>
</ul>
</div>
<p class="copywrite text-left">© 2020 MegaOne. <br>Made With Love by Themesindustry.</p>
</div>
</div>
</div>
<a id="close_side_menu" href="javascript:void(0);"></a>
<!-- Side-Nav End -->
</header>
<!-- Header End -->
<!-- Banner Start -->
<section class="detail-banner">
<div class=" col-12 header-text text-center wow fadeInDown" data-wow-delay="1000ms">
<h2 class="heading">Destinantions Detail</h2>
<ul class="page-breadcrumb ">
<li><a href="../index-travelling.html"><i class="fas fa-home mr-1"></i>Home <i class="fas fa-angle-double-right white-icon"></i></a></li>
<li>Travelling</li>
</ul>
</div>
</section>
<!-- Banner End -->
<!-- Start Heading Section -->
<section class="heading-section">
<div class="container">
<div class="row">
<div class="col-12">
<div class="detail-body">
<div class="des-detail-sec row">
<div class="col-12 wow fadeInDown" data-wow-delay="1000ms">
<h4 class="heading text-center text-lg-left">Information About Different Destinations</h4>
<p class="text text-center text-lg-left">Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit.</p>
</div>
</div>
<div class="row destination-list destination-detail">
<div class="col-12 col-lg-6 destination-detail-slider wow fadeInLeft" data-wow-delay="400ms">
<div class="wrapper">
<div class="Gallery swiper-container img-magnifier-container" id="galery">
<div class="swiper-wrapper myimgs">
<div class="swiper-slide"> <a href="img/detail-slider1.jpg" data-fancybox="1" title="Zoom In"><img class="myimage" src="img/detail-slider1.jpg" alt="gallery"/></a></div>
<div class="swiper-slide"> <a href="img/detail-slider2.jpg" data-fancybox="2" title="Zoom In"><img class="myimage" src="img/detail-slider2.jpg" alt="thumnails"/></a></div>
<div class="swiper-slide"> <a href="img/detail-slider3.jpg" data-fancybox="3" title="Zoom In"><img class="myimage" src="img/detail-slider3.jpg" alt="thumnails"/></a></div>
</div>
</div>
<div class="Thumbs swiper-container" id="thumbs">
<div class="swiper-wrapper">
<div class="swiper-slide"> <img src="img/detail-slider1.jpg" alt="thumnails"/></div>
<div class="swiper-slide"> <img src="img/detail-slider2.jpg" alt="thumnails"/></div>
<div class="swiper-slide"> <img src="img/detail-slider3.jpg" alt="thumnails"/></div>
</div>
</div>
</div>
</div>
<div class="col-12 col-lg-6 text-center text-lg-left wow fadeInRight" data-wow-delay="400ms">
<div class="product-single-price">
<p class="text">Situated within close proximity to the onsite clubhouse this is a prime location land plot with great rental potential. Facilities available to the community residents include an exclusive club house</p>
</div>
<div class="destination-checklist text ">
<ul>
<li><i class="fas fa-check"></i> Comfortable Residence</li>
<li><i class="fas fa-check"></i> Beautiful Destinations</li>
<li><i class="fas fa-check"></i> Satisfaction 100% Guaranteed</li>
</ul>
</div>
<div class="button-center">
<a class="btn button btn-rounded green-btn btn-hvr-blue scroll1" href="#inquiry">
Destinations Inquiry
</a>
</div>
<div class="social-icons">
<ul>
<li>
<p>Share Link:</p>
</li>
<li><a class="facebook-hover" href="#."> <i class="fab fa-facebook-f"></i></a></li>
<li><a class="twitter-hover" href="#."><i class="fab fa-twitter"></i></a></li>
<li><a class="linked-in-hover" href="#."><i class="fab fa-linkedin-in"></i></a></li>
<li><a class="instagram-hover" href="#."><i class="fab fa-instagram"></i></a></li>
</ul>
</div>
</div>
</div>
<!-- Product Detail End -->
</div>
<!-- Product Body End -->
</div>
</div>
<!-- Row End -->
</div>
<!-- Container End -->
</section>
<!-- End Heading Section -->
<!-- Start-Customer-reviews Section -->
<section class="customer-reviews">
<div class="container">
<div class="row no-gutters">
<div class="col-lg-12 col-md-12 col-sm-12 wow fadeInLeft" data-wow-delay="400ms">
<h2 class="heading">Customer Reviews</h2>
</div>
</div>
<div class="review-area">
<div class="reviews">
<div class="media ">
<div class="row no-gutters text-center">
<div class="col-lg-12 col-md-12 col-sm-12">
<img src="img/review1.jpg" alt="...">
</div>
<div class="col-lg-12 col-md-12 col-sm-12">
<span class="fa fa-star checked-star"></span>
<span class="fa fa-star checked-star"></span>
<span class="fa fa-star checked-star"></span>
<span class="fa fa-star checked-star"></span>
<span class="fas fa-star-half-alt half-checked"></span>
</div>
</div>
<div class="media-body text">
<div class="col-lg-12">
<span>27 Sep 2020</span>
<h5 class="heading">Media heading</h5>
Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam.
</div>
</div>
</div>
<div class="media ">
<div class="row no-gutters text-center">
<div class="col-lg-12 col-md-12 col-sm-12">
<img src="img/review2.jpg" alt="...">
</div>
<div class="col-lg-12 col-md-12 col-sm-12">
<span class="fa fa-star checked-star"></span>
<span class="fa fa-star checked-star"></span>
<span class="fa fa-star checked-star"></span>
<span class="fa fa-star checked-star"></span>
<span class="fas fa-star-half-alt half-checked"></span>
</div>
</div>
<div class="media-body text">
<div class="col-lg-12 col-md-12 col-sm-12">
<span>27 Aug 2020</span>
<h5 class="heading">Media heading</h5>
Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam.
</div>
</div>
</div>
</div>
<div class="col-12 d-flex mb-4 mt-3" id="inquiry">
<h5 class="text-nowrap">Destination Iqnuiry</h5>
<hr class="w-100 ml-5">
</div>
<form class="getin_form border-form" id="register">
<div class="row">
<div class="col-md-6 col-sm-12">
<div class="form-group bottom35">
<input type="text" class="form-control" placeholder="Name*" required="" id="quote_name" name="userName">
</div>
</div>
<div class="col-md-6 col-sm-12">
<div class="form-group bottom35">
<input type="email" class="form-control" placeholder="Email*" required="" id="quote_email" name="userEmail">
</div>
</div>
<div class="col-12">
<div class="form-group">
<textarea class="form-control textareaclass" rows="5" id="comment" name="userMessage" placeholder="Message"></textarea>
</div>
</div>
</div>
<div class="button-center">
<a class="btn button btn-rounded green-btn btn-hvr-blue contact_btn" href="javascript:void(0);">
Send
</a>
</div>
</form>
</div>
</div>
<!-- Container End -->
</section>
<!-- End Customer-reviews Section -->
<!-- Related-Destination Section Start -->
<section class="destination-section destinationsec-1" id="destinations">
<div class="container">
<div class="row no-gutters row-1">
<div class="col-lg-12 col-md-12 col-sm-12 wow fadeInLeft" data-wow-delay="400ms">
<h2 class="heading">Related Destinations</h2>
</div>
</div>
<!-- Row-2 Start -->
<div class="row row-2">
<div class="col-lg-4 col-md-12 col-sm-12 destination wow fadeInDown" data-wow-delay="400ms">
<a class="card" href="destinations.html" >
<img src="img/destination-1.jpg" alt="destination-img">
<div class="card-body">
<h5 class="card-title">New York 295 <span>$3995</span></h5>
<div class="card-text">
<span class="fa fa-star checked"></span>
<span class="fa fa-star checked"></span>
<span class="fa fa-star checked"></span>
<span class="fa fa-star checked"></span>
<span class="fas fa-star-half-alt half-checked"></span>
</div>
</div>
</a>
</div>
<div class="col-lg-4 col-md-12 col-sm-12 destination wow fadeInUp" data-wow-delay="400ms">
<a class="card" href="destinations.html">
<img src="img/destination-2.jpg" alt="destination-img">
<div class="card-body">
<h5 class="card-title">London 120 <span>$2360</span></h5>
<div class="card-text">
<span class="fa fa-star checked"></span>
<span class="fa fa-star checked"></span>
<span class="fa fa-star checked"></span>
<span class="fa fa-star checked"></span>
<span class="fas fa-star-half-alt half-checked"></span>
</div>
</div>
</a>
</div>
<div class="col-lg-4 col-md-12 col-sm-12 destination wow fadeInDown" data-wow-delay="400ms">
<a class="card" href="destinations.html">
<img src="img/destination-3.jpg" alt="destination-img">
<div class="card-body">
<h5 class="card-title">Paris 529 <span>$4730</span></h5>
<div class="card-text">
<span class="fa fa-star checked"></span>
<span class="fa fa-star checked"></span>
<span class="fa fa-star checked"></span>
<span class="fa fa-star checked"></span>
<span class="fas fa-star-half-alt half-checked"></span>
</div>
</div>
</a>
</div>
</div>
<!-- Row-3 Start -->
<div class="row row-3">
<div class="col-lg-4 col-md-12 col-sm-12 wow fadeInUp" data-wow-delay="400ms">
<a class="card" href="destinations.html">
<img src="img/destination-4.jpg" alt="destination-img">
<div class="card-body">
<h5 class="card-title">Malan 103 <span>$5500</span></h5>
<div class="card-text">
<span class="fa fa-star checked"></span>
<span class="fa fa-star checked"></span>
<span class="fa fa-star checked"></span>
<span class="fa fa-star checked"></span>
<span class="fas fa-star-half-alt half-checked"></span>
</div>
</div>
</a>
</div>
<div class="col-lg-4 col-md-12 col-sm-12 wow fadeInDown" data-wow-delay="400ms">
<a class="card" href="destinations.html">
<img src="img/destination-5.jpg" alt="destination-img">
<div class="card-body">
<h5 class="card-title">New York 143 <span>$2835</span></h5>
<div class="card-text">
<span class="fa fa-star checked"></span>
<span class="fa fa-star checked"></span>
<span class="fa fa-star checked"></span>
<span class="fa fa-star checked"></span>
<span class="fas fa-star-half-alt half-checked"></span>
</div>
</div>
</a>
</div>
<div class="col-lg-4 col-md-12 col-sm-12 wow fadeInUp" data-wow-delay="400ms">
<a class="card" href="destinations.html">
<img src="img/destination-6.jpg" alt="destination-img">
<div class="card-body">
<h5 class="card-title">Toronto 156 <span>$8000</span></h5>
<div class="card-text">
<span class="fa fa-star checked"></span>
<span class="fa fa-star checked"></span>
<span class="fa fa-star checked"></span>
<span class="fa fa-star checked"></span>
<span class="fas fa-star-half-alt half-checked"></span>
</div>
</div>
</a>
</div>
</div>
</div>
<!-- Container End -->
</section>
<!-- Destination Section End -->
<!-- Footer Start -->
<footer class="no-gutters text-center">
<div class="container">
<div class="social-icons wow fadeInDown" data-wow-delay="400ms">
<ul>
<li><a class="facebook-hover wow fadeInDown" href="#." data-wow-delay="400ms">
<i class="fab fa-facebook-f"></i></a>
</li>
<li><a class="twitter-hover wow fadeInUp" href="#.">
<i class="fab fa-twitter"></i></a>
</li>
<li><a class="google-plus-hover wow fadeInDown" href="#." data-wow-delay="400ms">
<i class="fab fa-google-plus-g"></i></a>
</li>
<li><a class="linked-in-hover wow fadeInUp" href="#." data-wow-delay="400ms">
<i class="fab fa-linkedin-in"></i></a>
</li>
<li><a class="instagram-hover wow fadeInDown" href="#." data-wow-delay="400ms">
<i class="fab fa-instagram"></i></a>
</li>
<li><a class="gmail-hover wow fadeInUp" href="#." data-wow-delay="400ms">
<i class="far fa-envelope"></i></a>
</li>
</ul>
</div>
<p class="text wow fadeInDown" data-wow-delay="300ms">© 2020 MegaOne. made with love by themesindustry</p>
</div>
</footer>
<!-- Footer End -->
<!-- JavaScript -->
<script src="../vendor/js/bundle.min.js"></script>
<!-- Plugin Js -->
<script src="../vendor/js/jquery.fancybox.min.js"></script>
<script src="../vendor/js/owl.carousel.min.js"></script>
<script src="../vendor/js/swiper.min.js"></script>
<script src="../vendor/js/wow.min.js"></script>
<!-- custom script -->
<script src="../vendor/js/contact_us.js"></script>
<script src="js/datepicker.js"></script>
<script src="js/script.js"></script>
</body>
</html>