File manager

File manager - Edit - /home/asiatechinc/public_html/asiatech-websites/classichostel.com/index.php

Back
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>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 rel="stylesheet" href="https://cdn.jsdelivr.net/npm/flatpickr/dist/flatpickr.min.css"> <link rel="stylesheet" href="css/style.css"> <link rel="stylesheet" href="css/responsive.css"> </head> <body> <?php include 'header.php'?> <section class="banner section-space2"> <div class="container"> <div class="text-image"> <img src="img/banner-text.png"> </div> <div class="banner-img"> <img src="img/banner.jpg"> </div> </div> </section> <section class="about section-space"> <div class="container text-center"> <div class="row align-items-center"> <div class="col-sm-6"> <div class="about-logo"> <img src="img/logo.png"> </div> <h3>ANDAMAN’S FIRST HOSTEL</h3> <p>Built by travelers, shaped by stories, held<br>together by island warmth.</p> </div> <div class="col-sm-6"> <img src="img/about-img.jpg"> </div> </div> <div class="row"> <div class="date-picker-container"> <h4>Plan your stay</h4> <div class="date-range"> <div class="date"> <i class="fa-solid fa-calendar-days"></i> <input id="startDate" class="flatpickr-input" type="text" readonly> </div> <div class="arrow">→</div> <div class="date"> <input id="endDate" class="flatpickr-input" type="text" readonly> </div> </div> </div> </div> </div> </section> <section class="rooms section-space2"> <div class="container"> <div class="row"> <div class="col-sm-6"> <div class="room-card"> <img src="img/rooms/khalee-couple-room.jpg" alt="Khlee Couple Room"> <div class="room-details"> <div class="room-title">Khlee Couple Room</div> <div class="room-description"> Your own quiet corner on the island—spacious, private, and well-equipped. </div> <div class="room-meta"> <div> <span class="room-price">₹3,800</span> <span class="night">/ night</span> <div class="room-occupancy mt-1"> <i class="fas fa-user icon-person"></i> × 2 </div> </div> <a href="khlee-couple-room.php" class="arrow-button"> <i class="fas fa-arrow-right"></i> </a> </div> </div> </div> </div> <div class="col-sm-6"> <div class="room-card"> <img src="img/rooms/dorm.jpg" alt="Dandus Dorm"> <div class="room-details"> <div class="room-title">Dandus Dorm</div> <div class="room-description"> A cozy 5-bed dorm built for comfort, community, and conscious island living </div> <div class="room-meta"> <div> <span class="room-price">₹1,800</span> <span class="night">/ night Per Bed</span> <div class="room-occupancy mt-1"> <i class="fas fa-user icon-person"></i> × 5 </div> </div> <a href="dandus-dorm.php" class="arrow-button"> <i class="fas fa-arrow-right"></i> </a> </div> </div> </div> </div> </div> </div> </section> <section class="adventure section-space2"> <div class="container"> <h3>Live the Island Life,<br> One Adventure at a Time</h3> <div class="row"> <div class="col-6 col-sm-6 col-md-3"> <div class="activity-card"> <img src="img/activities/1.jpg" alt="Scuba Diving"> <div class="activity-info"> <div class="activity-title">Scuba Diving</div> <div class="activity-description"> Gear up, dive in, and get up close with the underwater locals (they're way cooler than us) </div> </div> </div> </div> <div class="col-6 col-sm-6 col-md-3"> <div class="activity-card"> <img src="img/activities/2.jpg" alt="Island Hopping"> <div class="activity-info"> <div class="activity-title">Island Hopping</div> <div class="activity-description"> Hop on a boat, chase new shores, and discover how no two islands feel the same </div> </div> </div> </div> <div class="col-6 col-sm-6 col-md-3"> <div class="activity-card"> <img src="img/activities/3.jpg" alt="Hikes"> <div class="activity-info"> <div class="activity-title">Hikes</div> <div class="activity-description"> Not too long, not too tough—just enough adventure to earn that sunset view </div> </div> </div> </div> <div class="col-6 col-sm-6 col-md-3"> <div class="activity-card"> <img src="img/activities/4.jpg" alt="Scuba Diving"> <div class="activity-info"> <div class="activity-title">Stargazing</div> <div class="activity-description"> No city lights, just a million stars and maybe a shooting one to wish on </div> </div> </div> </div> <div class="col-6 col-sm-6 col-md-3"> <div class="activity-card"> <img src="img/activities/5.jpg" alt="Sunset Cruise"> <div class="activity-info"> <div class="activity-title">Sunset Cruise</div> <div class="activity-description"> No better way to wind down—just the ocean, the glow, and good company </div> </div> </div> </div> <div class="col-6 col-sm-6 col-md-3"> <div class="activity-card"> <img src="img/activities/6.jpg" alt="Snorkeling"> <div class="activity-info"> <div class="activity-title">Snorkeling</div> <div class="activity-description"> Mask on, fins ready—your front-row seat to coral dreams! </div> </div> </div> </div> <div class="col-6 col-sm-6 col-md-3"> <div class="activity-card"> <img src="img/activities/7.jpg" alt="Game fishing"> <div class="activity-info"> <div class="activity-title">Game fishing</div> <div class="activity-description"> Set sail, cast your line, and reel in more than just fish—maybe a good story or two </div> </div> </div> </div> <div class="col-6 col-sm-6 col-md-3"> <div class="activity-card"> <img src="img/activities/8.jpg" alt="Cycling"> <div class="activity-info"> <div class="activity-title">Cycling</div> <div class="activity-description"> Two wheels, endless roads, and the island breeze in your hair—freedom, island-style </div> </div> </div> </div> <div class="col-6 col-sm-6 col-md-3"> <div class="activity-card"> <img src="img/activities/9.jpg" alt="Bird Watching"> <div class="activity-info"> <div class="activity-title">Bird Watching</div> <div class="activity-description"> Catch the island’s most colorful residents doing their thing, no binoculars needed (but they help) </div> </div> </div> </div> <div class="col-6 col-sm-6 col-md-3"> <div class="activity-card"> <img src="img/activities/10.jpg" alt="Kayaking"> <div class="activity-info"> <div class="activity-title">Kayaking</div> <div class="activity-description"> Paddle through Mangrove paradise. No maps, just vibes </div> </div> </div> </div> </div> </div> </section> <?php include 'footer.php'?> <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.5.2/dist/js/bootstrap.bundle.min.js"></script> <script src="https://code.jquery.com/jquery-3.5.1.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/flatpickr"></script> </body> </html> <script> // Format date as dd Mmm, yyyy function formatDate(date) { const options = { day: '2-digit', month: 'short', year: 'numeric' }; return new Date(date).toLocaleDateString('en-US', options).replace(',', ''); } // Get today's and tomorrow's dates const today = new Date(); const tomorrow = new Date(); tomorrow.setDate(today.getDate() + 1); const todayFormatted = formatDate(today); const tomorrowFormatted = formatDate(tomorrow); document.addEventListener("DOMContentLoaded", function () { // Set placeholders const startInput = document.getElementById("startDate"); const endInput = document.getElementById("endDate"); startInput.placeholder = todayFormatted; endInput.placeholder = tomorrowFormatted; // Initialize pickers const startPicker = flatpickr(startInput, { dateFormat: "d M, Y", defaultDate: today, onChange: function(selectedDates) { endPicker.set('minDate', selectedDates[0]); } }); const endPicker = flatpickr(endInput, { dateFormat: "d M, Y", defaultDate: tomorrow, onChange: function(selectedDates) { startPicker.set('maxDate', selectedDates[0]); } }); }); </script>

| ver. 1.4 | Github | . | PHP 7.4.33 | Generation time: 0.02 | proxy | phpinfo | Settings