File manager - Edit - /home/asiatechinc/public_html/asiatech-websites/lakeloft.in/gallery.php
Back
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Gallery - Hotel Lake Loft</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 gallery-bg"> <h3>Gallery</h3> </div> <section class="gallery"> <div class="container py-5"> <div class="row"> <div class="col-md-12 text-center mb-4"> <h2>Photo Gallery</h2> </div> </div> <div class="row g-3"> <div class="col-6 col-md-4 col-lg-2"> <img src="images/gallery/1.jpg" class="img-fluid rounded shadow-sm gallery-img" data-bs-toggle="modal" data-bs-target="#lightboxModal" data-bs-img="images/gallery/1.jpg" alt=""> </div> <div class="col-6 col-md-4 col-lg-2"> <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-2"> <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-2"> <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-2"> <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-2"> <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-2"> <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-2"> <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-2"> <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-2"> <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-2"> <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-2"> <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-2"> <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-2"> <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-2"> <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-2"> <img src="images/gallery/15.jpg" class="img-fluid rounded shadow-sm gallery-img" data-bs-toggle="modal" data-bs-target="#lightboxModal" data-bs-img="images/gallery/15.jpg" alt=""> </div> <div class="col-6 col-md-4 col-lg-2"> <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-2"> <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-2"> <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 class="col-6 col-md-4 col-lg-2"> <img src="images/gallery/19.jpg" class="img-fluid rounded shadow-sm gallery-img" data-bs-toggle="modal" data-bs-target="#lightboxModal" data-bs-img="images/gallery/19.jpg" alt=""> </div> <div class="col-6 col-md-4 col-lg-2"> <img src="images/gallery/20.jpg" class="img-fluid rounded shadow-sm gallery-img" data-bs-toggle="modal" data-bs-target="#lightboxModal" data-bs-img="images/gallery/20.jpg" alt=""> </div> <div class="col-6 col-md-4 col-lg-2"> <img src="images/gallery/21.jpg" class="img-fluid rounded shadow-sm gallery-img" data-bs-toggle="modal" data-bs-target="#lightboxModal" data-bs-img="images/gallery/21.jpg" alt=""> </div> <div class="col-6 col-md-4 col-lg-2"> <img src="images/gallery/22.jpg" class="img-fluid rounded shadow-sm gallery-img" data-bs-toggle="modal" data-bs-target="#lightboxModal" data-bs-img="images/gallery/22.jpg" alt=""> </div> <div class="col-6 col-md-4 col-lg-2"> <img src="images/gallery/23.jpg" class="img-fluid rounded shadow-sm gallery-img" data-bs-toggle="modal" data-bs-target="#lightboxModal" data-bs-img="images/gallery/23.jpg" alt=""> </div> <div class="col-6 col-md-4 col-lg-2"> <img src="images/gallery/24.jpg" class="img-fluid rounded shadow-sm gallery-img" data-bs-toggle="modal" data-bs-target="#lightboxModal" data-bs-img="images/gallery/24.jpg" alt=""> </div> <div class="col-6 col-md-4 col-lg-2"> <img src="images/gallery/25.jpg" class="img-fluid rounded shadow-sm gallery-img" data-bs-toggle="modal" data-bs-target="#lightboxModal" data-bs-img="images/gallery/25.jpg" alt=""> </div> <div class="col-6 col-md-4 col-lg-2"> <img src="images/gallery/26.jpg" class="img-fluid rounded shadow-sm gallery-img" data-bs-toggle="modal" data-bs-target="#lightboxModal" data-bs-img="images/gallery/26.jpg" alt=""> </div> <div class="col-6 col-md-4 col-lg-2"> <img src="images/gallery/27.jpg" class="img-fluid rounded shadow-sm gallery-img" data-bs-toggle="modal" data-bs-target="#lightboxModal" data-bs-img="images/gallery/27.jpg" alt=""> </div> <div class="col-6 col-md-4 col-lg-2"> <img src="images/gallery/28.jpg" class="img-fluid rounded shadow-sm gallery-img" data-bs-toggle="modal" data-bs-target="#lightboxModal" data-bs-img="images/gallery/28.jpg" alt=""> </div> <div class="col-6 col-md-4 col-lg-2"> <img src="images/gallery/29.jpg" class="img-fluid rounded shadow-sm gallery-img" data-bs-toggle="modal" data-bs-target="#lightboxModal" data-bs-img="images/gallery/29.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