File manager

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

Back
<!DOCTYPE html> <html lang="zxx"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="description" content=""> <meta name="author" content="Ansonika"> <title>Gallery \| Alfina Guest House</title> <!-- Favicons--> <link rel="shortcut icon" href="img/favicon.ico" type="image/x-icon"> <link rel="apple-touch-icon" type="image/x-icon" href="img/apple-touch-icon-57x57-precomposed.png"> <link rel="apple-touch-icon" type="image/x-icon" sizes="72x72" href="img/apple-touch-icon-72x72-precomposed.png"> <link rel="apple-touch-icon" type="image/x-icon" sizes="114x114" href="img/apple-touch-icon-114x114-precomposed.png"> <link rel="apple-touch-icon" type="image/x-icon" sizes="144x144" href="img/apple-touch-icon-144x144-precomposed.png"> <!-- BASE CSS --> <link href="css/bootstrap.min.css" rel="stylesheet"> <link href="css/style.css" rel="stylesheet"> <link href="css/vendors.min.css" rel="stylesheet"> <!-- YOUR CUSTOM CSS --> <link href="css/custom.css" rel="stylesheet"> </head> <body> <?php include 'include/header.php'?> <main> <div class="hero medium-height jarallax" data-jarallax data-speed="0.2"> <img class="jarallax-img" src="img/bg/3.jpg" alt=""> <div class="wrapper opacity-mask d-flex align-items-center justify-content-center text-center animate_hero" data-opacity-mask="rgba(0, 0, 0, 0.2)"> <div class="container"> <small class="slide-animated one">Alfina Guest House</small> <h1 class="slide-animated two">Gallery</h1> </div> </div> </div> <!-- /Background Img Parallax --> <div class="container margin_80_60"> <div class="isotope-wrapper"> <div class="row justify-content-center"> <div class="item col-xl-4 col-lg-6 col-mb-6 mb-4"> <div class="item-img" data-cue="slideInUp"> <img src="img/gallery/1.jpg" alt="" /> <div class="content"> <a data-fslightbox="gallery_1" data-type="image" href="img/gallery/1.jpg"><i class="bi bi-arrows-angle-expand"></i></a> </div> </div> </div> <div class="item col-xl-4 col-lg-6 col-mb-6 mb-4"> <div class="item-img" data-cue="slideInUp"> <img src="img/gallery/2.jpg" alt="" /> <div class="content"> <a data-fslightbox="gallery_1" data-type="image" href="img/gallery/2.jpg"><i class="bi bi-arrows-angle-expand"></i></a> </div> </div> </div> <div class="item col-xl-4 col-lg-4 col-mb-6 mb-4"> <div class="item-img" data-cue="slideInUp"> <img src="img/gallery/3.jpg" alt="" /> <div class="content"> <a data-fslightbox="gallery_1" data-type="image" href="img/gallery/3.jpg"><i class="bi bi-arrows-angle-expand"></i></a> </div> </div> </div> <div class="item col-xl-4 col-lg-4 col-mb-6 mb-4"> <div class="item-img" data-cue="slideInUp"> <img src="img/gallery/4.jpg" alt="" /> <div class="content"> <a data-fslightbox="gallery_1" data-type="image" href="img/gallery/4.jpg"><i class="bi bi-arrows-angle-expand"></i></a> </div> </div> </div> <div class="item col-xl-4 col-lg-6 col-mb-6 mb-4"> <div class="item-img" data-cue="slideInUp"> <img src="img/gallery/5.jpg" alt="" /> <div class="content"> <a data-fslightbox="gallery_1" data-type="image" href="img/gallery/5.jpg"><i class="bi bi-arrows-angle-expand"></i></a> </div> </div> </div> <div class="item col-xl-4 col-lg-6 mb-4"> <div class="item-img" data-cue="slideInUp"> <img src="img/gallery/6.jpg" alt="" /> <div class="content"> <a data-fslightbox="gallery_1" data-type="image" href="img/gallery/6.jpg"><i class="bi bi-arrows-angle-expand"></i></a> </div> </div> </div> <div class="item col-xl-4 col-lg-6 mb-4"> <div class="item-img" data-cue="slideInUp"> <img src="img/gallery/7.jpg" alt="" /> <div class="content"> <a data-fslightbox="gallery_1" data-type="image" href="img/gallery/7.jpg"><i class="bi bi-arrows-angle-expand"></i></a> </div> </div> </div> <div class="item col-xl-4 col-lg-6 mb-4"> <div class="item-img" data-cue="slideInUp"> <img src="img/gallery/8.jpg" alt="" /> <div class="content"> <a data-fslightbox="gallery_1" data-type="image" href="img/gallery/8.jpg"><i class="bi bi-arrows-angle-expand"></i></a> </div> </div> </div> <div class="item col-xl-4 col-lg-6 mb-4"> <div class="item-img" data-cue="slideInUp"> <img src="img/gallery/9.jpg" alt="" /> <div class="content"> <a data-fslightbox="gallery_1" data-type="image" href="img/gallery/9.jpg"><i class="bi bi-arrows-angle-expand"></i></a> </div> </div> </div> <!-- <div class="item col-xl-4 col-lg-6 mb-4"> <div class="item-img" data-cue="slideInUp"> <img src="img/gallery/10.jpg" alt="" /> <div class="content"> <a data-fslightbox="gallery_1" data-type="image" href="img/gallery/10.jpg"><i class="bi bi-arrows-angle-expand"></i></a> </div> </div> </div> <div class="item col-xl-4 col-lg-6 mb-4"> <div class="item-img" data-cue="slideInUp"> <img src="img/gallery/11.jpg" alt="" /> <div class="content"> <a data-fslightbox="gallery_1" data-type="image" href="img/gallery/11.jpg"><i class="bi bi-arrows-angle-expand"></i></a> </div> </div> </div> <div class="item col-xl-4 col-lg-6 mb-4"> <div class="item-img" data-cue="slideInUp"> <img src="img/gallery/12.jpg" alt="" /> <div class="content"> <a data-fslightbox="gallery_1" data-type="image" href="img/gallery/12.jpg"><i class="bi bi-arrows-angle-expand"></i></a> </div> </div> </div> <div class="item col-xl-4 col-lg-6 mb-4"> <div class="item-img" data-cue="slideInUp"> <img src="img/gallery/13.jpg" alt="" /> <div class="content"> <a data-fslightbox="gallery_1" data-type="image" href="img/gallery/13.jpg"><i class="bi bi-arrows-angle-expand"></i></a> </div> </div> </div> <div class="item col-xl-4 col-lg-6 mb-4"> <div class="item-img" data-cue="slideInUp"> <img src="img/gallery/14.jpg" alt="" /> <div class="content"> <a data-fslightbox="gallery_1" data-type="image" href="img/gallery/14.jpg"><i class="bi bi-arrows-angle-expand"></i></a> </div> </div> </div> <div class="item col-xl-4 col-lg-6 mb-4"> <div class="item-img" data-cue="slideInUp"> <img src="img/gallery/15.jpg" alt="" /> <div class="content"> <a data-fslightbox="gallery_1" data-type="image" href="img/gallery/15.jpg"><i class="bi bi-arrows-angle-expand"></i></a> </div> </div> </div> <div class="item col-xl-4 col-lg-6 mb-4"> <div class="item-img" data-cue="slideInUp"> <img src="img/gallery/16.jpg" alt="" /> <div class="content"> <a data-fslightbox="gallery_1" data-type="image" href="img/gallery/16.jpg"><i class="bi bi-arrows-angle-expand"></i></a> </div> </div> </div> <div class="item col-xl-4 col-lg-6 mb-4"> <div class="item-img" data-cue="slideInUp"> <img src="img/gallery/17.jpg" alt="" /> <div class="content"> <a data-fslightbox="gallery_1" data-type="image" href="img/gallery/17.jpg"><i class="bi bi-arrows-angle-expand"></i></a> </div> </div> </div> <div class="item col-xl-4 col-lg-6 mb-4"> <div class="item-img" data-cue="slideInUp"> <img src="img/gallery/18.jpg" alt="" /> <div class="content"> <a data-fslightbox="gallery_1" data-type="image" href="img/gallery/18.jpg"><i class="bi bi-arrows-angle-expand"></i></a> </div> </div> </div> <div class="item col-xl-4 col-lg-6 mb-4"> <div class="item-img" data-cue="slideInUp"> <img src="img/gallery/19.jpg" alt="" /> <div class="content"> <a data-fslightbox="gallery_1" data-type="image" href="img/gallery/19.jpg"><i class="bi bi-arrows-angle-expand"></i></a> </div> </div> </div> <div class="item col-xl-4 col-lg-6 mb-4"> <div class="item-img" data-cue="slideInUp"> <img src="img/gallery/20.jpg" alt="" /> <div class="content"> <a data-fslightbox="gallery_1" data-type="image" href="img/gallery/20.jpg"><i class="bi bi-arrows-angle-expand"></i></a> </div> </div> </div> <div class="item col-xl-4 col-lg-6 mb-4"> <div class="item-img" data-cue="slideInUp"> <img src="img/gallery/21.jpg" alt="" /> <div class="content"> <a data-fslightbox="gallery_1" data-type="image" href="img/gallery/21.jpg"><i class="bi bi-arrows-angle-expand"></i></a> </div> </div> </div> <div class="item col-xl-4 col-lg-6 mb-4"> <div class="item-img" data-cue="slideInUp"> <img src="img/gallery/22.jpg" alt="" /> <div class="content"> <a data-fslightbox="gallery_1" data-type="image" href="img/gallery/22.jpg"><i class="bi bi-arrows-angle-expand"></i></a> </div> </div> </div> <div class="item col-xl-4 col-lg-6 mb-4"> <div class="item-img" data-cue="slideInUp"> <img src="img/gallery/23.jpg" alt="" /> <div class="content"> <a data-fslightbox="gallery_1" data-type="image" href="img/gallery/23.jpg"><i class="bi bi-arrows-angle-expand"></i></a> </div> </div> </div> <div class="item col-xl-4 col-lg-6 mb-4"> <div class="item-img" data-cue="slideInUp"> <img src="img/gallery/24.jpg" alt="" /> <div class="content"> <a data-fslightbox="gallery_1" data-type="image" href="img/gallery/24.jpg"><i class="bi bi-arrows-angle-expand"></i></a> </div> </div> </div> <div class="item col-xl-4 col-lg-6 mb-4"> <div class="item-img" data-cue="slideInUp"> <img src="img/gallery/25.jpg" alt="" /> <div class="content"> <a data-fslightbox="gallery_1" data-type="image" href="img/gallery/25.jpg"><i class="bi bi-arrows-angle-expand"></i></a> </div> </div> </div> <div class="item col-xl-4 col-lg-6 mb-4"> <div class="item-img" data-cue="slideInUp"> <img src="img/gallery/26.jpg" alt="" /> <div class="content"> <a data-fslightbox="gallery_1" data-type="image" href="img/gallery/26.jpg"><i class="bi bi-arrows-angle-expand"></i></a> </div> </div> </div> <div class="item col-xl-4 col-lg-6 mb-4"> <div class="item-img" data-cue="slideInUp"> <img src="img/gallery/27.jpg" alt="" /> <div class="content"> <a data-fslightbox="gallery_1" data-type="image" href="img/gallery/27.jpg"><i class="bi bi-arrows-angle-expand"></i></a> </div> </div> </div> <div class="item col-xl-4 col-lg-6 mb-4"> <div class="item-img" data-cue="slideInUp"> <img src="img/gallery/28.jpg" alt="" /> <div class="content"> <a data-fslightbox="gallery_1" data-type="image" href="img/gallery/28.jpg"><i class="bi bi-arrows-angle-expand"></i></a> </div> </div> </div> <div class="item col-xl-4 col-lg-6 mb-4"> <div class="item-img" data-cue="slideInUp"> <img src="img/gallery/29.jpg" alt="" /> <div class="content"> <a data-fslightbox="gallery_1" data-type="image" href="img/gallery/29.jpg"><i class="bi bi-arrows-angle-expand"></i></a> </div> </div> </div> <div class="item col-xl-4 col-lg-6 mb-4"> <div class="item-img" data-cue="slideInUp"> <img src="img/gallery/30.jpg" alt="" /> <div class="content"> <a data-fslightbox="gallery_1" data-type="image" href="img/gallery/31.jpg"><i class="bi bi-arrows-angle-expand"></i></a> </div> </div> </div> <div class="item col-xl-4 col-lg-6 mb-4"> <div class="item-img" data-cue="slideInUp"> <img src="img/gallery/32.jpg" alt="" /> <div class="content"> <a data-fslightbox="gallery_1" data-type="image" href="img/gallery/32.jpg"><i class="bi bi-arrows-angle-expand"></i></a> </div> </div> </div> <div class="item col-xl-4 col-lg-6 mb-4"> <div class="item-img" data-cue="slideInUp"> <img src="img/gallery/33.jpg" alt="" /> <div class="content"> <a data-fslightbox="gallery_1" data-type="image" href="img/gallery/33.jpg"><i class="bi bi-arrows-angle-expand"></i></a> </div> </div> </div> <div class="item col-xl-4 col-lg-6 mb-4"> <div class="item-img" data-cue="slideInUp"> <img src="img/gallery/34.jpg" alt="" /> <div class="content"> <a data-fslightbox="gallery_1" data-type="image" href="img/gallery/34.jpg"><i class="bi bi-arrows-angle-expand"></i></a> </div> </div> </div> <div class="item col-xl-4 col-lg-6 mb-4"> <div class="item-img" data-cue="slideInUp"> <img src="img/gallery/35.jpg" alt="" /> <div class="content"> <a data-fslightbox="gallery_1" data-type="image" href="img/gallery/35.jpg"><i class="bi bi-arrows-angle-expand"></i></a> </div> </div> </div> <div class="item col-xl-4 col-lg-6 mb-4"> <div class="item-img" data-cue="slideInUp"> <img src="img/gallery/36.jpg" alt="" /> <div class="content"> <a data-fslightbox="gallery_1" data-type="image" href="img/gallery/36.jpg"><i class="bi bi-arrows-angle-expand"></i></a> </div> </div> </div> <div class="item col-xl-4 col-lg-6 mb-4"> <div class="item-img" data-cue="slideInUp"> <img src="img/gallery/37.jpg" alt="" /> <div class="content"> <a data-fslightbox="gallery_1" data-type="image" href="img/gallery/37.jpg"><i class="bi bi-arrows-angle-expand"></i></a> </div> </div> </div> <div class="item col-xl-4 col-lg-6 mb-4"> <div class="item-img" data-cue="slideInUp"> <img src="img/gallery/38.jpg" alt="" /> <div class="content"> <a data-fslightbox="gallery_1" data-type="image" href="img/gallery/38.jpg"><i class="bi bi-arrows-angle-expand"></i></a> </div> </div> </div> <div class="item col-xl-4 col-lg-6 mb-4"> <div class="item-img" data-cue="slideInUp"> <img src="img/gallery/39.jpg" alt="" /> <div class="content"> <a data-fslightbox="gallery_1" data-type="image" href="img/gallery/39.jpg"><i class="bi bi-arrows-angle-expand"></i></a> </div> </div> </div> <div class="item col-xl-4 col-lg-6 mb-4"> <div class="item-img" data-cue="slideInUp"> <img src="img/gallery/40.jpg" alt="" /> <div class="content"> <a data-fslightbox="gallery_1" data-type="image" href="img/gallery/40.jpg"><i class="bi bi-arrows-angle-expand"></i></a> </div> </div> </div> <div class="item col-xl-4 col-lg-6 mb-4"> <div class="item-img" data-cue="slideInUp"> <img src="img/gallery/41.jpg" alt="" /> <div class="content"> <a data-fslightbox="gallery_1" data-type="image" href="img/gallery/41.jpg"><i class="bi bi-arrows-angle-expand"></i></a> </div> </div> </div> <div class="item col-xl-4 col-lg-6 mb-4"> <div class="item-img" data-cue="slideInUp"> <img src="img/gallery/42.jpg" alt="" /> <div class="content"> <a data-fslightbox="gallery_1" data-type="image" href="img/gallery/42.jpg"><i class="bi bi-arrows-angle-expand"></i></a> </div> </div> </div> --> </div> <!--/row --> </div> <!--/isotope-wrapper --> </div> <!--/container --> </main> <?php include 'include/footer.php'?> <div class="progress-wrap"> <svg class="progress-circle svg-content" width="100%" height="100%" viewBox="-1 -1 102 102"> <path d="M50,1 a49,49 0 0,1 0,98 a49,49 0 0,1 0,-98" /> </svg> </div> <!-- /back to top --> <!-- COMMON SCRIPTS --> <script src="js/common_scripts.js"></script> <script src="js/common_functions.js"></script> <script src="phpmailer/validate.js"></script> <!-- SPECIFIC SCRIPTS --> <script src="js/isotope.min.js"></script> <script> $(function () { "use strict"; $(window).on('load', function () { var $container = $('.isotope-wrapper'); $container.isotope({ itemSelector: '.item', layoutMode: 'masonry', }); }); }); </script> </body> </html>

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