| Server IP : 14.225.204.176 / Your IP : 216.73.216.6 Web Server : nginx/1.24.0 System : Linux nodejs-ybgk 6.8.0-40-generic #40-Ubuntu SMP PREEMPT_DYNAMIC Fri Jul 5 10:34:03 UTC 2024 x86_64 User : root ( 0) PHP Version : 8.1.34 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : OFF | Sudo : ON | Pkexec : OFF Directory : /var/www/html/php/btravel/dat-ve-may-bay/ |
Upload File : |
<!doctype html>
<html lang="vi">
<head>
<!-- META TAGS -->
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<meta name="theme-color" content="#76cef1" />
<meta name="description" content="">
<meta name="keyword" content="">
<!-- SEO TITLE AND DESCRIPTIONS -->
<title>Hè Rực Rỡ 2023 - Bee Travel</title>
<!-- FAV ICON(BROWSER TAB ICON) -->
<link rel="shortcut icon" href="assets/images/fav.ico" type="image/x-icon">
<!-- Google Fonts -->
<link rel="preconnect" href="https://fonts.googleapis.com/">
<link rel="preconnect" href="https://fonts.gstatic.com/" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@300;400;500;600;700&family=Pacifico&family=Poppins:wght@300;400;500;600&display=swap" rel="stylesheet">
<!-- Bootstrap v5.0.2 css -->
<link rel="stylesheet" href="assets/css/bootstrap.min.css">
<!-- FONT-AWESOME ICON CSS -->
<link rel="stylesheet" href="assets/css/font-awesome.min.css">
<!-- MAIN TEMPLATE CSS -->
<link rel="stylesheet" href="assets/css/style.css">
<!-- RESPONSIVE CSS -->
<link rel="stylesheet" href="assets/css/responsive.css">
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="js/html5shiv.js"></script>
<script src="js/respond.min.js"></script>
<![endif]-->
</head>
<body>
<!-- START PRELOAD -->
<div id="preloader">
<div class="plod"><span> </span><span> </span></div>
</div>
<!--SECTION: TOP NAV-->
<section>
<div class="nav">
<div class="container">
<div class="row">
<!-- SECTION: TOP NAV LEFT SIDE -->
<div class="col-md-7 nav-lhs">
<ul>
<li>
<a href="mailto:lienhe@btravel.vn"><i class="fa fa-envelope-o" aria-hidden="true"></i>lienhe@btravel.vn</a>
</li>
<li>
<a href="tel:+4733378901">0919 257 499<i class="fa fa-phone" aria-hidden="true"></i></a>
</li>
<li>
<a href="#"><i class="fa fa-map-marker" aria-hidden="true"></i>70, Đường 13, KĐT Vạn Phúc, Phường Hiệp Bình Phước, TP. Thủ Đức, TP. HCM</a>
</li>
</ul>
</div>
<!-- SECTION: TOP NAV RIGH SIDE SOCIAL MEDIA ICONS $ BOOKING BUTTON -->
<div class="col-md-5 nav-lhs nav-rhs">
<ul>
<li><a href="#"><i class="fa fa-facebook-f" aria-hidden="true"></i></a></li>
<li><a href="#"><i class="fa fa-twitter" aria-hidden="true"></i></a></li>
<li><a href="#"><i class="fa fa-pinterest-p" aria-hidden="true"></i></a></li>
<li><a href="#"><i class="fa fa-instagram" aria-hidden="true"></i></a></li>
<li><a class="book-btn" href="#" data-toggle="modal" data-target="#myModal">Book now<span class="fa fa-long-arrow-right" aria-hidden="true"></span></a></li>
</ul>
</div>
</div>
</div>
</div>
</section>
<!--SECTION: TOP MENU-->
<section>
<div class="menu-head">
<div class="container">
<div class="row">
<div class="menu-top">
<!-- MENU BOOK -->
<div class="menu-book"> <i class="fa fa-bars" aria-hidden="true"></i> </div>
<!--TOP MENU LOGO-->
<div class="col-lg-3 col-md-12 menu-top1">
<div class="logo"> <a href="index-2.html"><img src="assets/images/icons/logo1.png" alt=""></a> </div>
</div>
<!--TOP MENU LIST-->
<div class="col-lg-6 col-md-4 menu-top2">
<div class="menu">
<ul>
<!-- MOBILE BOOK NOW BUTTON(SHOW ONLY ON MOBILE VIEW) -->
<li><a href="#" data-toggle="modal" data-target="#myModal">book now</a></li>
<!--END MOBILE BOOK NOW BUTTON-->
</li>
<!--ADD SUB MENU END-->
<li> <a href="#goi-tour">Gói tour</a>
</li>
<li> <a href="#lien-he">Liên hệ</a>
</li>
<li> <a href="#faq">Faq</a>
</li>
</ul>
</div>
</div>
<!--TOP SEARCH BAR-->
<div class="col-lg-3 col-md-4 menu-top3">
<div class="click-sid-bar">
<!--CLICK ICONS-->
<div class="cl-func">
<i class="fa fa-bars" aria-hidden="true"></i>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!--TOP HEADER RIGHT SIDE BAR-->
<section>
<div class="side-bar">
<!--TOP HEADER RIGHT SIDE BAR IMG-->
<div class="side-bar-im">
<a href="index-2.html"><img src="assets/images/icons/logo1.png" alt=""></a>
<h3>Về BeeTravel</h3>
<p>Bee Travel chuyên Tour du lịch chất lượng giá tốt: Teambuilding, Hội nghị, Gala - Sự kiện - Vé máy bay trong và ngoài nước.</p>
<p>Bee Travel luôn mang đến những giá trị vượt trên sự mong đợi của khách hàng thông qua sự trải nghiệm và thấu hiểu.</p>
<i class="fa fa-times" aria-hidden="true"></i>
</div>
<!--TOP HEADER RIGHT BAR DEATILES AND ICONS-->
<div class="side-panel-con">
<h3>Liên hệ</h3>
<ul>
<li>
<i class="fa fa-map-marker" aria-hidden="true"></i>
<span>70, Đường 13, KĐT Vạn Phúc, Phường Hiệp Bình Phước, TP. Thủ Đức, TP. HCM</span>
</li>
<li>
<i class="fa fa-envelope-o" aria-hidden="true"></i>
<span>booking@btravel.vn</span>
</li>
<li>
<i class="fa fa-phone" aria-hidden="true"></i>
<span>0919 257 499</span>
</li>
</ul>
<a href="#" data-toggle="modal" data-target="#myModal">ĐẶT CHỖ NGAY</a>
</div>
</div>
</section>
<!-- SECTION: HEADER BANNER -->
<section>
<div class="header">
<div class="container">
<div class="row">
<!--BANNER HEADER LET SIDE-->
<div class="home-head">
<h1>Cùng Bee Travel <span><b>Vòng quanh thế giới</b></span> <img class="header-in-1" src="assets/images/icons/36.png" alt=""></h1>
<!--BANNER SEARCH BOX-->
<div class="search">
<div class="featured-banner">
<a href="#" data-toggle="modal" data-target="#myModal">ĐẶT CHỖ NGAY</a>
</div>
</div>
</div>
<!--BANNER RIGHT SIDE IMG-->
<div class="banner-right-im">
<img src="assets/images/places/25.png" alt="">
</div>
<!--BANNER ICONS ANIMATION-->
<div class="banner-ani-icon">
<i></i>
<span></span>
<img class="icon-an" src="assets/images/icons/41.png" alt="">
</div>
</div>
</div>
</div>
</section>
<!-- SECTION: TYPE OFF TRAVEL-->
<section>
<div class="travl-features">
<div class="container">
<div class="row">
<!-- SECTION: TYPE OFF TRAVEL BOX-->
<div class="ban-box">
<ul>
<li>
<div class="ban-box-inn">
<h2><i class="fa fa-suitcase" aria-hidden="true"></i>Vé máy bay trong nước</h2>
<p>Giá tốt nhất. Down vé rẻ hơn hệ thống. Xử lý trục trặc tại sân bay nhanh gọn.
</p>
</div>
</li>
<li>
<div class="ban-box-inn">
<h2><i class="fa fa-suitcase" aria-hidden="true"></i>Vé máy bay quốc tế</h2>
<p>Vé Mỹ / Canada/ Âu /Úc giá tốt hơn hệ thống. Đặt vé khi hệ thống hết chỗ. Giá tốt cho nhóm đặc biệt: du học, lao động, định cư...
</p>
</div>
</li>
<li>
<div class="ban-box-inn">
<h2><i class="fa fa-suitcase" aria-hidden="true"></i>Combo vé máy bay - khách sạn</h2>
<p>Phú Quốc, Nha Trang, Đà Nẵng, Côn Đảo, Hạ Long,...
</p>
</div>
</li>
<li>
<div class="ban-box-inn">
<h2><i class="fa fa-suitcase" aria-hidden="true"></i>Đặt vé sớm - giảm giá ngay</h2>
<p>Đặt sớm: chỗ ngồi đẹp, còn giảm giá.
</p>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</section>
<!-- SECTION: TRAVEL PACKAGES -->
<section>
<div class="packages">
<!-- ALL SECTION COMMEN TITTLE -->
<div class="comm-tit-ani tit">
<p>đặt chỗ</p>
<h2>Kỳ nghỉ <span>hoàn hảo</span><br></h2><span class="line"></span>
</div>
<!-- PACKAGES BACKGROUND IMG AND ANIMATIONS -->
<div class="leaf-2">
<img class="comm-tit-ani designs-pack" src="assets/images/icons/7.png" alt="">
<img class="comm-tit-ani designs-pack-1" src="assets/images/icons/5.png" alt="">
</div>
<!-- END -->
<div class="container">
<div class="row">
<!--TRAVEL PACKAGES IMG & FEATURES BOX-->
<div class="ani-eql col-lg-6 col-md-6 packages-ani">
<div class="most-packages">
<!--TRAVEL PACKAGES IMG-->
<div class="packages-img">
<img src="assets/images/places/12.jpg" alt="">
<span>NEW</span>
<h2>Vé khách lẻ</h2>
</div>
<!--TRAVEL PACKAGES RATING REVIEWS CONTENT-->
<div class="pack-txt">
<a href="#" data-toggle="modal" data-target="#myModal">MUA VÉ NGAY<span class="fa fa-long-arrow-right" aria-hidden="true"></span></a>
<span class="pack-number">4.2</span>
<i>★★★★</i>
<b></b>
</div>
<!--TRAVEL PACKAGES MORE DEATILES-->
<div class="more-deatiles">
<img src="assets/images/icons/2.png" alt="">
<h4><b>Vé phổ thông giá tốt nhất</b><br>Ưu đãi hạng thương gia </h4>
<i class="old-price"></i>
<span class="plc-rate"><span class="m-deati-rate"></span></span>
<span></span>
<!--TRAVEL PACKAGES MORE DEATILES MOBILE ICONS-->
<div class="contact-pack">
<i class="fa fa-phone" aria-hidden="true"></i>
<span> : 0919 257 499</span>
</div>
</div>
</div>
</div>
<!--TRAVEL PACKAGES IMG & FEATURES BOX END-->
<!--TRAVEL PACKAGES IMG & FEATURES BOX-->
<div class="ani-eql col-lg-6 col-md-6 packages-ani">
<div class="most-packages">
<!--TRAVEL PACKAGES IMG-->
<div class="packages-img">
<img src="assets/images/places/13.jpg" alt="">
<span>NEW</span>
<h2>Vé khách đoàn</h2>
</div>
<!--TRAVEL PACKAGES RATING REVIEWS CONTENT-->
<div class="pack-txt">
<a href="#" data-toggle="modal" data-target="#myModal">MUA VÉ NGAY<span class="fa fa-long-arrow-right" aria-hidden="true"></span></a>
<span class="pack-number">4.2</span>
<i>★★★★</i>
<b></b>
</div>
<!--TRAVEL PACKAGES MORE DEATILES-->
<div class="more-deatiles">
<img src="assets/images/icons/2.png" alt="">
<h4><b>Giá đoàn tốt nhất</b><br>Báo giá đoàn 15 phút</h4>
<i class="old-price"></i>
<span class="plc-rate"><span class="m-deati-rate"></span></span>
<span></span>
<!--TRAVEL PACKAGES MORE DEATILES MOBILE ICONS-->
<div class="contact-pack">
<i class="fa fa-phone" aria-hidden="true"></i>
<span> : 0919 257 499</span>
</div>
</div>
</div>
</div>
<!--TRAVEL PACKAGES IMG & FEATURES BOX END-->
</div>
</div>
</div>
</section>
<!-- SECTION: WHY CHOOSE -->
<section>
<div class="why-choose">
<!--ALL SECTION COMMEN TITTLE-->
<div class="comm-tit-ani tit">
<p>Lý do bạn nên chọn đặt vé tại</p>
<h2><span>Bee Travel</span><br></h2><span class="line"></span>
</div>
<i class="choose-ani"></i>
<div class="container">
<div class="row">
<!--WHY CHOOSE IMG LEFT SIDE-->
<div class="ani-eql why-choose-im">
<img src="assets/images/icons/15.png" alt="">
<i></i>
<img class="arrow-img" src="assets/images/icons/42.png" alt="">
</div>
<!--WHY CHOOSE RIGHTS SIDE FEATURES AND ICONS-->
<div class="why-ch-deati">
<ul>
<li class="ani-eql">
<!--WHY CHOOSE RIGHTS SIDE FEATURES AND ICONS-->
<div class="why-ch-dt1">
<div class="choose-im">
<img src="assets/images/why-choose/3.png" alt="">
</div>
<h3>Giá vé tốt nhất</h3>
<p></p> <i>1</i> <span></span>
</div>
</li>
<li class="ani-eql">
<!--WHY CHOOSE RIGHTS SIDE FEATURES AND ICONS-->
<div class="why-ch-dt1">
<div class="choose-im">
<img src="assets/images/why-choose/2.png" alt="">
</div>
<h3>Đặt vé dễ dàng</h3>
<p></p> <i>2</i> <span></span>
</div>
</li>
<li class="ani-eql">
<!--WHY CHOOSE RIGHTS SIDE FEATURES AND ICONS-->
<div class="why-ch-dt1">
<div class="choose-im">
<img src="assets/images/why-choose/1.png" alt="">
</div>
<h3>Thông tin rõ ràng</h3>
<p></p> <i>3</i> <span></span>
</div>
</li>
<li class="ani-eql">
<!--WHY CHOOSE RIGHTS SIDE FEATURES AND ICONS-->
<div class="why-ch-dt1">
<div class="choose-im">
<img src="assets/images/why-choose/4.png" alt="">
</div>
<h3>Hoàn - đổi vé nhanh gọn</h3>
<p></p> <i>4</i> <span></span>
</div>
</li>
<li class="ani-eql">
<!--WHY CHOOSE RIGHTS SIDE FEATURES AND ICONS-->
<div class="why-ch-dt1">
<div class="choose-im">
<img src="assets/images/why-choose/1.png" alt="">
</div>
<h3>Hỗ trợ 24/7</h3>
<p></p> <i>1</i> <span></span>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</section>
<!-- SECTION: TESTIMONIALS-->
<section>
<div class="testimonails-head">
<div class="testimonails">
<div class="container">
<div class="row">
<!--TESTIMONIALS START-->
<div class="testimonails-inner">
<!--TESTIMONIALS LEFT SIDE CONTENT-->
<div class="testimo-header">
<span class="top">Đánh giá</span>
<h3>Được sự tin tưởng của hơn +4000 khách hàng</h3>
<!--TESTIMONIALS SLIDER CLICK BUTTON-->
<ul class="carousel-indicators">
<li>
<a class="carousel-control-prev" href="#demo" data-slide="prev">
<i class="fa fa-long-arrow-left carousel-control-prev-icon" aria-hidden="true"></i>
</a>
</li>
<li>
<a class="carousel-control-next" href="#demo" data-slide="next">
<i class="fa fa-long-arrow-right carousel-control-next-icon" aria-hidden="true"></i>
</a>
</li>
</ul>
</div>
<!--TESTIMONIALS RIGHT SIDE BOX-->
<div class="testi1">
<div class="testi2">
<!--TESTIMONIALS RIGHT SIDE BOX SLIDER CAROUSEL-->
<div id="demo" class="carousel slide" data-ride="carousel">
<div class="carousel-inner">
<!--TESTIMONIALS SLIDER 1 START-->
<div class="carousel-item active">
<!--TESTIMONIALS SLIDER 1 IMG AND RATING -->
<div class="col-lg-12 col-md-12 testi-slider">
<div class="testi-lhs">
<!--TESTIMONIALS SLIDER 1 STAR RATING -->
<div class="str-rating">
<span><span class="reviews"></span></span>
<img src="assets/images/testimonails/review 1.jpg" alt="">
<i></i>
</div>
<!--TESTIMONIALS SLIDER 1 IMG AND NAME-->
<img class="client-pic" src="" alt="">
<h3>Ngo Tram</h3>
<h4></h4>
</div>
</div>
</div>
<!--TESTIMONIALS SLIDER 1 END-->
<!--TESTIMONIALS SLIDER 2 START-->
<div class="carousel-item">
<!--TESTIMONIALS SLIDER 1 IMG AND RATING -->
<div class="col-lg-12 col-md-12 testi-slider">
<div class="testi-lhs">
<!--TESTIMONIALS SLIDER 1 STAR RATING -->
<div class="str-rating">
<span><span class="reviews"></span></span>
<img src="assets/images/testimonails/review 2.jpg" alt="">
<i></i>
</div>
<!--TESTIMONIALS SLIDER 1 IMG AND NAME-->
<img class="client-pic" src="" alt="">
<h3>Ninh Dao</h3>
<h4></h4>
</div>
</div>
</div>
<!--TESTIMONIALS SLIDER 2 END-->
<!--TESTIMONIALS SLIDER 2 START-->
<div class="carousel-item">
<!--TESTIMONIALS SLIDER 1 IMG AND RATING -->
<div class="col-lg-12 col-md-12 testi-slider">
<div class="testi-lhs">
<!--TESTIMONIALS SLIDER 1 STAR RATING -->
<div class="str-rating">
<span><span class="reviews"></span></span>
<img src="assets/images/testimonails/review 3.jpg" alt="">
<i></i>
</div>
<!--TESTIMONIALS SLIDER 1 IMG AND NAME-->
<img class="client-pic" src="" alt="">
<h3>Thúy Cao</h3>
<h4></h4>
</div>
</div>
</div>
<!--TESTIMONIALS SLIDER 2 END-->
<!--TESTIMONIALS SLIDER 2 START-->
<div class="carousel-item">
<!--TESTIMONIALS SLIDER 1 IMG AND RATING -->
<div class="col-lg-12 col-md-12 testi-slider">
<div class="testi-lhs">
<!--TESTIMONIALS SLIDER 1 STAR RATING -->
<div class="str-rating">
<span><span class="reviews"></span></span>
<img src="assets/images/testimonails/review 4.jpg" alt="">
<i></i>
</div>
<!--TESTIMONIALS SLIDER 1 IMG AND NAME-->
<img class="client-pic" src="" alt="">
<h3>Việt Khang ENV</h3>
<h4></h4>
</div>
</div>
</div>
<!--TESTIMONIALS SLIDER 2 END-->
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- SECTION: BRANDS -->
<section>
<div class="ani-eql brands">
<h2>Đối tác của chúng tôi</h2>
<!--BRANDS LOGO-->
<div class="brand1">
<ul>
<li>
<div class="brand1-img">
<img src="assets/images/brand/9.png" alt="">
</div>
</li>
<li>
<div class="brand1-img">
<img src="assets/images/brand/7.png" alt="">
</div>
<div class="brand1-img">
<img src="assets/images/brand/6.png" alt="">
</div>
</li>
<li>
<div class="brand1-img">
<img src="assets/images/brand/1.png" alt="">
</div>
<div class="brand1-img">
<img src="assets/images/brand/2.png" alt="">
</div>
<div class="brand1-img">
<img src="assets/images/brand/3.png" alt="">
</div>
</li>
<li>
<div class="brand1-img">
<img src="assets/images/brand/4.png" alt="">
</div>
<div class="brand1-img">
<img src="assets/images/brand/5.png" alt="">
</div>
</li>
<li>
<div class="brand1-img">
<img src="assets/images/brand/8.png" alt="">
</div>
</li>
</ul>
</div>
<!--BRANDS TEXT-->
<div class="text-slide1">
<div class="text-slide2">
<i>B</i>
<i>R</i>
<i>A</i>
<i>N</i>
<i>D</i>
<i>S</i>
</div>
</div>
<!--BRANDS TEXT-->
</div>
</section>
<!-- SECTION: COUNTRY WISE TRAVEL -->
<section>
<div class="ani-eql country-wise">
<!--COUNTRY WISE TRAVEL TITTLE-->
<h2>HÀNH TRÌNH KHÁM PHÁ MỚI MỖI NGÀY</h2>
<p>Khám phá thế giới cùng Bee Travel.</p>
<!--COUNTRY WISE TRAVEL MAP AND LINE-->
<div class="tim-lin">
<div class="country-travel">
<ul>
<!--COUNTRY WISE TRAVEL LOCATION IMG AND LINE-->
<!--COUNTRY WISE TRAVEL LOCATION IMG AND LINE-->
<li>
<div class="country-travel-1">
<img class="loc-img" src="assets/images/bg-icons/17.png" alt="">
<img src="assets/images/bg-icons/21.png" alt="">
<div class="travel-content">
<h3>Trung Quốc</h3>
<span></span>
</div>
</div>
</li>
<!--COUNTRY WISE TRAVEL LOCATION IMG AND LINE-->
<li>
<div class="country-travel-1">
<img class="loc-img" src="assets/images/bg-icons/17.png" alt="">
<img src="assets/images/bg-icons/15.png" alt="">
<div class="travel-content">
<h3>Hàn Quốc</h3>
<span></span>
</div>
</div>
</li>
<!--COUNTRY WISE TRAVEL LOCATION IMG AND LINE-->
<li>
<div class="country-travel-1">
<img class="loc-img" src="assets/images/bg-icons/17.png" alt="">
<img src="assets/images/bg-icons/12.png" alt="">
<div class="travel-content">
<h3>Nhật Bản</h3>
<span></span>
</div>
</div>
</li>
<!--COUNTRY WISE TRAVEL LOCATION IMG AND LINE-->
<li>
<div class="country-travel-1">
<img class="loc-img" src="assets/images/bg-icons/17.png" alt="">
<img src="assets/images/bg-icons/11.png" alt="">
<div class="travel-content">
<h3>Úc</h3>
<span></span>
</div>
</div>
</li>
<!--COUNTRY WISE TRAVEL LOCATION IMG AND LINE-->
<li>
<div class="country-travel-1">
<img class="loc-img" src="assets/images/bg-icons/17.png" alt="">
<img src="assets/images/bg-icons/10.png" alt="">
<div class="travel-content">
<h3>Mỹ</h3>
<span></span>
</div>
</div>
</li>
<!--COUNTRY WISE TRAVEL LOCATION IMG AND LINE-->
<li>
<div class="country-travel-1">
<img class="loc-img" src="assets/images/bg-icons/17.png" alt="">
<img src="assets/images/bg-icons/8.png" alt="">
<div class="travel-content">
<h3>Singapore</h3>
<span></span>
</div>
</div>
</li>
<!--COUNTRY WISE TRAVEL LOCATION IMG AND LINE-->
<li>
<div class="country-travel-1">
<img class="loc-img" src="assets/images/bg-icons/17.png" alt="">
<img src="assets/images/bg-icons/7.png" alt="">
<div class="travel-content">
<h3>Pháp</h3>
<span></span>
</div>
</div>
</li>
<!--COUNTRY WISE TRAVEL LOCATION IMG AND LINE-->
<li>
<div class="country-travel-1">
<img class="loc-img" src="assets/images/bg-icons/17.png" alt="">
<img src="assets/images/bg-icons/20.png" alt="">
<div class="travel-content">
<h3>Việt Nam</h3>
<span></span>
</div>
</div>
</li>
</ul>
</div>
</div>
<!--COUNTRY WISE TRAVEL MAP AND LINE END-->
</div>
</section>
<!-- SECTION: TRAVEL TOUR-->
<section>
<div class="ani-eql holiday-off">
<!-- TRAVEL TOUR BACKGROUND IMG -->
<div class="holiday-off1">
<div class="container">
<div class="row">
<!-- TRAVEL TOUR LEFT SIDE CONTENT -->
<div class="lhs-bg-1">
<h2>Khuyến mãi <span>20-30% Off</span><br> journeys save money</h2>
<p>Popular Family Tour Packages and Delightful family
<br> Vacation Lorem ipsum is a placeholde
</p>
<a href="#" data-toggle="modal" data-target="#myModal" class="lhs-btn">Đặt chỗ ngay</a>
</div>
<!--DISCOUNT TRAVEL TOUR RIGHT SIDE -->
<div class="rhs-dis">
<ul>
<!--DISCOUNT TRAVEL TOUR RIGHT SIDE -->
<li>
<div class="discount">
<i class="fa fa-envelope-o" aria-hidden="true"></i>
<h3>Tư vấn e-mail<br><span>booking@btravel.vn</span></h3>
</div>
</li>
<!--DISCOUNT TRAVEL TOUR RIGHT SIDE -->
<li>
<div class="discount">
<i class="fa fa-phone" aria-hidden="true"></i>
<h3>Đặt chỗ ngay <br><span>0919257499</span></h3>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- SECTION: FOOTER -->
<section>
<div class="footer comm-p-t-b">
<div class="container">
<div class="row">
<!--FOOTER LOGO & DEATILES LEFT SIDE-->
<div class="deatiles-footer">
<a href="#"><img src="assets/images/icons/logo1.png" alt=""></a>
<div class="follow-us">
<ul>
<li><a href="#home"><i class="fa fa-facebook-f" aria-hidden="true"></i></a></li>
</ul>
</div>
</div>
<!--FOOTER FEATURES-->
<div class="deatiles-footer deatiles-footer-right">
<a href="mailto:booking@btravel.vn" target="_blank"><i class="fa fa-envelope-o" aria-hidden="true"></i>booking@btravel.vn</a>
<a href="tel:+919094506116" target="_blank"><i class="fa fa-phone" aria-hidden="true"></i>0919 257 499</a>
<a href="https://goo.gl/maps/BaKt43MYtfrhzPYs8" target="_blank"><i class="fa fa-map-marker" aria-hidden="true"></i>70, Đường 13, KĐT Vạn Phúc, Phường Hiệp Bình Phước, TP. Thủ Đức, TP. HCM</a>
<!--FOOTER FOLLOW SOCIAL MEDIA-->
</div>
</div>
</div>
</div>
</section>
<!-- SECTION: COPY RIGHT -->
<section>
<div class="cpy-right">
<p><i>©</i>Copyright 2023<a href="#"> www.btravel.vn</a> .All right reserved.</p>
</div>
</section>
<!-- SECTION: GO TO TOP -->
<section>
<div class="go-to-top">
<a href="#">
<span>Top</span>
<i class="fa fa-long-arrow-up" aria-hidden="true"></i></a>
</div>
</section>
<!-- Modal -->
<div id="myModal" class="modal fade" role="dialog">
<div class="modal-dialog modal-xl">
<!-- Modal content-->
<div class="modal-content">
<!-- SECTION: POP UP TRAVEL BOOKING FORM AND IMG -->
<div class="pop-up">
<!--POP UP IMG-->
<div class="pop-up1">
<img class="pop-im" src="assets/images/places/4.jpg" alt="">
</div>
<!--POP UP TRAVEL BOOKING FORM DEATILES-->
<div class="pop-up2">
<button type="button" class="close" data-dismiss="modal">×</button>
<h2 class="book-tit">Đặt chỗ cho kỳ nghỉ mong ước của bạn</h2>
<p>Du lịch chất lượng - Trải nghiệm sự hoàn hảo</p>
<div class="book-now">
<form class="contact__form" method="post" action="https://rn53themes.net/themes/demo/landing-pages/travel-agency/assets/mail.php">
<div class="contact__msg">Thank you.</div>
<ul>
<!--POP UP DESTINATION-->
<li class="full"> <span>Điểm đến</span>
<select name="packages" class="form-control">
<option value="Vũng Tàu">Vũng Tàu</option>
<option value="Nha Trang">Nha Trang</option>
<option value="Phan Thiết">Phan Thiết</option>
<option value="Quy Nhơn">Quy Nhơn</option>
</select>
</li>
<!--POP UP NAME-->
<li class="half"> <span> Full Name</span>
<input type="text" name="name" placeholder="Name *" class="form-control" required>
</li>
<!--POP UP EMAIL ADDTESS-->
<li class="half"> <span>Email Address </span>
<input type="text" pattern="[a-z0-9._%+-]+@[a-z0-9.-]+\.[a-z]{2,}$" name="email" placeholder="Email id *" title="Please enter valid email id" class="form-control" required>
</li>
<!--POP UP PHONE-->
<li class="half"> <span> Number</span>
<input type="text" name="phone" placeholder="Phone *" class="form-control" required>
</li>
<!--POP UP DATE-->
<li class="half"> <span> Check in Date</span>
<input type="date" name="date" class="form-control">
</li>
<!--POP UP ADULTS-->
<li class="half"> <span>Adults</span>
<select name="adults" class="form-control">
<option value="01">01</option>
<option value="02">02</option>
<option value="03">03</option>
</select>
</li>
<!--POP UP ADULTS-->
<li class="half"> <span>Children </span>
<select name="children" class="form-control">
<option value="02">02</option>
<option value="04">03</option>
<option value="04">04</option>
</select>
</li>
<li class="full">
<input type="submit" name="submit" value="Book now">
</li>
</ul>
</form>
</div>
</div>
</div>
<!-- SECTION: POP UP END -->
</div>
</div>
</div>
<!-- Optional JavaScript -->
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="assets/js/jquery-3.6.0.min.js"></script>
<script src="assets/js/popper.min.js"></script>
<script src="assets/js/bootstrap.min.js"></script>
<script src="assets/js/mail.js"></script>
<script src="assets/js/custom.js"></script>
</body>
</html>