File manager - Edit - /home/asiatechinc/public_html/asiatech-websites/talaidesertcamp.com/pokhar-tent.php
Back
<!DOCTYPE html> <html lang="zxx"> <head> <title>Talai Desert Camp | Luxury Pokhar Tent</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> <!-- LOADER --> <!-- 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 Pokhar Tent</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/sagar-tent-2.jpg" alt="Deluxe Room" class="img-fluid rounded shadow"> </div> <div class="slider-slide"> <img src="assets/images/room/sagar-tent-1.jpg" alt="Deluxe Room" class="img-fluid rounded shadow"> </div> <!--<div class="slider-slide"> <img src="assets/images/room/pokhar-tent-3.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 Pokhar Tent</h3> <p> Experience the Luxury Pokhar Tent, where comfort meets the charm of the great outdoors. Nestled near serene water bodies, each tent is designed to offer a cozy and intimate stay while bringing you closer to nature. </p> <p> Enjoy spacious interiors, plush bedding, and elegant décor that combine traditional charm with modern amenities. Whether you’re here to relax, unwind, or explore the surrounding landscapes, the Luxury Pokhar Tent provides the perfect retreat for couples, families, and adventure seekers alike. </p> <p>Wake up to the tranquil views of the nearby lake, indulge in fresh local cuisine, and spend your evenings under starlit skies — every moment here is crafted for relaxation and unforgettable memories.</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