File manager

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

Back
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <!-- set the viewport width and initial-scale on mobile devices --> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Gallery \| Havelock Leisure</title> <meta name="keywords" content="Havelock Leisure"> <link rel="icon" type="image/png" href="images/favicon.png"> <!-- include the site stylesheets --> <link rel="stylesheet" href="css/bootstrap.css" type="text/css" media="all"> <link rel="stylesheet" href="css/style.css" type="text/css" media="all"> <link rel="stylesheet" href="css/colors.css" type="text/css" media="all"> <link rel="stylesheet" href="css/jquery.countdown.css" type="text/css"> <link rel="stylesheet" href="css/animations.min.css" type="text/css" media="all"> <link rel="stylesheet" href="css/datepicker.css" type="text/css" media="all"> <!-- Bootstrap Dropdown Hover CSS --> <link rel="stylesheet" href="css/animate.min.css" type="text/css" media="all"> <link rel="stylesheet" href="css/bootstrap-dropdownhover.min.css" type="text/css" media="all"> <!-- Fonts CSS --> <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lora:400,400italic,700" type="text/css"> <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700" type="text/css"> <!-- Range slider CSS --> <link rel="stylesheet prefetch" href="css/jquery-ui.css" type="text/css"> <!-- flex slider CSS --> <link rel="stylesheet" href="css/flexslider.css" type="text/css"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css"> <!--<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">--> <link href="https://fonts.googleapis.com/css?family=Droid+Sans:400,700" rel="stylesheet"> <!-- Begin Galley link --> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/baguettebox.js/1.8.1/baguetteBox.min.css"> <link rel="stylesheet" href="css/gallery-grid.css"> <!-- End Galley link --> <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"> <link rel="icon" type="image/png" href="images/logo.png"> <style> h2.titBg { font-size:30px; font-weight:600;} .add-padding { padding: 60px 0 0px;} article.col-sm-6.info-block.animate.fadeInUp { margin-top: 42px; } </style> </head> <body> <!-- main container of all the page elements --> <div id="wrapper"> <!-- header --> <?php include 'include/header.php' ?> <!-- banner --> <div class="banner"><img src="images/banner3.jpg" alt="banner"></div> <!-- Navigation --> <div class="navigation-bar"> <div class="container"> <div class="row"> <div class="col-xs-7"> <ol class="breadcrumb"> <li><a href="index.php">Home</a></li> <li class="active">Gallery</li> </ol> </div> </div> </div> </div> <!-- contain main informative part of the site --> <main id="main" style="background-image: url(images/backpattern.jpg);" > <!-- Room details --> <section class="portfolio" id="portfolio"> <div class="container"> <div class="row"> <div class="gallery col-lg-12 col-md-12 col-sm-12 col-xs-12"> <h1 class="gallery-title">Gallery</h1> </div> <!--<div align="center"> <button class="filter-button" data-filter="all">All</button> <button class="filter-button" data-filter="all1">Restaurent</button> </div>--> <br/> <div class="gallery_product col-md-4 filter all"> <a class="fancybox" rel="ligthbox" href="images/gallery/1.jpg"> <img class="img-responsive" alt="" src="images/gallery/1.jpg" /> </a> </div> <div class="gallery_product col-md-4 filter all"> <a class="fancybox" rel="ligthbox" href="images/gallery/2.jpg"> <img class="img-responsive" alt="" src="images/gallery/2.jpg" /> </a> </div> <div class="gallery_product col-md-4 filter all all1"> <a class="fancybox" rel="ligthbox" href="images/gallery/3.jpg"> <img class="img-responsive" alt="" src="images/gallery/3.jpg" /> </a> </div> <div class="gallery_product col-md-4 filter all all1"> <a class="fancybox" rel="ligthbox" href="images/gallery/4.jpg"> <img class="img-responsive" alt="" src="images/gallery/4.jpg" /> </a> </div> <div class="gallery_product col-md-4 filter all all1"> <a class="fancybox" rel="ligthbox" href="images/gallery/5.jpg"> <img class="img-responsive" alt="" src="images/gallery/5.jpg" /> </a> </div> <div class="gallery_product col-md-4 filter all all1"> <a class="fancybox" rel="ligthbox" href="images/gallery/6.jpg"> <img class="img-responsive" alt="" src="images/gallery/6.jpg" /> </a> </div> <div class="gallery_product col-md-4 filter all all1"> <a class="fancybox" rel="ligthbox" href="images/gallery/7.jpg"> <img class="img-responsive" alt="" src="images/gallery/7.jpg" /> </a> </div> <div class="gallery_product col-md-4 filter all"> <a class="fancybox" rel="ligthbox" href="images/gallery/g-7.jpg"> <img class="img-responsive" alt="" src="images/gallery/g-7.jpg" /> </a> </div> <div class="gallery_product col-md-4 filter all all1"> <a class="fancybox" rel="ligthbox" href="images/gallery/g-9.jpg"> <img class="img-responsive" alt="" src="images/gallery/g-9.jpg" /> </a> </div> <div class="gallery_product col-md-4 filter all all1"> <a class="fancybox" rel="ligthbox" href="images/gallery/g-10.jpg"> <img class="img-responsive" alt="" src="images/gallery/g-10.jpg" /> </a> </div> <div class="gallery_product col-md-4 filter all"> <a class="fancybox" rel="ligthbox" href="images/gallery/8.jpg"> <img class="img-responsive" alt="" src="images/gallery/8.jpg" /> </a> </div> <div class="gallery_product col-md-4 filter all"> <a class="fancybox" rel="ligthbox" href="images/gallery/9.jpg"> <img class="img-responsive" alt="" src="images/gallery/9.jpg" /> </a> </div> <div class="gallery_product col-md-4 filter all"> <a class="fancybox" rel="ligthbox" href="images/gallery/10.jpg"> <img class="img-responsive" alt="" src="images/gallery/10.jpg" /> </a> </div> <div class="gallery_product col-md-4 filter all"> <a class="fancybox" rel="ligthbox" href="images/gallery/11.jpg"> <img class="img-responsive" alt="" src="images/gallery/11.jpg" /> </a> </div> <div class="gallery_product col-md-4 filter all"> <a class="fancybox" rel="ligthbox" href="images/gallery/12.jpg"> <img class="img-responsive" alt="" src="images/gallery/12.jpg" /> </a> </div> <div class="gallery_product col-md-4 filter all"> <a class="fancybox" rel="ligthbox" href="images/gallery/13.jpg"> <img class="img-responsive" alt="" src="images/gallery/13.jpg" /> </a> </div> <div class="gallery_product col-md-4 filter all"> <a class="fancybox" rel="ligthbox" href="images/gallery/14.jpg"> <img class="img-responsive" alt="" src="images/gallery/14.jpg" /> </a> </div> <div class="gallery_product col-md-4 filter all"> <a class="fancybox" rel="ligthbox" href="images/gallery/15.jpg"> <img class="img-responsive" alt="" src="images/gallery/15.jpg" /> </a> </div> <div class="gallery_product col-md-4 filter all"> <a class="fancybox" rel="ligthbox" href="images/gallery/16.jpg"> <img class="img-responsive" alt="" src="images/gallery/16.jpg" /> </a> </div> <div class="gallery_product col-md-4 filter all"> <a class="fancybox" rel="ligthbox" href="images/gallery/g-17.jpg"> <img class="img-responsive" alt="" src="images/gallery/g-17.jpg" /> </a> </div> <div class="gallery_product col-md-4 filter all"> <a class="fancybox" rel="ligthbox" href="images/gallery/17.jpg"> <img class="img-responsive" alt="" src="images/gallery/17.jpg" /> </a> </div> <div class="gallery_product col-md-4 filter all"> <a class="fancybox" rel="ligthbox" href="images/gallery/18.jpg"> <img class="img-responsive" alt="" src="images/gallery/18.jpg" /> </a> </div> <div class="gallery_product col-md-4 filter all"> <a class="fancybox" rel="ligthbox" href="images/gallery/19.jpg"> <img class="img-responsive" alt="" src="images/gallery/19.jpg" /> </a> </div> <div class="gallery_product col-md-4 filter all"> <a class="fancybox" rel="ligthbox" href="images/gallery/20.jpg"> <img class="img-responsive" alt="" src="images/gallery/20.jpg" /> </a> </div> <div class="gallery_product col-md-4 filter all"> <a class="fancybox" rel="ligthbox" href="images/gallery/21.jpg"> <img class="img-responsive" alt="" src="images/gallery/21.jpg" /> </a> </div> <div class="gallery_product col-md-4 filter all"> <a class="fancybox" rel="ligthbox" href="images/gallery/22.jpg"> <img class="img-responsive" alt="" src="images/gallery/22.jpg" /> </a> </div> <div class="gallery_product col-md-4 filter all"> <a class="fancybox" rel="ligthbox" href="images/gallery/g-23.jpg"> <img class="img-responsive" alt="" src="images/gallery/g-23.jpg" /> </a> </div> <div class="gallery_product col-md-4 filter all"> <a class="fancybox" rel="ligthbox" href="images/gallery/24.jpg"> <img class="img-responsive" alt="" src="images/gallery/24.jpg" /> </a> </div> <div class="gallery_product col-md-4 filter all"> <a class="fancybox" rel="ligthbox" href="images/gallery/25.jpg"> <img class="img-responsive" alt="" src="images/gallery/25.jpg" /> </a> </div> <div class="gallery_product col-md-4 filter all"> <a class="fancybox" rel="ligthbox" href="images/gallery/26.jpg"> <img class="img-responsive" alt="" src="images/gallery/26.jpg" /> </a> </div> <div class="gallery_product col-md-4 filter all"> <a class="fancybox" rel="ligthbox" href="images/gallery/27.jpg"> <img class="img-responsive" alt="" src="images/gallery/27.jpg" /> </a> </div> </div> </div> </section> </main> <!-- footer of the page --> <?php include 'include/footer.php' ?> </div> <!-- include jQuery library --> <script type="text/javascript" src="../../../ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> <script type="text/javascript">window.jQuery \|\| document.write('<script src="js/jquery-1.12.4.min.js"><\/script>')</script> <script type="text/javascript" src="js/bootstrap.min.js"></script> <!-- Range Slider JavaScript --> <script type="text/javascript" src='js/jquery-ui.min.js'></script> <script type="text/javascript" src='js/range-slider.js'></script> <!-- Same Height JavaScript --> <script type="text/javascript" src='js/same-height.js'></script> <!-- include custom JavaScript --> <script type="text/javascript" src="js/jquery.main.js"></script> <script type="text/javascript" src="js/animations.min.js"></script> <script type="text/javascript" src="js/jquery.plugin.js"></script> <script type="text/javascript" src="js/jquery.countdown.js"></script> <script type="text/javascript" src="js/timber.master.min.js"></script> <!-- Bootstrap Dropdown Hover JS --> <script type="text/javascript" src="js/bootstrap-dropdownhover.min.js"></script> <script type="text/javascript" src="js/bootstrap-datepicker.js"></script> <script type="text/javascript" defer src="js/jquery.flexslider.js"></script> <script type="text/javascript" src="js/myscript.js"></script> <!-- Begin: Gallery grid --> <script src="https://cdnjs.cloudflare.com/ajax/libs/baguettebox.js/1.8.1/baguetteBox.min.js"></script> <script> baguetteBox.run('.tz-gallery'); </script> <!-- End: Gallery grid --> <script src="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.2.5/jquery.fancybox.min.js"></script> <script src="js/script.js"></script> <script> /* gallery / $(document).ready(function(){ $(".filter-button").click(function(){ var value = $(this).attr('data-filter'); if(value == "all") { $('.filter').show('1000'); } else { $(".filter").not('.'+value).hide('3000'); $('.filter').filter('.'+value).show('3000'); } if ($(".filter-button").removeClass("active")) { $(this).removeClass("active"); } $(this).addClass("active"); }); }); / end gallery */ $(document).ready(function(){ $(".fancybox").fancybox({ openEffect: "none", closeEffect: "none" }); }); </script> </body> </html>

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