| Server IP : 104.21.21.239 / Your IP : 216.73.216.11 Web Server : Apache/2.4.68 (Amazon Linux) OpenSSL/3.5.5 System : Linux ip-172-31-69-123.ec2.internal 6.1.176-223.369.amzn2023.x86_64 #1 SMP PREEMPT_DYNAMIC Fri Jul 24 13:34:27 UTC 2026 x86_64 User : ec2-user ( 1000) PHP Version : 8.4.23 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : OFF | Sudo : ON | Pkexec : ON Directory : /home/home2/domains/nycyouth/Package-HTML/Canvas 7 Files/ |
Upload File : |
<!DOCTYPE html>
<html dir="ltr" lang="en-US">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<meta http-equiv="x-ua-compatible" content="IE=edge">
<meta name="author" content="SemiColonWeb">
<meta name="description" content="Get Canvas to build powerful websites easily with the Highly Customizable & Best Selling Bootstrap Template, today.">
<!-- Font Imports -->
<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=Inter:wght@300;400;500;600;700&family=PT+Serif:ital@0;1&display=swap" rel="stylesheet">
<!-- Core Style -->
<link rel="stylesheet" href="style.css">
<!-- Font Icons -->
<link rel="stylesheet" href="css/font-icons.css">
<!-- Plugins/Components CSS -->
<link rel="stylesheet" href="css/components/datepicker.css">
<!-- Niche Demos -->
<link rel="stylesheet" href="demos/travel/travel.css">
<!-- Custom CSS -->
<link rel="stylesheet" href="css/custom.css">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Document Title
============================================= -->
<title>Travel | Canvas</title>
</head>
<body class="stretched">
<!-- Document Wrapper
============================================= -->
<div id="wrapper">
<!-- Top Bar
============================================= -->
<div id="top-bar" class="transparent-topbar dark">
<div class="container">
<div class="row justify-content-between">
<div class="col-12 col-md-auto">
<!-- Top Links
============================================= -->
<div class="top-links">
<ul class="top-links-container">
<li class="top-links-item"><a href="demo-travel.html">Home</a></li>
<li class="top-links-item"><a href="faqs.html">FAQs</a></li>
<li class="top-links-item"><a href="contact.html">Contact</a></li>
<li class="top-links-item"><a href="#">USD</a>
<ul class="top-links-sub-menu">
<li class="top-links-item"><a href="#">EUR</a></li>
<li class="top-links-item"><a href="#">AUD</a></li>
<li class="top-links-item"><a href="#">GBP</a></li>
</ul>
</li>
</ul>
</div><!-- .top-links end -->
</div>
<div class="col-12 col-md-auto">
<!-- Top Social
============================================= -->
<ul id="top-social">
<li><a href="#" class="h-bg-facebook"><span class="ts-icon"><i class="fa-brands fa-facebook-f"></i></span><span class="ts-text">Facebook</span></a></li>
<li><a href="#" class="h-bg-twitter"><span class="ts-icon"><i class="fa-brands fa-twitter"></i></span><span class="ts-text">Twitter</span></a></li>
<li><a href="#" class="h-bg-pinterest"><span class="ts-icon"><i class="fa-brands fa-pinterest-p"></i></span><span class="ts-text">Pinterest</span></a></li>
<li><a href="#" class="h-bg-instagram"><span class="ts-icon"><i class="fa-brands fa-instagram"></i></span><span class="ts-text">Instagram</span></a></li>
<li><a href="tel:+1.11.85412542" class="h-bg-call"><span class="ts-icon"><i class="fa-solid fa-phone"></i></span><span class="ts-text">+1.11.85412542</span></a></li>
<li><a href="mailto:[email protected]" class="h-bg-email3"><span class="ts-icon"><i class="bi-envelope-fill"></i></span><span class="ts-text">[email protected]</span></a></li>
</ul><!-- #top-social end -->
</div>
</div>
</div>
</div><!-- #top-bar end -->
<!-- Header
============================================= -->
<header id="header" class="transparent-header dark" data-sticky-class="not-dark" data-responsive-class="not-dark" data-menu-padding="28">
<div id="header-wrap">
<div class="container">
<div class="header-row">
<!-- Logo
============================================= -->
<div id="logo">
<a href="demo-travel.html">
<img class="logo-default" srcset="images/logo.png, images/[email protected] 2x" src="images/[email protected]" alt="Canvas Logo">
<img class="logo-dark" srcset="images/logo-dark.png, images/[email protected] 2x" src="images/[email protected]" alt="Canvas Logo">
</a>
</div><!-- #logo end -->
<div class="primary-menu-trigger">
<button class="cnvs-hamburger" type="button" title="Open Mobile Menu">
<span class="cnvs-hamburger-box"><span class="cnvs-hamburger-inner"></span></span>
</button>
</div>
<!-- Primary Navigation
============================================= -->
<nav class="primary-menu style-4 menu-spacing-margin">
<ul class="menu-container">
<li class="menu-item current"><a class="menu-link" href="demo-travel.html"><div><i class="bi-house"></i>Home</div></a></li>
<li class="menu-item"><a class="menu-link" href="#"><div><i class="bi-airplane"></i>Flights</div></a></li>
<li class="menu-item"><a class="menu-link" href="demo-travel-hotels.html"><div><i class="bi-building"></i>Hotels</div></a></li>
<li class="menu-item"><a class="menu-link" href="demo-travel-holidays.html"><div><i class="bi-briefcase"></i>Holidays</div></a></li>
<li class="menu-item"><a class="menu-link" href="demo-travel-blog.html"><div><i class="bi-newspaper"></i>Blog</div></a></li>
<li class="menu-item"><a class="menu-link" href="#"><div><i class="bi-telephone"></i>1800 105 2541</div></a></li>
</ul>
</nav><!-- #primary-menu end -->
</div>
</div>
</div>
<div class="header-wrap-clone"></div>
</header><!-- #header end -->
<section id="slider" class="slider-element slider-parallax swiper_wrapper min-vh-60 min-vh-md-100 include-header include-topbar">
<div class="slider-inner">
<div class="fslider h-100 position-absolute" data-speed="3000" data-pause="7500" data-animation="fade" data-arrows="false" data-pagi="false" style="background-color: #333;">
<div class="flexslider">
<div class="slider-wrap">
<div class="slide" style="background: url('demos/travel/images/slider/1.jpg') center center; background-size: cover;"></div>
<div class="slide" style="background: url('demos/travel/images/slider/2.jpg') center center; background-size: cover;"></div>
<div class="slide" style="background: url('demos/travel/images/slider/3.jpg') center center; background-size: cover;"></div>
</div>
</div>
</div>
<div id="travel-slider-overlay">
<div class="vertical-middle">
<div class="container py-5 pt-5 pb-lg-0">
<div class="travel-organiser-tabs tabs mt-lg-5">
<ul class="nav canvas-tabs nav-tabs" id="canvas-tab" role="tablist">
<li class="nav-item"><a class="nav-link active" data-bs-toggle="pill" role="tab" href="#tab-flights"><i class="bi-airplane me-2"></i><span class="d-none d-md-inline-block">Flights</span></a></li>
<li class="nav-item"><a class="nav-link" data-bs-toggle="pill" role="tab" href="#tab-hotels"><i class="bi-building me-2"></i><span class="d-none d-md-inline-block">Hotels</span></a></li>
<li class="nav-item"><a class="nav-link" data-bs-toggle="pill" role="tab" href="#tab-flights-hotels"><span class="d-block d-md-none"><i class="bi-airplane"></i> + <i class="bi-building"></i></span><span class="d-none d-md-inline-block">Flights + Hotels <span class="badge bg-danger">Save</span></span></a></li>
<li class="nav-item"><a class="nav-link" data-bs-toggle="pill" role="tab" href="#tab-holidays"><i class="bi-gift me-2"></i><span class="d-none d-md-inline-block">Holidays</span></a></li>
</ul>
<div id="canvas-TabContent" class="tab-content">
<div class="tab-pane show active" id="tab-flights" role="tabpanel" aria-labelledby="canvas-home-tab" tabindex="0">
<div class="heading-block border-bottom-0 mb-4 d-flex flex-column flex-md-row justify-content-between align-items-center">
<h4>Book your Flights</h4>
<div class="btn-group">
<button type="button" class="btn btn-danger btn-sm bg-color border-color">Domestic</button>
<button type="button" class="btn btn-secondary btn-sm">International</button>
</div>
</div>
<form action="#" method="post" class="mb-0">
<div class="row g-4">
<div class="col-md-6 col-12">
<label>From</label>
<input type="text" value="" class="form-control" placeholder="Eg. Melbourne, Australia">
</div>
<div class="col-md-6 col-12">
<label>To</label>
<input type="text" value="" class="form-control" placeholder="Eg. New York, United States">
</div>
<div class="col-md-9">
<div class="row input-daterange travel-date-group">
<div class="col-md-6 col-6">
<label>Departure</label>
<input type="text" value="" class="form-control text-start" name="start" placeholder="MM/DD/YYYY">
</div>
<div class="col-md-6 col-6">
<label>Return</label>
<input type="text" value="" class="form-control text-start" name="end" placeholder="MM/DD/YYYY">
</div>
</div>
</div>
<div class="col-md-3">
<label>Adults</label>
<input type="number" min="1" max="10" value="" class="form-control" name="end" placeholder="2">
</div>
<div class="col-md-12 d-flex flex-column flex-md-row justify-content-between align-items-center">
<button class="button button-3d m-0 me-4">Search Flights</button>
<a href="#" class="more-link" style="margin-top: 9px;">Advanced Search</a>
</div>
</div>
</form>
</div>
<div class="tab-pane" id="tab-hotels" role="tabpanel" aria-labelledby="canvas-home-tab" tabindex="0">
<div class="heading-block border-bottom-0 mb-4 d-flex flex-column flex-md-row justify-content-between align-items-center">
<h4>Book your Hotels</h4>
<div class="btn-group">
<button type="button" class="btn btn-danger btn-sm bg-color border-color">Domestic</button>
<button type="button" class="btn btn-secondary btn-sm">International</button>
</div>
</div>
<form action="#" method="post" class="mb-0">
<div class="row g-4">
<div class="col-md-12">
<label>City</label>
<input type="text" value="" class="form-control" placeholder="Eg. Melbourne, Australia">
</div>
<div class="col-md-9">
<div class="row input-daterange travel-date-group">
<div class="col-md-6 col-6">
<label>Departure</label>
<input type="text" value="" class="form-control text-start" name="start" placeholder="MM/DD/YYYY">
</div>
<div class="col-md-6 col-6">
<label>Return</label>
<input type="text" value="" class="form-control text-start" name="end" placeholder="MM/DD/YYYY">
</div>
</div>
</div>
<div class="col-md-3">
<label>Rooms</label>
<input type="number" min="1" max="10" value="" class="form-control" name="end" placeholder="2">
</div>
<div class="col-md-12 d-flex flex-column flex-md-row justify-content-between align-items-center">
<button class="button button-3d m-0 me-4">Search Hotels</button>
<a href="#" class="more-link" style="margin-top: 9px;">Popular Hotels</a>
</div>
</div>
</form>
</div>
<div class="tab-pane" id="tab-flights-hotels" role="tabpanel" aria-labelledby="canvas-home-tab" tabindex="0">
<div class="heading-block border-bottom-0 mb-4 d-flex flex-column flex-md-row justify-content-between align-items-center">
<h4>Book Flights & Hotels</h4>
<div class="btn-group">
<button type="button" class="btn btn-danger btn-sm bg-color border-color">Domestic</button>
<button type="button" class="btn btn-secondary btn-sm">International</button>
</div>
</div>
<form action="#" method="post" class="mb-0">
<div class="row g-4">
<div class="col-md-9">
<div class="row">
<div class="col-md-6 col-6">
<label>From</label>
<input type="text" value="" class="form-control" placeholder="Eg. Melbourne, Australia">
</div>
<div class="col-md-6 col-6">
<label>Destination</label>
<input type="text" value="" class="form-control" placeholder="Eg. New York, United States">
</div>
</div>
</div>
<div class="col-md-3">
<label>Adults</label>
<input type="number" min="1" max="10" value="" class="form-control" name="end" placeholder="2">
</div>
<div class="col-md-9">
<div class="row input-daterange travel-date-group">
<div class="col-md-6 col-6">
<label>Departure</label>
<input type="text" value="" class="form-control text-start" name="start" placeholder="MM/DD/YYYY">
</div>
<div class="col-md-6 col-6">
<label>Return</label>
<input type="text" value="" class="form-control text-start" name="end" placeholder="MM/DD/YYYY">
</div>
</div>
</div>
<div class="col-md-3">
<label>Rooms</label>
<input type="number" min="1" max="10" value="" class="form-control" name="end" placeholder="2">
</div>
<div class="col-md-12 d-flex flex-column flex-md-row justify-content-between align-items-center">
<button class="button button-3d m-0 me-4">Search Flights + Hotels</button>
<a href="#" class="more-link" style="margin-top: 9px;">Holiday Packages</a>
</div>
</div>
</form>
</div>
<div class="tab-pane" id="tab-holidays" role="tabpanel" aria-labelledby="canvas-home-tab" tabindex="0">
<div class="heading-block border-bottom-0 mb-4">
<h4>Search for Holiday Packages</h4>
</div>
<form action="#" method="post" class="mb-0">
<div class="row g-4">
<div class="col-md-6 col-12">
<label>From</label>
<input type="text" value="" class="form-control" placeholder="Eg. Melbourne, Australia">
</div>
<div class="col-md-6 col-12">
<label>Destination</label>
<input type="text" value="" class="form-control" placeholder="Eg. Europe">
</div>
<div class="col-md-9">
<div class="row">
<div class="col-md-6 col-6">
<label>Month</label>
<select name="month" class="form-select">
<option value="">-- Select Month --</option>
<option value="November 2021">November 2021</option>
<option value="December 2021">December 2021</option>
<option value="January 2021">January 2021</option>
<option value="February 2021">February 2021</option>
<option value="March 2021">March 2021</option>
<option value="April 2021">April 2021</option>
<option value="May 2021">May 2021</option>
<option value="June 2021">June 2021</option>
</select>
</div>
<div class="col-md-6 col-6">
<label>Budget</label>
<select name="budget" class="form-select">
<option value="">-- Select Budget --</option>
<option value="November 2021">$99 to $199</option>
<option value="December 2021">$200 to $499</option>
<option value="January 2021">$500 to $999</option>
<option value="February 2021">$1000 to $1999</option>
<option value="March 2021">Above $2000</option>
</select>
</div>
</div>
</div>
<div class="col-md-3">
<label>Adults</label>
<input type="number" min="1" max="10" value="" class="form-control" name="end" placeholder="2">
</div>
<div class="col-md-12 d-flex flex-column flex-md-row justify-content-between align-items-center">
<button class="button button-3d m-0 me-4">Search Flights</button>
<a href="#" class="more-link" style="margin-top: 9px;">Advanced Search</a>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Content
============================================= -->
<section id="content">
<div class="content-wrap">
<div class="section mb-6 header-stick">
<div class="container">
<div class="row mt-4 col-mb-30 mb-0">
<div class="col-sm-6 col-lg-3 text-center text-sm-start">
<i class="i-plain color i-large bi-airplane inline-block mb-3"></i>
<div class="heading-block border-bottom-0 mb-0">
<span class="before-heading">Easy & Cheap.</span>
<h4>Search Flights</h4>
</div>
</div>
<div class="col-sm-6 col-lg-3 text-center text-sm-start">
<i class="i-plain color i-large bi-key inline-block mb-3"></i>
<div class="heading-block border-bottom-0 mb-0">
<span class="before-heading">Over 15000+ Places.</span>
<h4>Get Hotel Deals</h4>
</div>
</div>
<div class="col-sm-6 col-lg-3 text-center text-sm-start">
<i class="i-plain color i-large bi-gift inline-block mb-3"></i>
<div class="heading-block border-bottom-0 mb-0">
<span class="before-heading">Explore Destinations.</span>
<h4>Holiday Packages</h4>
</div>
</div>
<div class="col-sm-6 col-lg-3 text-center text-sm-start">
<i class="i-plain color i-large bi-headphones inline-block mb-3"></i>
<div class="heading-block border-bottom-0 mb-0">
<span class="before-heading">24x7 Dedicated Helpline.</span>
<h4>1800 105 2541</h4>
</div>
</div>
</div>
</div>
</div>
<div class="container">
<div class="heading-block text-center border-bottom-0">
<span class="before-heading color">What are you in the Mood for.?</span>
<h2>Tailor made Packages for you</h2>
</div>
</div>
<div id="portfolio" class="portfolio row grid-container portfolio-overlay-open g-0">
<article class="portfolio-item col-12 col-sm-6 col-md-4 col-lg-3 pf-media pf-icons">
<div class="grid-inner">
<div class="portfolio-image">
<a href="portfolio-single.html">
<img src="demos/travel/images/packages/1.jpg" alt="Beach Activities">
<div class="bg-overlay">
<div class="bg-overlay-content dark flex-column">
<div class="portfolio-desc py-0 text-center">
<h3>Beach Activities</h3>
</div>
</div>
<div class="bg-overlay-bg dark op-ts op-05" data-hover-animate="op-1" data-hover-animate-out="op-05"></div>
</div>
</a>
</div>
</div>
</article>
<article class="portfolio-item col-12 col-sm-6 col-md-4 col-lg-3 pf-illustrations">
<div class="grid-inner">
<div class="portfolio-image">
<a href="portfolio-single.html">
<img src="demos/travel/images/packages/2.jpg" alt="Romantic Getaways">
<div class="bg-overlay">
<div class="bg-overlay-content dark flex-column">
<div class="portfolio-desc py-0 text-center">
<h3>Romantic Getaways</h3>
</div>
</div>
<div class="bg-overlay-bg dark op-ts op-05" data-hover-animate="op-1" data-hover-animate-out="op-05"></div>
</div>
</a>
</div>
</div>
</article>
<article class="portfolio-item col-12 col-sm-6 col-md-4 col-lg-3 pf-graphics pf-uielements">
<div class="grid-inner">
<div class="portfolio-image">
<a href="#">
<img src="demos/travel/images/packages/3.jpg" alt="Mountain Madness">
<div class="bg-overlay">
<div class="bg-overlay-content dark flex-column">
<div class="portfolio-desc py-0 text-center">
<h3>Mountain Madness</h3>
</div>
</div>
<div class="bg-overlay-bg dark op-ts op-05" data-hover-animate="op-1" data-hover-animate-out="op-05"></div>
</div>
</a>
</div>
</div>
</article>
<article class="portfolio-item col-12 col-sm-6 col-md-4 col-lg-3 pf-icons pf-illustrations">
<div class="grid-inner">
<div class="portfolio-image">
<a href="portfolio-single.html">
<img src="demos/travel/images/packages/4.jpg" alt="Active Explorer">
<div class="bg-overlay">
<div class="bg-overlay-content dark flex-column">
<div class="portfolio-desc py-0 text-center">
<h3>Active Explorer</h3>
</div>
</div>
<div class="bg-overlay-bg dark op-ts op-05" data-hover-animate="op-1" data-hover-animate-out="op-05"></div>
</div>
</a>
</div>
</div>
</article>
<article class="portfolio-item col-12 col-sm-6 col-md-4 col-lg-3 pf-uielements pf-media">
<div class="grid-inner">
<div class="portfolio-image">
<a href="portfolio-single.html">
<img src="demos/travel/images/packages/5.jpg" alt="Icy Challenge">
<div class="bg-overlay">
<div class="bg-overlay-content dark flex-column">
<div class="portfolio-desc py-0 text-center">
<h3>Icy Challenge</h3>
</div>
</div>
<div class="bg-overlay-bg dark op-ts op-05" data-hover-animate="op-1" data-hover-animate-out="op-05"></div>
</div>
</a>
</div>
</div>
</article>
<article class="portfolio-item col-12 col-sm-6 col-md-4 col-lg-3 pf-graphics pf-illustrations">
<div class="grid-inner">
<div class="portfolio-image">
<a href="portfolio-single.html">
<img src="demos/travel/images/packages/6.jpg" alt="Hill Trekking">
<div class="bg-overlay">
<div class="bg-overlay-content dark flex-column">
<div class="portfolio-desc py-0 text-center">
<h3>Hill Trekking</h3>
</div>
</div>
<div class="bg-overlay-bg dark op-ts op-05" data-hover-animate="op-1" data-hover-animate-out="op-05"></div>
</div>
</a>
</div>
</div>
</article>
<article class="portfolio-item col-12 col-sm-6 col-md-4 col-lg-3 pf-uielements pf-icons">
<div class="grid-inner">
<div class="portfolio-image">
<a href="portfolio-single-video.html">
<img src="demos/travel/images/packages/7.jpg" alt="Forest Camping">
<div class="bg-overlay">
<div class="bg-overlay-content dark flex-column">
<div class="portfolio-desc py-0 text-center">
<h3>Forest Camping</h3>
</div>
</div>
<div class="bg-overlay-bg dark op-ts op-05" data-hover-animate="op-1" data-hover-animate-out="op-05"></div>
</div>
</a>
</div>
</div>
</article>
<article class="portfolio-item col-12 col-sm-6 col-md-4 col-lg-3 pf-graphics">
<div class="grid-inner">
<div class="portfolio-image">
<a href="portfolio-single.html">
<img src="demos/travel/images/packages/8.jpg" alt="River Rafting">
<div class="bg-overlay">
<div class="bg-overlay-content dark flex-column">
<div class="portfolio-desc py-0 text-center">
<h3>River Rafting</h3>
</div>
</div>
<div class="bg-overlay-bg dark op-ts op-05" data-hover-animate="op-1" data-hover-animate-out="op-05"></div>
</div>
</a>
</div>
</div>
</article>
</div>
<div class="row align-items-stretch mx-0">
<div id="popular-dest-map" class="col-md-6 col-lg-8 px-0 d-none d-md-block">
<div class="gmap h-100" data-address="Spain" data-zoom="2" data-markers='[{address:"Melbourne,Australia",icon:{image:"images/icons/map-icon-red.png",iconsize:[32,39],iconanchor:[16,36]}},{address:"Ibiza,Spain",icon:{image:"images/icons/map-icon-red.png",iconsize:[32,39],iconanchor:[16,36]}},{address:"NewYork",icon:{image:"images/icons/map-icon-red.png",iconsize:[32,39],iconanchor:[16,36]}},{address:"RiodeJaneiro,Brazil",icon:{image:"images/icons/map-icon-red.png",iconsize:[32,39],iconanchor:[16,36]}},{address:"Moscow,Russia",icon:{image:"images/icons/map-icon-red.png",iconsize:[32,39],iconanchor:[16,36]}},{address:"Rome,Italy",icon:{image:"images/icons/map-icon-red.png",iconsize:[32,39],iconanchor:[16,36]}},{address:"NewDelhi,India",icon:{image:"images/icons/map-icon-red.png",iconsize:[32,39],iconanchor:[16,36]}},{address:"Bangkok,Thailand",icon:{image:"images/icons/map-icon-red.png",iconsize:[32,39],iconanchor:[16,36]}},{address:"Dubai",icon:{image:"images/icons/map-icon-red.png",iconsize:[32,39],iconanchor:[16,36]}},{address:"CapeTown,SouthAfrica",icon:{image:"images/icons/map-icon-red.png",iconsize:[32,39],iconanchor:[16,36]}}]' data-styles='[{"featureType":"landscape.natural","elementType":"geometry.fill","stylers":[{"visibility":"on"},{"color":"#e0efef"}]},{"featureType":"poi","elementType":"geometry.fill","stylers":[{"visibility":"on"},{"hue":"#1900ff"},{"color":"#c0e8e8"}]},{"featureType":"road","elementType":"geometry","stylers":[{"lightness":100},{"visibility":"simplified"}]},{"featureType":"road","elementType":"labels","stylers":[{"visibility":"off"}]},{"featureType":"transit.line","elementType":"geometry","stylers":[{"visibility":"on"},{"lightness":700}]},{"featureType":"water","elementType":"all","stylers":[{"color":"#7dcdcd"}]}]' data-scrollwheel="false"></div>
</div>
<div class="col-md-6 col-lg-4 col-padding" style="background-color: #F9F9F9;">
<div class="heading-block border-bottom-0">
<h4>Popular Destinations</h4>
</div>
<div class="posts-sm row col-mb-30">
<div class="entry col-sm-6 col-md-12">
<div class="grid-inner row align-items-center g-0">
<div class="col-auto">
<div class="entry-image">
<a href="#"><img src="images/magazine/small/1.jpg" alt="Image"></a>
</div>
</div>
<div class="col ps-3">
<div class="entry-title">
<h4><a href="#">7 Nights/8 Days Europe</a></h4>
</div>
<div class="entry-meta">
<ul>
<li><span class="color">$599</span> onwards</li>
</ul>
</div>
</div>
</div>
</div>
<div class="entry col-sm-6 col-md-12">
<div class="grid-inner row align-items-center g-0">
<div class="col-auto">
<div class="entry-image">
<a href="#"><img src="images/magazine/small/2.jpg" alt="Image"></a>
</div>
</div>
<div class="col ps-3">
<div class="entry-title">
<h4><a href="#">4 Nights/5 Days Thailand</a></h4>
</div>
<div class="entry-meta">
<ul>
<li><span class="color">$399</span> onwards</li>
</ul>
</div>
</div>
</div>
</div>
<div class="entry col-sm-6 col-md-12">
<div class="grid-inner row align-items-center g-0">
<div class="col-auto">
<div class="entry-image">
<a href="#"><img src="images/magazine/small/3.jpg" alt="Image"></a>
</div>
</div>
<div class="col ps-3">
<div class="entry-title">
<h4><a href="#">11 Nights/12 Days America</a></h4>
</div>
<div class="entry-meta">
<ul>
<li><span class="color">$1299</span> onwards</li>
</ul>
</div>
</div>
</div>
</div>
<div class="entry col-sm-6 col-md-12">
<div class="grid-inner row align-items-center g-0">
<div class="col-auto">
<div class="entry-image">
<a href="#"><img src="images/magazine/small/4.jpg" alt="Image"></a>
</div>
</div>
<div class="col ps-3">
<div class="entry-title">
<h4><a href="#">14 Nights/15 Days New Zealand</a></h4>
</div>
<div class="entry-meta">
<ul>
<li><span class="color">$1999</span> onwards</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<a href="#" class="button button-full button-dark text-center mb-6">
<div class="container">
Can't find your Favorite Package? <strong>Browse Packages</strong> <i class="fa-solid fa-caret-right" style="top:4px;"></i>
</div>
</a>
<div class="container">
<div class="heading-block text-center">
<h2>Latest from our Blog</h2>
<span>Stay in Touch with the Latest Travel Trends & Destination News</span>
</div>
<div class="row posts-md col-mb-50">
<div class="entry col-md-6">
<div class="grid-inner row align-items-center">
<div class="col-lg-6">
<div class="entry-image mb-0">
<a href="#"><img src="demos/travel/images/blog/1.jpg" alt="Paris"></a>
</div>
</div>
<div class="col-lg-6 mt-3 mt-lg-0">
<span class="before-heading">Sightseeing</span>
<div class="entry-title title-xs text-transform-none">
<h3><a href="#">Things to do in Bangkok for free</a></h3>
</div>
<div class="entry-meta">
<ul>
<li><i class="uil uil-schedule"></i> 16th July</li>
<li><a href="#"><i class="uil uil-comments-alt"></i> 05</a></li>
</ul>
</div>
<div class="entry-content">
<a href="#" class="more-link">Read more</a>
</div>
</div>
</div>
</div>
<div class="entry col-md-6">
<div class="grid-inner row align-items-center">
<div class="col-lg-6">
<div class="entry-image mb-0">
<a href="#"><img src="demos/travel/images/blog/2.jpg" alt="Paris"></a>
</div>
</div>
<div class="col-lg-6 mt-3 mt-lg-0">
<span class="before-heading">Nightlife</span>
<div class="entry-title title-xs text-transform-none">
<h3><a href="#">Nightclubs to check out in Kuala Lumpur</a></h3>
</div>
<div class="entry-meta">
<ul>
<li><i class="uil uil-schedule"></i> 21th June</li>
<li><a href="#"><i class="uil uil-comments-alt"></i> 12</a></li>
</ul>
</div>
<div class="entry-content">
<a href="#" class="more-link">Read more</a>
</div>
</div>
</div>
</div>
<div class="entry col-md-6">
<div class="grid-inner row align-items-center">
<div class="col-lg-6">
<div class="entry-image mb-0">
<a href="#"><img src="demos/travel/images/blog/3.jpg" alt="Paris"></a>
</div>
</div>
<div class="col-lg-6 mt-3 mt-lg-0">
<span class="before-heading">Hotels</span>
<div class="entry-title title-xs text-transform-none">
<h3><a href="#">Prague hotels for every kind of traveller</a></h3>
</div>
<div class="entry-meta">
<ul>
<li><i class="uil uil-schedule"></i> 02th March</li>
<li><a href="#"><i class="uil uil-comments-alt"></i> 39</a></li>
</ul>
</div>
<div class="entry-content">
<a href="#" class="more-link">Read more</a>
</div>
</div>
</div>
</div>
<div class="entry col-md-6">
<div class="grid-inner row align-items-center">
<div class="col-lg-6">
<div class="entry-image mb-0">
<a href="#"><img src="demos/travel/images/blog/4.jpg" alt="Paris"></a>
</div>
</div>
<div class="col-lg-6 mt-3 mt-lg-0">
<span class="before-heading">Eating Out</span>
<div class="entry-title title-xs text-transform-none">
<h3><a href="#">Shanghai restaurants for the discerning diner</a></h3>
</div>
<div class="entry-meta">
<ul>
<li><i class="uil uil-schedule"></i> 11th February</li>
<li><a href="#"><i class="uil uil-comments-alt"></i> 11</a></li>
</ul>
</div>
<div class="entry-content">
<a href="#" class="more-link">Read more</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section mt-6 footer-stick">
<div class="container text-center mw-md">
<div class="heading-block mb-4 border-bottom-0">
<span class="before-heading color">Create a Custom Plan based on your Taste</span>
<h2>Start making your Travel Plans</h2>
</div>
<p class="lead">Educate, aid, criteria catalyst John Lennon. Life-saving diversity necessities elevate worldwide carbon rights empowerment. Pursue these aspirations leverage, accessibility UNICEF, reduce child mortality collaborative cities safeguards. Informal economies non-partisan; evolution transformative climate change local benefit.</p>
<a href="#" class="button button-rounded button-reveal text-end button-xlarge mt-4"><i class="uil uil-angle-right-b"></i><span>Create a Package</span></a>
</div>
</div>
</div>
</section><!-- #content end -->
<!-- Footer
============================================= -->
<footer id="footer" class="dark" style="background-color: #222;">
<div class="container">
<!-- Footer Widgets
============================================= -->
<div class="footer-widgets-wrap">
<div class="row col-mb-50">
<div class="col-md-4">
<div class="widget">
<div class="row col-mb-30">
<div class="col-lg-12">
<div class="footer-big-contacts">
<span>Call Us:</span>
(1) 22 84551445
</div>
</div>
<div class="col-lg-12">
<div class="footer-big-contacts">
<span>Send an Enquiry:</span>
[email protected]
</div>
</div>
</div>
</div>
<div class="widget subscribe-widget">
<div class="row col-mb-30">
<div class="col-lg-6">
<a href="#" class="social-icon bg-facebook mb-0 me-3">
<i class="fa-brands fa-facebook-f"></i>
<i class="fa-brands fa-facebook-f"></i>
</a>
<a href="#"><small class="d-block"><strong>Like us</strong><br>on Facebook</small></a>
</div>
<div class="col-lg-6">
<a href="#" class="social-icon bg-rss mb-0 me-3">
<i class="fa-solid fa-rss"></i>
<i class="fa-solid fa-rss"></i>
</a>
<a href="#"><small class="d-block"><strong>Subscribe</strong><br>to RSS Feeds</small></a>
</div>
</div>
</div>
</div>
<div class="col-md-4">
<div class="widget">
<h4>Featured Packages</h4>
<div class="posts-sm row col-mb-30" id="travel-package-list-footer">
<div class="entry col-12">
<div class="grid-inner row align-items-center g-0">
<div class="col-auto">
<div class="entry-image">
<a href="#"><img class="rounded-circle" src="images/magazine/small/1.jpg" alt="Image"></a>
</div>
</div>
<div class="col ps-3">
<div class="entry-title">
<h4><a href="#">7 Nights/8 Days Europe</a></h4>
</div>
<div class="entry-meta">
<ul>
<li><strong>$599</strong> onwards</li>
</ul>
</div>
</div>
</div>
</div>
<div class="entry col-12">
<div class="grid-inner row align-items-center g-0">
<div class="col-auto">
<div class="entry-image">
<a href="#"><img class="rounded-circle" src="images/magazine/small/2.jpg" alt="Image"></a>
</div>
</div>
<div class="col ps-3">
<div class="entry-title">
<h4><a href="#">4 Nights/5 Days Thailand</a></h4>
</div>
<div class="entry-meta">
<ul>
<li><strong>$399</strong> onwards</li>
</ul>
</div>
</div>
</div>
</div>
<div class="entry col-12">
<div class="grid-inner row align-items-center g-0">
<div class="col-auto">
<div class="entry-image">
<a href="#"><img class="rounded-circle" src="images/magazine/small/3.jpg" alt="Image"></a>
</div>
</div>
<div class="col ps-3">
<div class="entry-title">
<h4><a href="#">11 Nights/12 Days America</a></h4>
</div>
<div class="entry-meta">
<ul>
<li><strong>$1299</strong> onwards</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-4">
<div class="widget widget_links">
<h4>Popular Destinations</h4>
<div class="row col-mb-30">
<div class="col-6">
<ul>
<li><a href="#">Thailand</a></li>
<li><a href="#">Indonesia</a></li>
<li><a href="#">Italy</a></li>
<li><a href="#">Spain</a></li>
</ul>
</div>
<div class="col-6">
<ul>
<li><a href="#">India</a></li>
<li><a href="#">France</a></li>
<li><a href="#">Philippines</a></li>
<li><a href="#">New Zealand</a></li>
</ul>
</div>
</div>
</div>
<div class="widget subscribe-widget">
<h5>Get Latest <strong>Offers</strong> & <strong>Coupons</strong> by Email:</h5>
<div class="widget-subscribe-form-result"></div>
<form id="widget-subscribe-form" action="include/subscribe.php" method="post" class="mb-0">
<div class="input-group mx-auto">
<div class="input-group-text"><i class="bi-envelope-plus"></i></div>
<input type="email" id="widget-subscribe-form-email" name="widget-subscribe-form-email" class="form-control required email" placeholder="Enter your Email">
<button class="btn btn-danger bg-color" type="submit">Subscribe</button>
</div>
</form>
</div>
</div>
</div>
</div><!-- .footer-widgets-wrap end -->
</div>
<!-- Copyrights
============================================= -->
<div id="copyrights">
<div class="container">
<div class="row col-mb-30">
<div class="col-md-6 text-center text-md-start">
Copyrights © 2023 All Rights Reserved by Canvas Inc.<br>
<div class="copyright-links"><a href="#">Terms of Use</a> / <a href="#">Privacy Policy</a></div>
</div>
<div class="col-md-6 text-center text-md-end">
<div class="d-flex justify-content-center justify-content-md-end">
<a href="#" class="social-icon si-small border-transparent h-bg-facebook">
<i class="fa-brands fa-facebook-f"></i>
<i class="fa-brands fa-facebook-f"></i>
</a>
<a href="#" class="social-icon si-small border-transparent h-bg-twitter">
<i class="fa-brands fa-twitter"></i>
<i class="fa-brands fa-twitter"></i>
</a>
<a href="#" class="social-icon si-small border-transparent h-bg-google">
<i class="fa-brands fa-google"></i>
<i class="fa-brands fa-google"></i>
</a>
<a href="#" class="social-icon si-small border-transparent h-bg-pinterest">
<i class="fa-brands fa-pinterest-p"></i>
<i class="fa-brands fa-pinterest-p"></i>
</a>
<a href="#" class="social-icon si-small border-transparent h-bg-vimeo">
<i class="fa-brands fa-vimeo-v"></i>
<i class="fa-brands fa-vimeo-v"></i>
</a>
<a href="#" class="social-icon si-small border-transparent h-bg-github">
<i class="fa-brands fa-github"></i>
<i class="fa-brands fa-github"></i>
</a>
<a href="#" class="social-icon si-small border-transparent h-bg-yahoo">
<i class="fa-brands fa-yahoo"></i>
<i class="fa-brands fa-yahoo"></i>
</a>
<a href="#" class="social-icon si-small border-transparent h-bg-linkedin">
<i class="fa-brands fa-linkedin"></i>
<i class="fa-brands fa-linkedin"></i>
</a>
</div>
<div class="clear"></div>
<i class="bi-envelope"></i> [email protected] <span class="middot">·</span> <i class="fa-solid fa-phone"></i> +1-11-6541-6369 <span class="middot">·</span> <i class="bi-skype"></i> CanvasOnSkype
</div>
</div>
</div>
</div><!-- #copyrights end -->
</footer><!-- #footer end -->
</div><!-- #wrapper end -->
<!-- Go To Top
============================================= -->
<div id="gotoTop" class="uil uil-angle-up"></div>
<!-- JavaScripts
============================================= -->
<script src="js/jquery.js"></script>
<script src="js/functions.js"></script>
<!-- Travel Demo Specific Script -->
<script src="js/components/datepicker.js"></script>
<!-- / -->
<script>
jQuery(function() {
jQuery('.travel-date-group').datepicker({
autoclose: true,
startDate: "today"
});
});
</script>
</body>
</html>