File manager - Edit - /home/asiatechinc/public_html/asiatech-websites/talaidesertcamp.com/rait-sagar-tent.php
Back
<!DOCTYPE html> <html lang="zxx"> <head> <title> Talai Desert Camp | Luxury Rait Sagar 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 Rait Sagar 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/sait-sagar-new2.jpg" alt="Deluxe Room" class="img-fluid rounded shadow"> </div> <div class="slider-slide"> <img src="assets/images/room/pokhar-tent-2.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 Rait Sagar Tent</h3> <p> Discover the charm of the Luxury Rait Sagar Tent, a serene retreat set against the enchanting desert landscape. Designed for guests who seek the perfect balance between rustic adventure and refined comfort, these tents offer a unique experience surrounded by golden sands and peaceful vibes. </p> <p> Each tent features spacious interiors, plush bedding, and warm, earthy décor, reflecting the essence of Rajasthan while providing modern conveniences. Whether you’re unwinding with loved ones or soaking in the magic of starlit nights, the Luxury Rait Sagar Tent creates moments you’ll cherish forever. </p> <p>Wake up to the soft hues of dawn over the dunes, relax in your private sitting area, and enjoy an atmosphere where tranquility and sophistication blend seamlessly.</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