File manager - Edit - /home/asiatechinc/public_html/asiatech-websites/hillsheaven.in/room-and-suites.php
Back
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Rooms & Suites - Hotel Hills Heaven</title> <!--favicon icon--> <link rel="icon" href="images/favicon.ico"> <!-- Bootstrap 5.3 CSS --> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/7.0.1/css/all.min.css" /> <link href="css/style.css" rel="stylesheet"> </head> <body> <?php include 'header.php'?> <div class="breadcumb room-bg"> <h3>Rooms & Suites</h3> </div> <section class="room-sect section-padding"> <div class="container"> <div class="row"> <div class="col-md-12 text-center mb-4"> <h2 class="text-white">Featured Rooms/Suites</h2> </div> </div> <div class="row align-items-center"> <div class="col-md-4"> <div class="room-item"> <figure> <img src="images/room/1.jpg" alt=""> </figure> <div class="room-dis"> <h4>Deluxe Double Bedroom</h4> <p>The Deluxe Double Bedroom offers a cozy and comfortable space, thoughtfully designed for couples and solo travelers. Featuring a comfortable double bed, modern amenities, and a warm interior, the room provides a relaxing environment after a day of exploring. Large windows allow natural light to fill the room, ensuring a pleasant and peaceful stay.</p> <a href="booking.php" class="custom-btn mt-3">Book Now</a> </div> </div> </div> <div class="col-md-4"> <div class="room-item"> <figure> <img src="images/room/2.jpg" alt=""> </figure> <div class="room-dis"> <h4>Super Deluxe Bedroom</h4> <p>The Super Deluxe Bedroom combines enhanced comfort with elegant interiors for a refined stay experience. Spacious and well-appointed, this room category features upgraded furnishings, modern conveniences, and soothing décor. Ideal for guests seeking extra comfort, the Super Deluxe Bedroom offers a perfect balance of luxury and relaxation.</p> <a href="booking.php" class="custom-btn mt-3">Book Now</a> </div> </div> </div> <div class="col-md-4"> <div class="room-item"> <figure> <img src="images/room/3.jpg" alt=""> </figure> <div class="room-dis"> <h4>Family Suite Room</h4> <p>Designed to accommodate families and groups, the Family Suite Room provides ample space and added privacy. With well-defined living and sleeping areas, comfortable bedding, and essential amenities, the suite ensures a relaxed and enjoyable stay for everyone. It is the perfect choice for families looking to spend quality time together in comfort.</p> <a href="booking.php" class="custom-btn mt-3">Book Now</a> </div> </div> </div> </div> </div> </section> <section class="gallery"> <div class="container py-5"> <div class="row g-3"> <div class="col-6 col-md-4 col-lg-3"> <img src="images/gallery/2.jpg" class="img-fluid rounded shadow-sm gallery-img" data-bs-toggle="modal" data-bs-target="#lightboxModal" data-bs-img="images/gallery/2.jpg" alt=""> </div> <div class="col-6 col-md-4 col-lg-3"> <img src="images/gallery/3.jpg" class="img-fluid rounded shadow-sm gallery-img" data-bs-toggle="modal" data-bs-target="#lightboxModal" data-bs-img="images/gallery/3.jpg" alt=""> </div> <div class="col-6 col-md-4 col-lg-3"> <img src="images/gallery/4.jpg" class="img-fluid rounded shadow-sm gallery-img" data-bs-toggle="modal" data-bs-target="#lightboxModal" data-bs-img="images/gallery/4.jpg" alt=""> </div> <div class="col-6 col-md-4 col-lg-3"> <img src="images/gallery/5.jpg" class="img-fluid rounded shadow-sm gallery-img" data-bs-toggle="modal" data-bs-target="#lightboxModal" data-bs-img="images/gallery/5.jpg" alt=""> </div> <div class="col-6 col-md-4 col-lg-3"> <img src="images/gallery/6.jpg" class="img-fluid rounded shadow-sm gallery-img" data-bs-toggle="modal" data-bs-target="#lightboxModal" data-bs-img="images/gallery/6.jpg" alt=""> </div> <div class="col-6 col-md-4 col-lg-3"> <img src="images/gallery/7.jpg" class="img-fluid rounded shadow-sm gallery-img" data-bs-toggle="modal" data-bs-target="#lightboxModal" data-bs-img="images/gallery/7.jpg" alt=""> </div> <div class="col-6 col-md-4 col-lg-3"> <img src="images/gallery/8.jpg" class="img-fluid rounded shadow-sm gallery-img" data-bs-toggle="modal" data-bs-target="#lightboxModal" data-bs-img="images/gallery/8.jpg" alt=""> </div> <div class="col-6 col-md-4 col-lg-3"> <img src="images/gallery/9.jpg" class="img-fluid rounded shadow-sm gallery-img" data-bs-toggle="modal" data-bs-target="#lightboxModal" data-bs-img="images/gallery/9.jpg" alt=""> </div> <div class="col-6 col-md-4 col-lg-3"> <img src="images/gallery/10.jpg" class="img-fluid rounded shadow-sm gallery-img" data-bs-toggle="modal" data-bs-target="#lightboxModal" data-bs-img="images/gallery/10.jpg" alt=""> </div> <div class="col-6 col-md-4 col-lg-3"> <img src="images/gallery/11.jpg" class="img-fluid rounded shadow-sm gallery-img" data-bs-toggle="modal" data-bs-target="#lightboxModal" data-bs-img="images/gallery/11.jpg" alt=""> </div> <div class="col-6 col-md-4 col-lg-3"> <img src="images/gallery/12.jpg" class="img-fluid rounded shadow-sm gallery-img" data-bs-toggle="modal" data-bs-target="#lightboxModal" data-bs-img="images/gallery/12.jpg" alt=""> </div> <div class="col-6 col-md-4 col-lg-3"> <img src="images/gallery/13.jpg" class="img-fluid rounded shadow-sm gallery-img" data-bs-toggle="modal" data-bs-target="#lightboxModal" data-bs-img="images/gallery/13.jpg" alt=""> </div> <div class="col-6 col-md-4 col-lg-3"> <img src="images/gallery/14.jpg" class="img-fluid rounded shadow-sm gallery-img" data-bs-toggle="modal" data-bs-target="#lightboxModal" data-bs-img="images/gallery/14.jpg" alt=""> </div> <div class="col-6 col-md-4 col-lg-3"> <img src="images/gallery/16.jpg" class="img-fluid rounded shadow-sm gallery-img" data-bs-toggle="modal" data-bs-target="#lightboxModal" data-bs-img="images/gallery/16.jpg" alt=""> </div> <div class="col-6 col-md-4 col-lg-3"> <img src="images/gallery/17.jpg" class="img-fluid rounded shadow-sm gallery-img" data-bs-toggle="modal" data-bs-target="#lightboxModal" data-bs-img="images/gallery/17.jpg" alt=""> </div> <div class="col-6 col-md-4 col-lg-3"> <img src="images/gallery/18.jpg" class="img-fluid rounded shadow-sm gallery-img" data-bs-toggle="modal" data-bs-target="#lightboxModal" data-bs-img="images/gallery/18.jpg" alt=""> </div> </div> </div> <div class="modal fade" id="lightboxModal" tabindex="-1"> <div class="modal-dialog modal-dialog-centered modal-lg"> <div class="modal-content bg-transparent border-0"> <button type="button" class="btn-close btn-close-white ms-auto me-2 mt-2" data-bs-dismiss="modal"></button> <div class="modal-body p-0 text-center"> <img src="" id="lightboxImage" class="img-fluid rounded"> </div> </div> </div> </div> </div> <?php include 'footer.php'?> <!-- Bootstrap 5.3 JS --> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script> </body> </html> <script> document.querySelectorAll('.gallery-img').forEach(img => { img.addEventListener('click', function () { const src = this.getAttribute('data-bs-img'); document.getElementById('lightboxImage').src = src; }); }); </script>
| ver. 1.4 |
Github
|
.
| PHP 7.4.33 | Generation time: 0.02 |
proxy
|
phpinfo
|
Settings