File manager - Edit - /home/asiatechinc/public_html/asiatech-websites/classichostel.com/dandus-dorm.php
Back
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Dandus Dorm - Classic Hostel</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <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>Dandus Dorm</h3> <div class="gallery-row"> <!-- LEFT large --> <div class="gallery-left"> <img src="img/rooms/dandus-dorm-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/dandus-dorm-2.jpg" alt="Window view" class="gallery-img lightbox-item" data-index="1" data-caption="Window view"> <img src="img/rooms/dandus-dorm-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/dandus-dorm-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 Bed - 1 Private Bathroom </p> <hr> <h5>About this place</h5> <p>A thoughtfully designed 5-bed shared space— a symbol of calm and grounded living. Dandus Dorm brings together community, comfort, and conscious design. Each bed comes with comfortable mattresses and individual charging points. The space is cooled with air conditioning, supported by an inverter, and equipped with a geyser to ensure round-the-clock comfort. Crafted using local materials and earthy tones, the dorm merges island minimalism with modern essentials. Whether you're traveling solo or with friends, Dandus Dorm is more than just a bunk—it's a sustainable space to rest, connect, and reset.</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.03 |
proxy
|
phpinfo
|
Settings