| 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/hostel/hostel.css">
<!-- Custom CSS -->
<link rel="stylesheet" href="css/custom.css">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Document Title
============================================= -->
<title>Single - Hostel | Canvas</title>
</head>
<body class="stretched">
<!-- Document Wrapper
============================================= -->
<div id="wrapper">
<!-- Header
============================================= -->
<header id="header" class="full-header border-0 header-size-custom" data-sticky-shrink="false">
<div id="header-wrap">
<div class="container-fluid pe-0">
<div class="header-row">
<!-- Logo
============================================= -->
<div id="logo" class="col col-sm-auto">
<a href="index.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>
<div class="header-misc">
<a href="demo-hostel-tour.html" class="button fw-semibold">Book Now</a>
</div>
<!-- Primary Navigation
============================================= -->
<nav class="primary-menu">
<ul class="menu-container border-end-0 me-0">
<li class="menu-item">
<a class="menu-link" href="demo-hostel.html"><div>Home</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="demo-hostel-about.html"><div>About Us</div></a>
</li>
<li class="menu-item current">
<a class="menu-link" href="demo-hostel-tour.html"><div>Tour</div></a>
<ul class="sub-menu-container">
<li class="menu-item">
<a class="menu-link" href="demo-hostel-single.html"><div>Single</div></a>
</li>
</ul>
</li>
<li class="menu-item">
<a class="menu-link" href="demo-hostel-contact.html"><div>Contact Us</div></a>
</li>
</ul>
</nav><!-- #primary-menu end -->
</div>
</div>
</div>
<div class="header-wrap-clone"></div>
</header><!-- #header end -->
<!-- Content
============================================= -->
<section id="content">
<div class="content-wrap p-0">
<div id="oc-images" class="owl-carousel image-carousel carousel-widget owl-carousel-full full-nav mb-3" data-items-xs="2" data-items-sm="2" data-items-lg="2" data-items-xl="2" data-loop="true" data-center="true" data-margin="15" data-pagi="true" data-stage-padding="30">
<div class="oc-item">
<a href="#"><img src="demos/hostel/images/single/gallery/5.jpg" alt="Image 1"></a>
</div>
<div class="oc-item">
<a href="#"><img src="demos/hostel/images/single/gallery/2.jpg" alt="Image 2"></a>
</div>
<div class="oc-item">
<a href="#"><img src="demos/hostel/images/single/gallery/3.jpg" alt="Image 3"></a>
</div>
<div class="oc-item">
<a href="#"><img src="demos/hostel/images/single/gallery/4.jpg" alt="Image 4"></a>
</div>
<div class="oc-item">
<a href="#"><img src="demos/hostel/images/single/gallery/1.jpg" alt="Image 5"></a>
</div>
</div>
<div class="clear"></div>
<div class="container mt-5">
<div class="row">
<div class="col-xl-8 col-lg-7">
<h5 class="color fw-normal mb-2"><i class="bi-geo-alt"></i> Spain</h5>
<h3 class="text-dark h1 fw-semibold ls-0 mb-4">Canvas Penthouse</h3>
<p class="mb-4">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Praesentium eius explicabo, optio repellat saepe inventore dicta quibusdam minima quia, ratione minus a consectetur dolorum, nulla provident tenetur.</p>
<div class="row my-5">
<div class="col-md-4">
<ul class="list-group list-group-flush">
<li class="list-group-item ps-0"><i class="color bi-wifi me-2"></i>WiFi Available</li>
<li class="list-group-item ps-0"><i class="color bi-cup me-2"></i>Breakfast Included</li>
<li class="list-group-item ps-0"><i class="color bi-clock me-2"></i>24x7 access</li>
</ul>
</div>
<div class="col-md-4">
<div class="line my-0 d-md-none" style="border-color:rgba(0, 0, 0, 0.125)"></div>
<ul class="list-group list-group-flush">
<li class="list-group-item ps-0"><i class="color bi-lock me-2"></i>Lockers Available</li>
<li class="list-group-item ps-0"><i class="color bi-boxes me-2"></i>Laundry Available</li>
<li class="list-group-item ps-0"><i class="color bi-cup me-2"></i>Coffee Machine</li>
</ul>
</div>
<div class="col-md-4">
<div class="line my-0 d-md-none" style="border-color:rgba(0, 0, 0, 0.125)"></div>
<ul class="list-group list-group-flush">
<li class="list-group-item ps-0"><i class="color bi-moisture me-2"></i>24x7 Purified Water</li>
<li class="list-group-item ps-0"><i class="color bi-globe me-2"></i>Transports Available</li>
<li class="list-group-item ps-0"><i class="color bi-controller me-2"></i>Other Amenities</li>
</ul>
</div>
</div>
<div class="clear"></div>
<p class="text-dark mt-3"><strong>Canvas Hostel</strong> is a Clean Hostel surrounded by hills and greenery. It is located near Manor, a 2 hour drive from Mumbai. There is an abundance of trees, birds and fresh mountain air which makes it the perfect place for people wishing to get off the grid and to relax and unwind amidst nature.</p>
<p class="text-dark">Price includes sumptuous breakfast, unlimited tea and complimentary nibbles. Lunch and dinner if needed would be charged extra ($5 per meal per person).<a data-bs-toggle="collapse" href="#collapsebtn" role="button" aria-expanded="false" aria-controls="collapsebtn" class="text-dark">.. <u class="color">Read more</u></a></p>
<div id="collapsebtn" class="collapse">
<h4 class="mb-2">The space</h4>
<p class="text-dark">There is a small brick cottage which can comfortably accommodate 3 people. It has one double bed, one single bed, an attached bathroom and large sitting area outside. We provide fresh linen, towels, soap, shampoo and other basic requirements.</p>
<p class="text-dark">You can hang around the farm, go for a nature walk, read a book or meditate under the mango tree, watch the birds or enjoy gazing at the stars in the night.</p>
<p class="text-dark">You can have a sit-out with campfire and barbeque on cold winter evening or just enjoy the cool breeze in summer. A tent can be put up for kids who want to play housie-housie while others can relax on hammocks and lounge chairs in the garden.</p>
<h4 class="mb-2">Guest access</h4>
<p class="text-dark">Guests are free to roam around the entire property.
The farm is full of fruit trees. In addition, we grow a large variety of organic vegetables. Guests can wander around and observe such plantations.</p>
<h4 class="mb-2">Other things to note</h4>
<p class="text-dark">There will be an additional charge for laundry services if opted for.<br>
This is our home so we would appreciate people who are not expecting a resort experience.</p>
</div>
<div class="line line-sm"></div>
<h3 class="mb-3">Location</h3>
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d6324.370789264091!2d98.92404615901329!3d18.757516921188394!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x30da3a7e90bb6f5d%3A0x98d46270a59b4367!2sChiang%20Mai%2C%20Mueang%20Chiang%20Mai%20District%2C%20Chiang%20Mai%2C%20Thailand!5e0!3m2!1sen!2sin!4v1600773676355!5m2!1sen!2sin" width="600" height="350" frameborder="0" style="border:0;" allowfullscreen="" aria-hidden="false" tabindex="0"></iframe>
<div class="clear"></div>
<div class="line line-sm"></div>
<h3 class="mb-5">Reviews <span>(4,321 Reviews)</span></h3>
<div class="row">
<div class="col-md-6 mb-5">
<div class="d-flex align-items-center mb-3">
<img src="demos/articles/images/authors/2.jpg" alt="Author" class="rounded-circle me-3" width="40" height="40">
<div>
<h4 class="mb-1 h6">Gordon Norman</h4>
<h6 class="text-muted mb-0 fw-normal">September 31, 2020</h6>
</div>
<div class="ms-auto mb-auto">
<i class="bi-star-fill color text-smaller"></i>
<i class="bi-star-fill color text-smaller"></i>
<i class="bi-star-fill color text-smaller"></i>
<i class="bi-star-fill color text-smaller"></i>
<i class="bi-star-fill color text-smaller"></i>
</div>
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolorem tempore placeat aperiam tenetur repellendus aliquid fugit doloribus amet dolore, molestias.</p>
</div>
<div class="col-md-6 mb-5">
<div class="d-flex align-items-center mb-3">
<img src="demos/articles/images/authors/3.jpg" alt="Author" class="rounded-circle me-3" width="40" height="40">
<div>
<h4 class="mb-1 h6">Brain Hogg</h4>
<h6 class="text-muted mb-0 fw-normal">September 11, 2020</h6>
</div>
<div class="ms-auto mb-auto">
<i class="bi-star-fill color text-smaller"></i>
<i class="bi-star-fill color text-smaller"></i>
<i class="bi-star-fill color text-smaller"></i>
<i class="bi-star-fill color text-smaller"></i>
<i class="bi-star-half color text-smaller"></i>
</div>
</div>
<p>Holisticly conceptualize cutting-edge manufactured products rather than cooperative opportunities. Collaboratively impact 24/365 scenarios before team building paradigms. Authoritatively synergize parallel products without web-enabled testing procedures.</p>
</div>
<div class="col-md-6 mb-5">
<div class="d-flex align-items-center mb-3">
<img src="demos/forum/images/users/1.jpg" alt="Author" class="rounded-circle me-3" width="40" height="40">
<div>
<h4 class="mb-1 h6">Nigh Russel</h4>
<h6 class="text-muted mb-0 fw-normal">June 12, 2020</h6>
</div>
<div class="ms-auto mb-auto">
<i class="bi-star-fill color text-smaller"></i>
<i class="bi-star-fill color text-smaller"></i>
<i class="bi-star-fill color text-smaller"></i>
<i class="bi-star-fill color text-smaller"></i>
<i class="bi-star-fill color text-smaller"></i>
</div>
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolorem tempore placeat aperiam tenetur repellendus aliquid fugit doloribus amet dolore, molestias.</p>
</div>
<div class="col-md-6 mb-5">
<div class="d-flex align-items-center mb-3">
<img src="demos/articles/images/authors/1.jpg" alt="Author" class="rounded-circle me-3" width="40" height="40">
<div>
<h4 class="mb-1 h6">Andrew</h4>
<h6 class="text-muted mb-0 fw-normal">March 3, 2020</h6>
</div>
<div class="ms-auto mb-auto">
<i class="bi-star-fill color text-smaller"></i>
<i class="bi-star-fill color text-smaller"></i>
<i class="bi-star-fill color text-smaller"></i>
<i class="bi-star-fill color text-smaller"></i>
<i class="bi-star-fill color text-smaller"></i>
</div>
</div>
<p>Seamlessly maximize effective best practices whereas go forward initiatives. Dramatically harness 24/7 total linkage via highly efficient web services.</p>
</div>
</div>
</div>
<div class="col-xl-4 col-lg-5 mt-5 mt-md-0">
<h3 class="title-pricing h1 mb-5">$19.99 <span>per week</span></h3>
<div class="card rounded-top bg-white border-0 w-100 shadow p-3">
<div class="card-body">
<h3 class="mb-0 h6">Check Availability</h3>
<div class="line my-3"></div>
<div class="widget mt-0 form-widget" data-alert-type="inline">
<div class="form-result"></div>
<div class="form-availability-loader css3-spinner" style="position: absolute;">
<div class="css3-spinner-double-bounce1"></div>
<div class="css3-spinner-double-bounce2"></div>
</div>
<form id="form-availability" name="form-availability" action="include/form.php" method="post" class="form-availability mb-0">
<div class="input-daterange travel-date-group">
<div class="row">
<div class="col-6 col-md-12 col-lg-6 form-group">
<label for="form-availability-from">Check-In<small class="text-danger">*</small></label>
<input type="text" value="" class="form-control rounded text-start required" id="form-availability-from" name="form-availability-from" placeholder="MM/DD/YYYY">
</div>
<div class="col-6 col-md-12 col-lg-6 form-group">
<label for="form-availability-to">Check-Out<small class="text-danger">*</small></label>
<input type="text" value="" class="form-control rounded text-start required" id="form-availability-to" name="form-availability-to" placeholder="MM/DD/YYYY">
</div>
</div>
</div>
<div class="form-group">
<label for="form-availability-guests">Number of Guests<small class="text-danger">*</small></label>
<input type="number" class="required form-control rounded" id="form-availability-guests" name="form-availability-guests" min="1" max="10" value="" placeholder="Enter Guests Number">
</div>
<input type="text" class="d-none" id="form-availability-botcheck" name="form-availability-botcheck" value="">
<input type="hidden" name="prefix" value="form-availability-">
<button type="submit" id="form-availability-submit" name="form-availability-submit" class="button button-large w-100 rounded fw-semibold ms-0 mt-2" value="submit">Reserve Now</button>
</form>
</div>
</div>
</div>
<div class="card mt-4">
<div class="card-body">
<i class="bi-shield-virus color"></i> <strong class="color">COVID 19 Guidelines</strong> - Interactively administrate web-enabled relationships after distributed best practices.
</div>
</div>
</div>
</div>
</div>
<div class="section m-0 text-center dark parallax" style="background: url('demos/hostel/images/hero.jpg') center center / cover; padding: 170px 0;">
<div class="container">
<h3 class="h1 mb-5">More than 100,000<br>Travellers Visit Our Hostels.</h3>
<a href="demo-hostel-tour.html" class="button button-xlarge fw-semibold bg-color text-transform-none ls-0 px-5">Book Now</a>
</div>
</div>
</div>
</section><!-- #content end -->
<!-- Footer
============================================= -->
<footer id="footer" class="bg-transparent">
<div class="container">
<!-- Footer Widgets
============================================= -->
<div class="footer-widgets-wrap">
<div class="row">
<div class="col-lg-2 col-md-2 col-6 mb-5 mb-md-0">
<div class="widget widget_links widget-li-noicon">
<h4 class="ls-0 mb-4 text-transform-none">Features</h4>
<ul class="list-unstyled iconlist ms-0">
<li><a href="#">Help Center</a></li>
<li><a href="#">Paid with Moblie</a></li>
<li><a href="#">Status</a></li>
</ul>
</div>
</div>
<div class="col-lg-2 col-md-2 col-6 mb-5 mb-md-0">
<div class="widget widget_links widget-li-noicon">
<h4 class="ls-0 mb-4 text-transform-none">Support</h4>
<ul class="list-unstyled iconlist ms-0">
<li><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">FAQs</a></li>
</ul>
</div>
</div>
<div class="col-lg-2 col-md-2 col-6 mb-5 mb-md-0">
<div class="widget widget_links widget-li-noicon">
<h4 class="ls-0 mb-4 text-transform-none">Trending</h4>
<ul class="list-unstyled iconlist ms-0">
<li><a href="#">Shop</a></li>
<li><a href="#">Events</a></li>
<li><a href="#">Forums</a></li>
</ul>
</div>
</div>
<div class="col-lg-2 col-md-2 col-6 mb-5 mb-md-0">
<div class="widget widget_links widget-li-noicon">
<h4 class="ls-0 mb-4 text-transform-none">Get to Know us</h4>
<ul class="list-unstyled iconlist ms-0">
<li><a href="#">eCommerce</a></li>
<li><a href="#">Personal</a></li>
<li><a href="#">OnePage</a></li>
</ul>
</div>
</div>
<div class="col-lg-4 col-md-4 text-md-end">
<div class="widget">
<div>
<address>
795 Folsom Ave, Suite 600<br>
San Francisco, CA 94107<br>
</address>
<h3 class="mb-3"><a href="tel:111223344" class="text-dark"><i class="bi-headphones me-1"></i> +00-22-33-44</a></h3>
<div class="d-flex justify-content-md-end">
<a href="#" class="social-icon si-small h-bg-facebook" title="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 h-bg-instagram" title="instagram">
<i class="bi-instagram"></i>
<i class="bi-instagram"></i>
</a>
<a href="#" class="social-icon si-small h-bg-pinterest" title="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 h-bg-wikipedia" title="Apple Pay">
<i class="fa-brands fa-apple-pay"></i>
<i class="fa-brands fa-apple-pay"></i>
</a>
</div>
</div>
</div>
</div>
</div>
</div><!-- .footer-widgets-wrap end -->
</div>
<!-- Copyrights
============================================= -->
<div id="copyrights" class="bg-light">
<div class="container">
<div class="row justify-content-between align-items-center">
<div class="col-md-6 text-black-50">
Copyrights © 2023 All Rights Reserved by Canvas Inc.
</div>
<div class="col-md-6 d-md-flex flex-md-column align-items-md-end mt-4 mt-md-0">
<div class="copyrights-menu copyright-links text-black-50">
<a href="#">About</a>/<a href="#">Cities</a>/<a href="#">FAQs</a>/<a href="#">Contact</a>
</div>
</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>