File manager

File manager - Edit - /home/asiatechinc/public_html/asiatech-websites/hotelzimskhangvilla.com/gallery.php

Back
<!doctype html> <html lang="zxx"> <head> <title>Gallery \| Hotel Zimskhang Villa</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <link rel="stylesheet" href="assets/css/bootstrap.min.css"> <link rel="stylesheet" href="assets/css/owl.theme.default.min.css"> <link rel="stylesheet" href="assets/css/owl.carousel.min.css"> <link rel="stylesheet" href="assets/css/boxicons.min.css"> <link rel="stylesheet" href="assets/css/flaticon.css"> <link rel="stylesheet" href="assets/css/meanmenu.min.css"> <link rel="stylesheet" href="assets/css/animate.min.css"> <link rel="stylesheet" href="assets/css/nice-select.min.css"> <link rel="stylesheet" href="assets/css/odometer.min.css"> <link rel="stylesheet" href="assets/css/date-picker.min.css"> <link rel="stylesheet" href="assets/css/magnific-popup.min.css"> <link rel="stylesheet" href="assets/css/beautiful-fonts.css"> <link rel="stylesheet" href="assets/css/style.css"> <link rel="stylesheet" href="assets/css/responsive.css"> <link rel="icon" type="image/png" href="assets/img/favicon.png"> <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Merriweather\|Open+Sans"> <link rel='stylesheet' href='https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css'> </head> <body> <?php include 'include/header.php'; ?> <div class="page-title-area"> <div class="container"> <div class="page-title-content"> <h2>Gallery</h2> <ul> <li> <a href="index.php"> Home </a> </li> <li>Gallery</li> </ul> </div> </div> </div> <section class="explore-area pt-70 pb-0"> <div class="container"> <!-- <div class="section-title"> <h2>Gallery</h2> </div --> <section id="gallery"> <!-- <h1>Property Images</h1> --> <div class="container"> <div id="image-gallery"> <div class="row"> <div class="col-lg-4 col-md-6 col-sm-6 col-xs-12 image"> <div class="img-wrapper"> <a href="assets/img/gallery/new/1.jpg"><img src="assets/img/gallery/new/1.jpg" class="img-responsive"></a> <div class="img-overlay"> <i class="fa fa-plus-circle" aria-hidden="true"></i> </div> </div> </div> <div class="col-lg-4 col-md-6 col-sm-6 col-xs-12 image"> <div class="img-wrapper"> <a href="assets/img/gallery/new/2.jpg"><img src="assets/img/gallery/new/2.jpg" class="img-responsive"></a> <div class="img-overlay"> <i class="fa fa-plus-circle" aria-hidden="true"></i> </div> </div> </div> <div class="col-lg-4 col-md-6 col-sm-6 col-xs-12 image"> <div class="img-wrapper"> <a href="assets/img/gallery/new/3.jpg"><img src="assets/img/gallery/new/3.jpg" class="img-responsive"></a> <div class="img-overlay"> <i class="fa fa-plus-circle" aria-hidden="true"></i> </div> </div> </div> <div class="col-lg-4 col-md-6 col-sm-6 col-xs-12 image"> <div class="img-wrapper"> <a href="assets/img/gallery/new/4.jpg"><img src="assets/img/gallery/new/4.jpg" class="img-responsive"></a> <div class="img-overlay"> <i class="fa fa-plus-circle" aria-hidden="true"></i> </div> </div> </div> <div class="col-lg-4 col-md-6 col-sm-6 col-xs-12 image"> <div class="img-wrapper"> <a href="assets/img/gallery/new/5.jpg"><img src="assets/img/gallery/new/5.jpg" class="img-responsive"></a> <div class="img-overlay"> <i class="fa fa-plus-circle" aria-hidden="true"></i> </div> </div> </div> <div class="col-lg-4 col-md-6 col-sm-6 col-xs-12 image"> <div class="img-wrapper"> <a href="assets/img/gallery/new/6.jpg"><img src="assets/img/gallery/new/6.jpg" class="img-responsive"></a> <div class="img-overlay"> <i class="fa fa-plus-circle" aria-hidden="true"></i> </div> </div> </div> <div class="col-lg-4 col-md-6 col-sm-6 col-xs-12 image"> <div class="img-wrapper"> <a href="assets/img/gallery/new/7.jpg"><img src="assets/img/gallery/new/7.jpg" class="img-responsive"></a> <div class="img-overlay"> <i class="fa fa-plus-circle" aria-hidden="true"></i> </div> </div> </div> <div class="col-lg-4 col-md-6 col-sm-6 col-xs-12 image"> <div class="img-wrapper"> <a href="assets/img/gallery/new/8.jpg"><img src="assets/img/gallery/new/8.jpg" class="img-responsive"></a> <div class="img-overlay"> <i class="fa fa-plus-circle" aria-hidden="true"></i> </div> </div> </div> <div class="col-lg-4 col-md-6 col-sm-6 col-xs-12 image"> <div class="img-wrapper"> <a href="assets/img/gallery/new/9.jpg"><img src="assets/img/gallery/new/9.jpg" class="img-responsive"></a> <div class="img-overlay"> <i class="fa fa-plus-circle" aria-hidden="true"></i> </div> </div> </div> <div class="col-lg-4 col-md-6 col-sm-6 col-xs-12 image"> <div class="img-wrapper"> <a href="assets/img/gallery/new/10.jpg"><img src="assets/img/gallery/new/10.jpg" class="img-responsive"></a> <div class="img-overlay"> <i class="fa fa-plus-circle" aria-hidden="true"></i> </div> </div> </div> <!-- <div class="col-lg-4 col-md-6 col-sm-6 col-xs-12 image"> <div class="img-wrapper"> <a href="assets/img/gallery/new/11.jpg"><img src="assets/img/gallery/new/11.jpg" class="img-responsive"></a> <div class="img-overlay"> <i class="fa fa-plus-circle" aria-hidden="true"></i> </div> </div> </div> <div class="col-lg-4 col-md-6 col-sm-6 col-xs-12 image"> <div class="img-wrapper"> <a href="assets/img/gallery/new/12.jpg"><img src="assets/img/gallery/new/12.jpg" class="img-responsive"></a> <div class="img-overlay"> <i class="fa fa-plus-circle" aria-hidden="true"></i> </div> </div> </div> <div class="col-lg-4 col-md-6 col-sm-6 col-xs-12 image"> <div class="img-wrapper"> <a href="assets/img/gallery/new/13.jpg"><img src="assets/img/gallery/new/13.jpg" class="img-responsive"></a> <div class="img-overlay"> <i class="fa fa-plus-circle" aria-hidden="true"></i> </div> </div> </div> <div class="col-lg-4 col-md-6 col-sm-6 col-xs-12 image"> <div class="img-wrapper"> <a href="assets/img/gallery/new/14.jpg"><img src="assets/img/gallery/new/14.jpg" class="img-responsive"></a> <div class="img-overlay"> <i class="fa fa-plus-circle" aria-hidden="true"></i> </div> </div> </div> <div class="col-lg-4 col-md-6 col-sm-6 col-xs-12 image"> <div class="img-wrapper"> <a href="assets/img/gallery/new/15.jpg"><img src="assets/img/gallery/new/15.jpg" class="img-responsive"></a> <div class="img-overlay"> <i class="fa fa-plus-circle" aria-hidden="true"></i> </div> </div> </div> <div class="col-lg-4 col-md-6 col-sm-6 col-xs-12 image"> <div class="img-wrapper"> <a href="assets/img/gallery/new/16.jpg"><img src="assets/img/gallery/new/16.jpg" class="img-responsive"></a> <div class="img-overlay"> <i class="fa fa-plus-circle" aria-hidden="true"></i> </div> </div> </div> <div class="col-lg-4 col-md-6 col-sm-6 col-xs-12 image"> <div class="img-wrapper"> <a href="assets/img/gallery/new/17.jpg"><img src="assets/img/gallery/new/17.jpg" class="img-responsive"></a> <div class="img-overlay"> <i class="fa fa-plus-circle" aria-hidden="true"></i> </div> </div> </div> <div class="col-lg-4 col-md-6 col-sm-6 col-xs-12 image"> <div class="img-wrapper"> <a href="assets/img/gallery/new/18.jpg"><img src="assets/img/gallery/new/18.jpg" class="img-responsive"></a> <div class="img-overlay"> <i class="fa fa-plus-circle" aria-hidden="true"></i> </div> </div> </div> <div class="col-lg-4 col-md-6 col-sm-6 col-xs-12 image"> <div class="img-wrapper"> <a href="assets/img/gallery/new/19.jpg"><img src="assets/img/gallery/new/19.jpg" class="img-responsive"></a> <div class="img-overlay"> <i class="fa fa-plus-circle" aria-hidden="true"></i> </div> </div> </div> <div class="col-lg-4 col-md-6 col-sm-6 col-xs-12 image"> <div class="img-wrapper"> <a href="assets/img/gallery/new/20.jpg"><img src="assets/img/gallery/new/20.jpg" class="img-responsive"></a> <div class="img-overlay"> <i class="fa fa-plus-circle" aria-hidden="true"></i> </div> </div> </div> <div class="col-lg-4 col-md-6 col-sm-6 col-xs-12 image"> <div class="img-wrapper"> <a href="assets/img/gallery/new/21.jpg"><img src="assets/img/gallery/new/21.jpg" class="img-responsive"></a> <div class="img-overlay"> <i class="fa fa-plus-circle" aria-hidden="true"></i> </div> </div> </div> <div class="col-lg-4 col-md-6 col-sm-6 col-xs-12 image"> <div class="img-wrapper"> <a href="assets/img/gallery/new/22.jpg"><img src="assets/img/gallery/new/22.jpg" class="img-responsive"></a> <div class="img-overlay"> <i class="fa fa-plus-circle" aria-hidden="true"></i> </div> </div> </div> --> </div><!-- End row --> </div><!-- End image gallery --> </div><!-- End container --> </section> <!-- <section id="gallery"> <h1>Rooms Images</h1> <div class="container"> <div id="image-gallery"> <div class="row"> <div class="col-lg-4 col-md-6 col-sm-6 col-xs-12 image"> <div class="img-wrapper"> <a href="assets/img/gallery/new/7.jpg"><img src="assets/img/gallery/new/7.jpg" class="img-responsive"></a> <div class="img-overlay"> <i class="fa fa-plus-circle" aria-hidden="true"></i> </div> </div> </div> <div class="col-lg-4 col-md-6 col-sm-6 col-xs-12 image"> <div class="img-wrapper"> <a href="assets/img/gallery/new/8.jpg"><img src="assets/img/gallery/new/8.jpg" class="img-responsive"></a> <div class="img-overlay"> <i class="fa fa-plus-circle" aria-hidden="true"></i> </div> </div> </div> <div class="col-lg-4 col-md-6 col-sm-6 col-xs-12 image"> <div class="img-wrapper"> <a href="assets/img/gallery/new/9.jpg"><img src="assets/img/gallery/new/9.jpg" class="img-responsive"></a> <div class="img-overlay"> <i class="fa fa-plus-circle" aria-hidden="true"></i> </div> </div> </div> </div> </div> </div> </section> --> </div> </section> <?php include 'include/footer.php'; ?> <script data-cfasync="false" src="../../cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script src="assets/js/jquery.min.js"></script> <script src="assets/js/bootstrap.bundle.min.js"></script> <script src="assets/js/meanmenu.min.js"></script> <script src="assets/js/owl.carousel.min.js"></script> <script src="assets/js/wow.min.js"></script> <script src="assets/js/nice-select.min.js"></script> <script src="assets/js/magnific-popup.min.js"></script> <script src="assets/js/jquery.mixitup.min.js"></script> <script src="assets/js/appear.min.js"></script> <script src="assets/js/odometer.min.js"></script> <script src="assets/js/bootstrap-datepicker.min.js"></script> <script src="assets/js/ofi.min.js"></script> <script src="assets/js/jarallax.min.js"></script> <script src="assets/js/form-validator.min.js"></script> <script src="assets/js/contact-form-script.js"></script> <script src="assets/js/ajaxchimp.min.js"></script> <script src="assets/js/custom.js"></script> <script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js'></script> <script src='https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.min.js'></script> </body> </html> <script> document.getElementById('vid').play(); </script> <script> // Gallery image hover $( ".img-wrapper" ).hover( function() { $(this).find(".img-overlay").animate({opacity: 1}, 600); }, function() { $(this).find(".img-overlay").animate({opacity: 0}, 600); } ); // Lightbox var $overlay = $('<div id="overlay"></div>'); var $image = $("<img>"); var $prevButton = $('<div id="prevButton"><i class="fa fa-chevron-left"></i></div>'); var $nextButton = $('<div id="nextButton"><i class="fa fa-chevron-right"></i></div>'); var $exitButton = $('<div id="exitButton"><i class="fa fa-times"></i></div>'); // Add overlay $overlay.append($image).prepend($prevButton).append($nextButton).append($exitButton); $("#gallery").append($overlay); // Hide overlay on default $overlay.hide(); // When an image is clicked $(".img-overlay").click(function(event) { // Prevents default behavior event.preventDefault(); // Adds href attribute to variable var imageLocation = $(this).prev().attr("href"); // Add the image src to $image $image.attr("src", imageLocation); // Fade in the overlay $overlay.fadeIn("slow"); }); // When the overlay is clicked $overlay.click(function() { // Fade out the overlay $(this).fadeOut("slow"); }); // When next button is clicked $nextButton.click(function(event) { // Hide the current image $("#overlay img").hide(); // Overlay image location var $currentImgSrc = $("#overlay img").attr("src"); // Image with matching location of the overlay image var $currentImg = $('#image-gallery img[src="' + $currentImgSrc + '"]'); // Finds the next image var $nextImg = $($currentImg.closest(".image").next().find("img")); // All of the images in the gallery var $images = $("#image-gallery img"); // If there is a next image if ($nextImg.length > 0) { // Fade in the next image $("#overlay img").attr("src", $nextImg.attr("src")).fadeIn(800); } else { // Otherwise fade in the first image $("#overlay img").attr("src", $($images[0]).attr("src")).fadeIn(800); } // Prevents overlay from being hidden event.stopPropagation(); }); // When previous button is clicked $prevButton.click(function(event) { // Hide the current image $("#overlay img").hide(); // Overlay image location var $currentImgSrc = $("#overlay img").attr("src"); // Image with matching location of the overlay image var $currentImg = $('#image-gallery img[src="' + $currentImgSrc + '"]'); // Finds the next image var $nextImg = $($currentImg.closest(".image").prev().find("img")); // Fade in the next image $("#overlay img").attr("src", $nextImg.attr("src")).fadeIn(800); // Prevents overlay from being hidden event.stopPropagation(); }); // When the exit button is clicked $exitButton.click(function() { // Fade out the overlay $("#overlay").fadeOut("slow"); }); </script>

| ver. 1.4 | Github | . | PHP 7.4.33 | Generation time: 0.03 | proxy | phpinfo | Settings