File manager - Edit - /home/asiatechinc/public_html/asiatechinc-websites/hotellakeparadiseinn.com/gallery.php
Back
<!doctype html> <html lang="en"> <head> <!-- Required meta tags --> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <!-- Bootstrap Min CSS --> <link rel="stylesheet" href="assets/css/bootstrap.min.css"> <!-- Owl Theme Default Min CSS --> <link rel="stylesheet" href="assets/css/owl.theme.default.min.css"> <!-- Owl Carousel Min CSS --> <link rel="stylesheet" href="assets/css/owl.carousel.min.css"> <!-- Boxicons Min CSS --> <link rel="stylesheet" href="assets/css/boxicons.min.css"> <!-- Flaticon CSS --> <link rel="stylesheet" href="assets/css/flaticon.css"> <!-- Meanmenu Min CSS --> <link rel="stylesheet" href="assets/css/meanmenu.min.css"> <!-- Animate Min CSS --> <link rel="stylesheet" href="assets/css/animate.min.css"> <!-- Nice Select Min CSS --> <link rel="stylesheet" href="assets/css/nice-select.min.css"> <!-- Odometer Min CSS --> <link rel="stylesheet" href="assets/css/odometer.min.css"> <!-- Date Picker CSS--> <link rel="stylesheet" href="assets/css/date-picker.min.css"> <!-- Magnific Popup Min CSS --> <link rel="stylesheet" href="assets/css/magnific-popup.min.css"> <!-- Beautiful Fonts CSS --> <link rel="stylesheet" href="assets/css/beautiful-fonts.css"> <!-- Style CSS --> <link rel="stylesheet" href="assets/css/style.css"> <!-- Dark CSS --> <link rel="stylesheet" href="assets/css/dark.css"> <!-- Responsive CSS --> <link rel="stylesheet" href="assets/css/responsive.css"> <!-- Favicon --> <link rel="icon" type="image/png" href="assets/img/favicon.png"> <!-- TITLE --> <title>Gallery | Hotel Lake Paradise Inn</title> </head> <body> <!-- Start Preloader Area --> <div class="preloader"> <div class="lds-ripple"> <div></div> <div></div> </div> </div> <!-- End Preloader Area --> <!-- Start Ecorik Navbar Area --> <?php include 'include/header.php';?> <!-- End Ecorik Navbar Area --> <!-- Start Page Title Area --> <div class="page-title-area"> <div class="container"> <div class="page-title-content"> <h2>Our Gallery</h2> <ul> <li> <a href="index.php"> Home </a> </li> <li>Gallery</li> </ul> </div> </div> </div> <!-- End Page Title Area --> <!-- Start Gallery Area --> <section class="gallery-area ptb-100"> <div class="container"> <div class="gallery-wrap"> <div class="shorting"> <div class="row"> <div class="col-lg-4 col-md-6 col-sm-12"> <img src="./assets/img/gallery/1.jpg" style="width:100%; margin-bottom:10%" onclick="openModal();currentSlide(1)" class="hover-shadow cursor"> </div> <div class="col-lg-4 col-md-6 col-sm-12"> <img src="./assets/img/gallery/2.jpg" style="width:100%; margin-bottom:10%" onclick="openModal();currentSlide(2)" class="hover-shadow cursor"> </div> <div class="col-lg-4 col-md-6 col-sm-12"> <img src="./assets/img/gallery/3.jpg" style="width:100%; margin-bottom:10%" onclick="openModal();currentSlide(3)" class="hover-shadow cursor"> </div> <div class="col-lg-4 col-md-6 col-sm-12"> <img src="./assets/img/gallery/4.jpg" style="width:100%; margin-bottom:10%" onclick="openModal();currentSlide(4)" class="hover-shadow cursor"> </div> <div class="col-lg-4 col-md-6 col-sm-12"> <img src="./assets/img/gallery/5.jpg" style="width:100%; margin-bottom:10%" onclick="openModal();currentSlide(5)" class="hover-shadow cursor"> </div> <div class="col-lg-4 col-md-6 col-sm-12"> <img src="./assets/img/gallery/6.jpg" style="width:100%; margin-bottom:10%" onclick="openModal();currentSlide(6)" class="hover-shadow cursor"> </div> <div class="col-lg-4 col-md-6 col-sm-12"> <img src="./assets/img/gallery/7.jpg" style="width:100%; margin-bottom:10%" onclick="openModal();currentSlide(7)" class="hover-shadow cursor"> </div> <div class="col-lg-4 col-md-6 col-sm-12"> <img src="./assets/img/gallery/8.jpg" style="width:100%; margin-bottom:10%" onclick="openModal();currentSlide(8)" class="hover-shadow cursor"> </div> <div class="col-lg-4 col-md-6 col-sm-12"> <img src="./assets/img/gallery/9.jpg" style="width:100%; margin-bottom:10%" onclick="openModal();currentSlide(9)" class="hover-shadow cursor"> </div> <div class="col-lg-4 col-md-6 col-sm-12"> <img src="./assets/img/gallery/10.jpg" style="width:100%; margin-bottom:10%" onclick="openModal();currentSlide(10)" class="hover-shadow cursor"> </div> <div class="col-lg-4 col-md-6 col-sm-12"> <img src="./assets/img/gallery/11.jpg" style="width:100%; margin-bottom:10%" onclick="openModal();currentSlide(11)" class="hover-shadow cursor"> </div> </div> <div id="myModal" class="modal"> <span class="close cursor" onclick="closeModal()">×</span> <div class="modal-content"> <div class="mySlides"> <img src="./assets/img/gallery/1.jpg" style="width:100%"> </div> <div class="mySlides"> <img src="./assets/img/gallery/2.jpg" style="width:100%"> </div> <div class="mySlides"> <img src="./assets/img/gallery/3.jpg" style="width:100%"> </div> <div class="mySlides"> <img src="./assets/img/gallery/4.jpg" style="width:100%"> </div> <div class="mySlides"> <img src="./assets/img/gallery/5.jpg" style="width:100%"> </div> <div class="mySlides"> <img src="./assets/img/gallery/6.jpg" style="width:100%"> </div> <div class="mySlides"> <img src="./assets/img/gallery/7.jpg" style="width:100%"> </div> <div class="mySlides"> <img src="./assets/img/gallery/8.jpg" style="width:100%"> </div> <div class="mySlides"> <img src="./assets/img/gallery/9.jpg" style="width:100%"> </div> <div class="mySlides"> <img src="./assets/img/gallery/10.jpg" style="width:100%"> </div> <div class="mySlides"> <img src="./assets/img/gallery/11.jpg" style="width:100%"> </div> <a class="prev" onclick="plusSlides(-1)">❮</a> <a class="next" onclick="plusSlides(1)">❯</a> </div> </div> </div> </div> </section> <!-- End Gallery Area --> <!-- Start Footer Area --> <?php include 'include/footer.php';?> <!-- End Footer Area --> <!-- Start Go Top Area --> <div class="go-top"> <i class="bx bx-chevrons-up"></i> <i class="bx bx-chevrons-up bx-fade-up"></i> </div> <!-- End Go Top Area --> <!-- Jquery Min JS --> <script data-cfasync="false" src="../../cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script src="assets/js/jquery.min.js"></script> <!-- Bootstrap Bundle Min JS --> <script src="assets/js/bootstrap.bundle.min.js"></script> <!-- Meanmenu Min JS --> <script src="assets/js/meanmenu.min.js"></script> <!-- Owl Carousel Min JS --> <script src="assets/js/owl.carousel.min.js"></script> <!-- Wow Min JS --> <script src="assets/js/wow.min.js"></script> <!-- Nice Select Min JS --> <script src="assets/js/nice-select.min.js"></script> <!-- Magnific Popup Min JS --> <script src="assets/js/magnific-popup.min.js"></script> <!-- Mixitup JS --> <script src="assets/js/jquery.mixitup.min.js"></script> <!-- Appear Min JS --> <script src="assets/js/appear.min.js"></script> <!-- Odometer Min JS --> <script src="assets/js/odometer.min.js"></script> <!-- Datepicker Min JS --> <script src="assets/js/bootstrap-datepicker.min.js"></script> <!-- Ofi Min JS --> <script src="assets/js/ofi.min.js"></script> <!-- jarallax Min JS --> <script src="assets/js/jarallax.min.js"></script> <!-- Form Validator Min JS --> <script src="assets/js/form-validator.min.js"></script> <!-- Contact JS --> <script src="assets/js/contact-form-script.js"></script> <!-- Ajaxchimp Min JS --> <script src="assets/js/ajaxchimp.min.js"></script> <!-- Custom JS --> <script src="assets/js/custom.js"></script> <script> function openModal(){ document.getElementById("myModal").style.display="block"; document.getElementById("late").style.display="none"; } function closeModal(){ document.getElementById("myModal").style.display="none"; document.getElementById("late").style.display="block"; } var slideIndex = 1; showSlides(slideIndex); function plusSlides(n) { showSlides(slideIndex += n); } function currentSlide(n) { showSlides(slideIndex = n); } function showSlides(n) { var i; var slides = document.getElementsByClassName("mySlides"); var dots = document.getElementsByClassName("demo"); if (n > slides.length) {slideIndex = 1} if (n < 1) {slideIndex = slides.length} for (i = 0; i < slides.length; i++) { slides[i].style.display = "none"; } for (i = 0; i < dots.length; i++) { dots[i].className = dots[i].className.replace(" active", ""); } slides[slideIndex-1].style.display = "block"; dots[slideIndex-1].className += " active"; } </script> </body> </html>
| ver. 1.4 |
Github
|
.
| PHP 7.4.33 | Generation time: 0.03 |
proxy
|
phpinfo
|
Settings