File manager - Edit - /home/asiatechinc/public_html/asiatech-websites/classichostel.com/khlee-couple-room.php
Back
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Khlee Couple Room - Classic Hostel</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="icon" type="image/x-icon" href="img/fevicon.png"> <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"/> <link href="https://cdnjs.cloudflare.com/ajax/libs/lightbox2/2.11.3/css/lightbox.min.css" rel="stylesheet"> <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css"> <link rel="stylesheet" href="https://asiatech.in/booking_engine/admin/css/widgetsearch.css"> <link rel="stylesheet" href="css/style.css"> <link rel="stylesheet" href="css/responsive.css"> </head> <body> <?php include 'header.php'?> <section class="room-detail section-space2"> <div class="container"> <h3>Khlee Couple Room</h3> <div class="gallery-row"> <!-- LEFT large --> <div class="gallery-left"> <img src="img/rooms/khlee-couple-room-1.jpg" alt="Room wide" class="gallery-img lightbox-item" data-index="0" data-caption="Room — wide view"> </div> <!-- MIDDLE stacked two --> <div class="gallery-middle"> <img src="img/rooms/khlee-couple-room-2.jpg" alt="Window view" class="gallery-img lightbox-item" data-index="1" data-caption="Window view"> <img src="img/rooms/khlee-couple-room-3.jpg" alt="Bed view" class="gallery-img lightbox-item" data-index="2" data-caption="Bed view"> </div> <!-- RIGHT tall --> <div class="gallery-right"> <img src="img/rooms/khlee-couple-room-4.jpg" alt="Garden view" class="gallery-img lightbox-item" data-index="3" data-caption="Garden view"> </div> </div> </div> <!-- Modal markup (Bootstrap modal used for backdrop & centering) --> <div id="lightboxModal" class="modal fade lb-modal" tabindex="-1" role="dialog" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered" role="document"> <div class="modal-content"> <div class="modal-body text-center p-0"> <div class="lb-img-wrap p-3"> <button type="button" class="lb-control lb-prev" aria-label="Previous">←</button> <img src="" alt="" class="lb-img" id="lbImg"> <button type="button" class="lb-control lb-next" aria-label="Next">→</button> <button type="button" class="lb-close" data-dismiss="modal" aria-label="Close">×</button> </div> <div class="lb-caption" id="lbCaption"></div> </div> </div> </div> </div> </section> <section class="room-discription"> <div class="container"> <div class="row"> <div class="col-sm-8" id="order2"> <h5>Bed in Havelock island, India</h5> <p>2 Guests - 1 Bedroom - 1 Bed - 1 Private Bathroom</p> <hr> <h5>About this place</h5> <p>Khlee Couple Room, about 400sqrft haven named after the Karen word for 'turtle.' Your private escape boasts a veranda, modern comforts including air conditioning, geyser, and inverter. Crafted with local materials, it's a blend of island charm and contemporary luxury. A dedicated study table, locker, and thoughtfully placed mirror enhance functionality. It is a commitment to sustainability. Immerse yourself in this sanctuary where nature and modernity coalesce for an unforgettable retreat.</p> <hr> <h5>The Space</h5> <p>"Indulge in the intimate retreat of Khlee Private Space for Couples, about 430 square feet haven thoughtfully designed for comfort and connection. Nestled within, discover an attached bathroom and a private veranda, offering an enchanting view of the surroundings. Immerse yourself in modern convenience with amenities like AC, WiFi, heater, and inverter, ensuring a cozy atmosphere year-round. The space boasts a touch of local charm, as it is adorned with handcrafted furnishings and modern toilet fittings, all meticulously crafted by local artisans using materials sourced from the island. Enhancing the experience, you'll find a dedicated study table, a secure locker, and a strategically placed mirror, completing the room with functionality and style. Embrace the fusion of contemporary luxury and island-inspired architecture in this carefully curated space designed for couples seeking both comfort and a genuine connection with the local essence."</p> <hr> <h5>Guest access</h5> <p>Certainly! Guests have access to the cafe located between, and the free parking spaces, the farm area, and the Beach is at stone’s throw away. It's a delightful spot to relax, enjoy refreshments, and take in the scenic surroundings. If you have any specific inquiries or need assistance during your visit to the cafe, our staff is here to help.</p> <hr> <h5>What this place offers</h5> <ul class="amenities-list"> <li><i class="fas fa-snowflake"></i> Air conditioning</li> <li><i class="fas fa-umbrella-beach"></i> Shared beach access</li> <li><i class="fas fa-utensils"></i> Kitchen</li> <li><i class="fas fa-wifi"></i> Wifi</li> <li><i class="fas fa-video"></i> Exterior security cameras on property</li> <li><i class="fas fa-fire-alt"></i> Hot water</li> <li><i class="fas fa-soap"></i> Laundry service</li> <li><i class="fas fa-bed"></i> Bed linen</li> <li><i class="fas fa-gamepad"></i> Board games</li> <li><i class="fas fa-briefcase-medical"></i> First aid</li> <li><i class="fas fa-laptop"></i> Workspace</li> <li><i class="fas fa-car"></i> Free parking on premises</li> <li><i class="fas fa-smoking"></i> Smoking allowed</li> <li><i class="fas fa-home"></i> Long term stay allowed</li> </ul> <!-- <div class="feature"> <div class="icon">🌷</div> <div class="text"> <h5>Garden view</h5> <p>Soak up the view during your stay</p> </div> </div> <div class="feature"> <div class="icon">🧇</div> <div class="text"> <h5>Wake up to breakfast and coffee</h5> <p>Included essentials make mornings extra easy</p> </div> </div> <div class="feature"> <div class="icon">🐾</div> <div class="text"> <h5>Furry friends welcome</h5> <p>Bring your pets along for the stay</p> </div> </div> <hr> <h5>House rules</h5> <p>Check-in 10:00 - 16:00<br> Checkout before 09:00<br> 2 guests maximum</p> --------> </div> <div class="col-sm-4" id="order1"> <div class="reserve-form"> <form id="widgetform"> <table cellpadding="0" cellspacing="0"> <tbody> <tr> <td><input type="hidden" name="token" value="OTI5NQ=="><label>Check In</label><input type="text" name="datepick" id="datepick" placeholder="Check In"></td> </tr> <tr> <td><label>Check Out</label><input type="text" name="datepick1" id="datepick1" placeholder="Check Out"></td> </tr> <tr> <td id="searchbtn"></td> </tr> </tbody> </table> <img id="loadingimg" src="https://asiatech.in/booking_engine/admin/img/loader.gif"> </form> </div> </div> </div> </div> </div> </section> <hr> <?php include 'footer.php'?> <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script> <script src="//ajax.googleapis.com/ajax/libs/jquery/3.2.0/jquery.min.js"></script> <script src="//code.jquery.com/ui/1.12.1/jquery-ui.js"></script> <script src="https://asiatech.in/booking_engine/admin/js/widgetsearching.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/lightbox2/2.11.3/js/lightbox.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.5.2/dist/js/bootstrap.bundle.min.js"></script> </html> <script> (function(){ // gather all items const items = Array.from(document.querySelectorAll('.lightbox-item')); const srcs = items.map(i => i.getAttribute('src')); const captions = items.map(i => i.dataset.caption || ''); const modalEl = $('#lightboxModal'); const lbImg = document.getElementById('lbImg'); const lbCaption = document.getElementById('lbCaption'); let currentIndex = 0; function openAt(index) { currentIndex = (index + srcs.length) % srcs.length; lbImg.src = srcs[currentIndex]; lbImg.alt = captions[currentIndex] || ''; lbCaption.textContent = captions[currentIndex] || ''; modalEl.modal('show'); } // click -> open items.forEach((el, idx) => { el.addEventListener('click', function(e){ e.preventDefault(); openAt(idx); }); // allow Enter key when focused el.setAttribute('tabindex', '0'); el.addEventListener('keydown', function(e){ if (e.key === 'Enter' || e.key === ' ') { e.preventDefault(); openAt(idx); } }); }); // prev / next handlers document.querySelector('.lb-prev').addEventListener('click', function(){ openAt(currentIndex - 1); }); document.querySelector('.lb-next').addEventListener('click', function(){ openAt(currentIndex + 1); }); // keyboard navigation when modal open $(document).on('keydown', function(e) { if (!modalEl.hasClass('show')) return; if (e.key === 'ArrowLeft') { openAt(currentIndex - 1); } else if (e.key === 'ArrowRight') { openAt(currentIndex + 1); } else if (e.key === 'Escape') { modalEl.modal('hide'); } }); // clicking on backdrop should close modal (Bootstrap default). Also allow clicking image to go next optionally: lbImg.addEventListener('click', function(){ openAt(currentIndex + 1); }); // cleanup on hide (optional) modalEl.on('hidden.bs.modal', function () { lbImg.src = ''; lbCaption.textContent = ''; }); })(); </script>
| ver. 1.4 |
Github
|
.
| PHP 7.4.33 | Generation time: 0.02 |
proxy
|
phpinfo
|
Settings