File manager - Edit - /home/asiatechinc/public_html/asiatech-websites/talaidesertcamp.com/mud-escape.php
Back
<!DOCTYPE html> <html lang="zxx"> <head> <title>Talai Desert Camp | Luxury Mud Escape Room</title> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <link rel="icon" type="image/png" sizes="16x16" href="assets/images/favicon/favicon.png"> <meta name="msapplication-TileColor" content="#ffffff"> <meta name="msapplication-TileImage" content="assets/images/favicon/ms-icon-144x144.png"> <meta name="theme-color" content="#ffffff"> <!-- Font Awesome link --> <link rel="stylesheet" href="../../cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css"> <!-- StyleSheet link CSS --> <link rel="stylesheet" href="assets/css/animate.css"> <!-- Latest compiled and minified CSS --> <link rel="stylesheet" href="assets/bootstrap/bootstrap.min.css" type="text/css"> <link rel="stylesheet" href="assets/css/superclasses.css" type="text/css"> <link rel="stylesheet" href="assets/css/owl.carousel.min.css" type="text/css"> <link rel="stylesheet" href="assets/css/owl.theme.default.min.css" type="text/css"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css" integrity="sha512-9usAa10IRO0HhonpyAIVpjrylPvoDwiPUiKdWk5t3PyolY1cOd4DSE0Ga+ri4AuTroPR5aQvXU9xC6qOPnzFeg==" crossorigin="anonymous" referrerpolicy="no-referrer" /> <link rel="stylesheet" href="assets/css/custom.css" type="text/css"> <link rel="stylesheet" href="assets/css/responsive.css" type="text/css"> <link rel="stylesheet" href="../../cdnjs.cloudflare.com/ajax/libs/magnific-popup.js/1.1.0/magnific-popup.css"> <style> /* Room Slider */ .room-slider { position: relative; overflow: hidden; border-radius: 12px; } .slider-wrapper { display: flex; transition: transform 0.5s ease-in-out; } .slider-slide { min-width: 100%; } .slider-slide img { width: 100%; border-radius: 12px; } /* Slider Buttons */ .slider-prev, .slider-next { position: absolute; top: 50%; transform: translateY(-50%); background-color: rgba(212,163,115,0.8); color: #fff; border: none; font-size: 24px; padding: 10px 15px; cursor: pointer; border-radius: 50%; z-index: 10; transition: background 0.3s; } .slider-prev:hover, .slider-next:hover { background-color: rgba(212,163,115,1); } .slider-prev { left: 10px; } .slider-next { right: 10px; } /* Booking Form */ .booking-form { background-color: #fff8f0; } .booking-form h4 { margin-bottom: 20px; color: #b36b2c; } .booking-form input { width: 100%; padding: 12px; margin-bottom: 12px; border: 1px solid #ddd; border-radius: 8px; outline: none; } .booking-form input:focus { border-color: #d4a373; } .btn-book { display: inline-block; width: 100%; padding: 12px; background: linear-gradient(45deg, #564325, #f29400e6); color: #fff; text-align: center; font-weight: 600; border-radius: 25px; text-decoration: none; transition: transform 0.3s, background 0.3s; } .btn-book:hover { transform: translateY(-3px); background: linear-gradient(45deg,#f4d1a3,#d4a373); } /* Amenities */ .amenities { display: flex; flex-wrap: wrap; gap: 20px; } .amenity { display: flex; flex-direction: column; align-items: center; width: 100px; text-align: center; } .amenity img { width: 50px; height: 50px; border-radius: 50%; background-color: #f4d1a3; padding: 10px; margin-bottom: 8px; box-shadow: 0 4px 10px rgba(0,0,0,0.1); transition: transform 0.3s, background-color 0.3s; } .amenity img:hover { transform: scale(1.1); background-color: #d4a373; } .amenity span { font-size: 14px; font-weight: 600; color: #333; } .room-section { padding-top:60px; padding-bottom:50px } </style> </head> <body> <!-- HEADER SECTION --> <?php include'include/header.php'?> <!-- BANNER SECTION --> <section class="float-left w-100 position-relative sub-banner-con text-center"> <div class="container"> <div class="row align-items-center"> <div class="col-xl-9 col-lg-12 mr-auto ml-auto"> <div class="heading-title-con mb-0"> <h2 class="sub-heading">Luxury Mud Escape Room</h2> <p>Step into a World of Muddy Bliss and Luxurious Comfort, Where Nature’s Touch Meets Thoughtful Design to Create an Unforgettable Escape</p> <!-- heading title con --> </div> <!-- col --> </div> <!-- row --> </div> <!-- container --> </div> <!-- banner con --> </section> <section class="blog-posts blogpage-section three-column-con w-100 float-left beige-bg room-section" id="three"> <div class="container"> <div class="row"> <!-- Left: Image Slider --> <div class="col-lg-8 col-md-12 mb-4"> <div class="room-slider"> <div class="slider-wrapper"> <div class="slider-slide"> <img src="assets/images/room/mud-escape2.jpg" alt="Deluxe Room" class="img-fluid rounded shadow"> </div> <div class="slider-slide"> <img src="assets/images/room/mud-escape3.jpg" alt="Deluxe Room" class="img-fluid rounded shadow"> </div> <div class="slider-slide"> <img src="assets/images/room/mud-escape4.jpg" alt="Deluxe Room" class="img-fluid rounded shadow"> </div> </div> <button class="slider-prev">❮</button> <button class="slider-next">❯</button> </div> </div> <!-- Right: Booking Form --> <div class="col-lg-4 col-md-12 mb-4"> <div class="booking-form p-4 rounded shadow"> <h4>Book Your Stay</h4> <form> <input type="text" placeholder="Your Name" name="name" required> <input type="text" placeholder="Mobile No" name="mobile" required> <input type="email" placeholder="Your Email" name="email" required> <input type="text" placeholder="Topic / Notes" name="topic"> <a href="contact.php" class="btn-book">Send Message</a> </form> </div> </div> </div> <!-- Room Content --> <div class="room-content-section "> <h3> Luxury Mud Escape Room</h3> <p> Step into the Luxury Mud Escape Room, where the raw beauty of nature meets modern comfort. Nestled in the heart of the desert, this unique retreat offers guests a one-of-a-kind experience — from relaxing mud baths and rejuvenating treatments to cozy interiors and premium amenities. </p> <p> Our rooms are thoughtfully designed to provide a perfect blend of adventure and luxury, allowing you to reconnect with nature while enjoying plush bedding, ambient lighting, and private spaces for ultimate relaxation. Ideal for couples, solo travelers, or groups, the Luxury Mud Escape Room promises an unforgettable escape from the ordinary. </p> <!-- Amenities -- <div class="amenities mt-4"> <div class="amenity"><img src="assets/images/icon/wifi.png" alt="Wi-Fi"><span>Free Wi-Fi</span></div> <div class="amenity"><img src="assets/images/icon/led-tv.png" alt="TV"><span>Flat Screen TV</span></div> <div class="amenity"><img src="assets/images/icon/coffee.png" alt="Coffee"><span>Tea/Coffee Maker</span></div> <div class="amenity"><img src="assets/images/icon/bathtub.png" alt="Bathroom"><span>Luxury Bathroom</span></div> <div class="amenity"><img src="assets/images/icon/fridge.png" alt="Fridge"><span>Mini Fridge</span></div> <div class="amenity"><img src="assets/images/icon/locker.png" alt="Locker"><span>Locker</span></div> <div class="amenity"><img src="assets/images/icon/ironing.png" alt="Ironboard"><span>Ironboard</span></div> </div>--> </div> </div> </section> <script> let currentSlide = 0; const slides = document.querySelectorAll('.slider-slide'); const totalSlides = slides.length; document.querySelector('.slider-next').addEventListener('click', () => { currentSlide = (currentSlide + 1) % totalSlides; updateSlider(); }); document.querySelector('.slider-prev').addEventListener('click', () => { currentSlide = (currentSlide - 1 + totalSlides) % totalSlides; updateSlider(); }); function updateSlider() { const wrapper = document.querySelector('.slider-wrapper'); wrapper.style.transform = `translateX(-${currentSlide * 100}%)`; } </script> <!-- FOOTER SECTION --> <?php include'include/footer.php'?> <!-- BACK TO TOP BUTTON --> <button id="back-to-top-btn" title="Back to Top"></button> <script src="assets/js/jquery.min.js"></script> <script src="assets/js/popper.min.js"></script> <script src="assets/js/bootstrap.min.js"></script> <script src="assets/js/owl.carousel.js"></script> <script src="assets/js/contact-form.js"></script> <script src="assets/js/video-popup.js"></script> <script src="assets/js/video-section.js"></script> <script src="assets/js/jquery.validate.js"></script> <script src="assets/js/wow.js"></script> <script src="assets/js/counter.js"></script> <script src="assets/js/custom.js"></script> <script src="assets/js/search.js"></script> </body> </html>
| ver. 1.4 |
Github
|
.
| PHP 7.4.33 | Generation time: 0.02 |
proxy
|
phpinfo
|
Settings