File manager

File manager - Edit - /home/asiatechinc/public_html/asiatech-websites/theoceanfront.in/gallery.php

Back
<!DOCTYPE html> <html lang="zxx"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" /> <title>Gallery \| The Ocean Front </title> <link rel="shortcut icon" href="img/favicon.png" /> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css"/> <link rel="stylesheet" href="css/plugins.css" /> <link rel="stylesheet" href="css/style.css" /> </head> <body> <?php include 'include/header.php'?> <div class="banner-header section-padding valign bg-img" data-overlay-dark="4" data-background="img/bg/1.jpg"> <div class="container"> <div class="row"> <div class="col-md-12 caption mt-90"> <h5>The Ocean Front </h5> <h1>Gallery</h1> </div> </div> </div> </div> <section class="section-padding pb-40"> <div style="margin: 0px 0 40px;"> <div class="container"> <div class="row justify-content-center"> <div class="col-md-10" > <video controls autoplay muted style="width:100%;"> <source src="img/video/video1.mp4" type=""> </video> </div> </div> </div> </div> <!-- Filter Tabs --> <!--<div class="container text-center mb-4">--> <!-- <div class="gallery-filters">--> <!-- <button class="filter-btn active" data-filter="all">All</button>--> <!-- <button class="filter-btn" data-filter="sea">Sea View</button>--> <!-- <button class="filter-btn" data-filter="rooms">Rooms</button>--> <!-- <button class="filter-btn" data-filter="guest">Guest Moments</button>--> <!-- </div>--> <!--</div>--> <div class="container"> <div class="row"> <div class="col-md-4 gallery-item sea"> <a href="img/gallery/7.jpg" title="" class="img-zoom"> <div class="gallery-box"> <div class="gallery-img"> <img src="img/gallery/7.jpg" class="img-fluid mx-auto d-block" alt="work-img"> </div> </div> </a> </div> <div class="col-md-4 gallery-item"> <a href="img/gallery/8.jpg" title="" class="img-zoom"> <div class="gallery-box"> <div class="gallery-img"> <img src="img/gallery/8.jpg" class="img-fluid mx-auto d-block" alt="work-img"> </div> </div> </a> </div> <div class="col-md-4 gallery-item"> <a href="img/gallery/9.jpg" title="" class="img-zoom"> <div class="gallery-box"> <div class="gallery-img"> <img src="img/gallery/9.jpg" class="img-fluid mx-auto d-block" alt="work-img"> </div> </div> </a> </div> <div class="col-md-4 gallery-item"> <a href="img/gallery/10.jpg" title="" class="img-zoom"> <div class="gallery-box"> <div class="gallery-img"> <img src="img/gallery/10.jpg" class="img-fluid mx-auto d-block" alt="work-img"> </div> </div> </a> </div> <div class="col-md-4 gallery-item"> <a href="img/gallery/11.jpg" title="" class="img-zoom"> <div class="gallery-box"> <div class="gallery-img"> <img src="img/gallery/11.jpg" class="img-fluid mx-auto d-block" alt="work-img"> </div> </div> </a> </div> <div class="col-md-4 gallery-item"> <a href="img/gallery/12.jpg" title="" class="img-zoom"> <div class="gallery-box"> <div class="gallery-img"> <img src="img/gallery/12.jpg" class="img-fluid mx-auto d-block" alt="work-img"> </div> </div> </a> </div> <div class="col-md-4 gallery-item"> <a href="img/gallery/13.jpg" title="" class="img-zoom"> <div class="gallery-box"> <div class="gallery-img"> <img src="img/gallery/13.jpg" class="img-fluid mx-auto d-block" alt="work-img"> </div> </div> </a> </div> <div class="col-md-4 gallery-item"> <a href="img/gallery/14.jpg" title="" class="img-zoom"> <div class="gallery-box"> <div class="gallery-img"> <img src="img/gallery/14.jpg" class="img-fluid mx-auto d-block" alt="work-img"> </div> </div> </a> </div> <div class="col-md-4 gallery-item"> <a href="img/gallery/15.jpg" title="" class="img-zoom"> <div class="gallery-box"> <div class="gallery-img"> <img src="img/gallery/15.jpg" class="img-fluid mx-auto d-block" alt="work-img"> </div> </div> </a> </div> <div class="col-md-4 gallery-item"> <a href="img/gallery/16.jpg" title="" class="img-zoom"> <div class="gallery-box"> <div class="gallery-img"> <img src="img/gallery/16.jpg" class="img-fluid mx-auto d-block" alt="work-img"> </div> </div> </a> </div> <div class="col-md-4 gallery-item"> <a href="img/gallery/17.jpg" title="" class="img-zoom"> <div class="gallery-box"> <div class="gallery-img"> <img src="img/gallery/17.jpg" class="img-fluid mx-auto d-block" alt="work-img"> </div> </div> </a> </div> <div class="col-md-4 gallery-item"> <a href="img/gallery/18.jpg" title="" class="img-zoom"> <div class="gallery-box"> <div class="gallery-img"> <img src="img/gallery/18.jpg" class="img-fluid mx-auto d-block" alt="work-img"> </div> </div> </a> </div> <div class="col-md-4 gallery-item"> <a href="img/gallery/19.jpg" title="" class="img-zoom"> <div class="gallery-box"> <div class="gallery-img"> <img src="img/gallery/19.jpg" class="img-fluid mx-auto d-block" alt="work-img"> </div> </div> </a> </div> <div class="col-md-4 gallery-item"> <a href="img/gallery/20.jpg" title="" class="img-zoom"> <div class="gallery-box"> <div class="gallery-img"> <img src="img/gallery/20.jpg" class="img-fluid mx-auto d-block" alt="work-img"> </div> </div> </a> </div> <div class="col-md-4 gallery-item"> <a href="img/gallery/21.jpg" title="" class="img-zoom"> <div class="gallery-box"> <div class="gallery-img"> <img src="img/gallery/21.jpg" class="img-fluid mx-auto d-block" alt="work-img"> </div> </div> </a> </div> <div class="col-md-4 gallery-item"> <a href="img/gallery/22.jpg" title="" class="img-zoom"> <div class="gallery-box"> <div class="gallery-img"> <img src="img/gallery/22.jpg" class="img-fluid mx-auto d-block" alt="work-img"> </div> </div> </a> </div> <div class="col-md-4 gallery-item"> <a href="img/gallery/23.jpg" title="" class="img-zoom"> <div class="gallery-box"> <div class="gallery-img"> <img src="img/gallery/23.jpg" class="img-fluid mx-auto d-block" alt="work-img"> </div> </div> </a> </div> <div class="col-md-4 gallery-item"> <a href="img/gallery/24.jpg" title="" class="img-zoom"> <div class="gallery-box"> <div class="gallery-img"> <img src="img/gallery/24.jpg" class="img-fluid mx-auto d-block" alt="work-img"> </div> </div> </a> </div> <div class="col-md-4 gallery-item"> <a href="img/gallery/25.jpg" title="" class="img-zoom"> <div class="gallery-box"> <div class="gallery-img"> <img src="img/gallery/25.jpg" class="img-fluid mx-auto d-block" alt="work-img"> </div> </div> </a> </div> <div class="col-md-4 gallery-item"> <a href="img/gallery/26.jpg" title="" class="img-zoom"> <div class="gallery-box"> <div class="gallery-img"> <img src="img/gallery/26.jpg" class="img-fluid mx-auto d-block" alt="work-img"> </div> </div> </a> </div> <div class="col-md-4 gallery-item"> <a href="img/gallery/27.jpg" title="" class="img-zoom"> <div class="gallery-box"> <div class="gallery-img"> <img src="img/gallery/27.jpg" class="img-fluid mx-auto d-block" alt="work-img"> </div> </div> </a> </div> <div class="col-md-4 gallery-item"> <a href="img/gallery/28.jpg" title="" class="img-zoom"> <div class="gallery-box"> <div class="gallery-img"> <img src="img/gallery/28.jpg" class="img-fluid mx-auto d-block" alt="work-img"> </div> </div> </a> </div> <div class="col-md-4 gallery-item"> <a href="img/gallery/29.jpg" title="" class="img-zoom"> <div class="gallery-box"> <div class="gallery-img"> <img src="img/gallery/29.jpg" class="img-fluid mx-auto d-block" alt="work-img"> </div> </div> </a> </div> <div class="col-md-4 gallery-item"> <a href="img/gallery/30.jpg" title="" class="img-zoom"> <div class="gallery-box"> <div class="gallery-img"> <img src="img/gallery/30.jpg" class="img-fluid mx-auto d-block" alt="work-img"> </div> </div> </a> </div> <div class="col-md-4 gallery-item"> <a href="img/gallery/31.jpg" title="" class="img-zoom"> <div class="gallery-box"> <div class="gallery-img"> <img src="img/gallery/31.jpg" class="img-fluid mx-auto d-block" alt="work-img"> </div> </div> </a> </div> <div class="col-md-4 gallery-item"> <a href="img/gallery/32.jpg" title="" class="img-zoom"> <div class="gallery-box"> <div class="gallery-img"> <img src="img/gallery/32.jpg" class="img-fluid mx-auto d-block" alt="work-img"> </div> </div> </a> </div> <div class="col-md-4 gallery-item"> <a href="img/gallery/33.jpg" title="" class="img-zoom"> <div class="gallery-box"> <div class="gallery-img"> <img src="img/gallery/33.jpg" class="img-fluid mx-auto d-block" alt="work-img"> </div> </div> </a> </div> <div class="col-md-4 gallery-item"> <a href="img/gallery/34.jpg" title="" class="img-zoom"> <div class="gallery-box"> <div class="gallery-img"> <img src="img/gallery/34.jpg" class="img-fluid mx-auto d-block" alt="work-img"> </div> </div> </a> </div> <div class="col-md-4 gallery-item"> <a href="img/gallery/35.jpg" title="" class="img-zoom"> <div class="gallery-box"> <div class="gallery-img"> <img src="img/gallery/35.jpg" class="img-fluid mx-auto d-block" alt="work-img"> </div> </div> </a> </div> <div class="col-md-4 gallery-item"> <a href="img/gallery/36.jpg" title="" class="img-zoom"> <div class="gallery-box"> <div class="gallery-img"> <img src="img/gallery/36.jpg" class="img-fluid mx-auto d-block" alt="work-img"> </div> </div> </a> </div> <div class="col-md-4 gallery-item"> <a href="img/gallery/37.jpg" title="" class="img-zoom"> <div class="gallery-box"> <div class="gallery-img"> <img src="img/gallery/37.jpg" class="img-fluid mx-auto d-block" alt="work-img"> </div> </div> </a> </div> <div class="col-md-4 gallery-item"> <a href="img/gallery/38.jpg" title="" class="img-zoom"> <div class="gallery-box"> <div class="gallery-img"> <img src="img/gallery/38.jpg" class="img-fluid mx-auto d-block" alt="work-img"> </div> </div> </a> </div> <div class="col-md-4 gallery-item"> <a href="img/gallery/39.jpg" title="" class="img-zoom"> <div class="gallery-box"> <div class="gallery-img"> <img src="img/gallery/39.jpg" class="img-fluid mx-auto d-block" alt="work-img"> </div> </div> </a> </div> <div class="col-md-4 gallery-item"> <a href="img/gallery/40.jpg" title="" class="img-zoom"> <div class="gallery-box"> <div class="gallery-img"> <img src="img/gallery/40.jpg" class="img-fluid mx-auto d-block" alt="work-img"> </div> </div> </a> </div> <div class="col-md-4 gallery-item"> <a href="img/gallery/41.jpg" title="" class="img-zoom"> <div class="gallery-box"> <div class="gallery-img"> <img src="img/gallery/41.jpg" class="img-fluid mx-auto d-block" alt="work-img"> </div> </div> </a> </div> <div class="col-md-4 gallery-item"> <a href="img/gallery/42.jpg" title="" class="img-zoom"> <div class="gallery-box"> <div class="gallery-img"> <img src="img/gallery/42.jpg" class="img-fluid mx-auto d-block" alt="work-img"> </div> </div> </a> </div> <div class="col-md-4 gallery-item"> <a href="img/gallery/43.jpg" title="" class="img-zoom"> <div class="gallery-box"> <div class="gallery-img"> <img src="img/gallery/43.jpg" class="img-fluid mx-auto d-block" alt="work-img"> </div> </div> </a> </div> <div class="col-md-4 gallery-item"> <a href="img/gallery/44.jpg" title="" class="img-zoom"> <div class="gallery-box"> <div class="gallery-img"> <img src="img/gallery/44.jpg" class="img-fluid mx-auto d-block" alt="work-img"> </div> </div> </a> </div> <div class="col-md-4 gallery-item"> <a href="img/gallery/45.jpg" title="" class="img-zoom"> <div class="gallery-box"> <div class="gallery-img"> <img src="img/gallery/45.jpg" class="img-fluid mx-auto d-block" alt="work-img"> </div> </div> </a> </div> <div class="col-md-4 gallery-item"> <a href="img/gallery/46.jpg" title="" class="img-zoom"> <div class="gallery-box"> <div class="gallery-img"> <img src="img/gallery/46.jpg" class="img-fluid mx-auto d-block" alt="work-img"> </div> </div> </a> </div> <div class="col-md-4 gallery-item"> <a href="img/gallery/47.jpg" title="" class="img-zoom"> <div class="gallery-box"> <div class="gallery-img"> <img src="img/gallery/47.jpg" class="img-fluid mx-auto d-block" alt="work-img"> </div> </div> </a> </div> <div class="col-md-4 gallery-item"> <a href="img/gallery/48.jpg" title="" class="img-zoom"> <div class="gallery-box"> <div class="gallery-img"> <img src="img/gallery/48.jpg" class="img-fluid mx-auto d-block" alt="work-img"> </div> </div> </a> </div> <div class="col-md-4 gallery-item"> <a href="img/gallery/49.jpg" title="" class="img-zoom"> <div class="gallery-box"> <div class="gallery-img"> <img src="img/gallery/49.jpg" class="img-fluid mx-auto d-block" alt="work-img"> </div> </div> </a> </div> <div class="col-md-4 gallery-item"> <a href="img/gallery/50.jpg" title="" class="img-zoom"> <div class="gallery-box"> <div class="gallery-img"> <img src="img/gallery/50.jpg" class="img-fluid mx-auto d-block" alt="work-img"> </div> </div> </a> </div> <div class="col-md-4 gallery-item"> <a href="img/gallery/51.jpg" title="" class="img-zoom"> <div class="gallery-box"> <div class="gallery-img"> <img src="img/gallery/51.jpg" class="img-fluid mx-auto d-block" alt="work-img"> </div> </div> </a> </div> <div class="col-md-4 gallery-item"> <a href="img/gallery/52.jpg" title="" class="img-zoom"> <div class="gallery-box"> <div class="gallery-img"> <img src="img/gallery/52.jpg" class="img-fluid mx-auto d-block" alt="work-img"> </div> </div> </a> </div> <div class="col-md-4 gallery-item"> <a href="img/gallery/53.jpg" title="" class="img-zoom"> <div class="gallery-box"> <div class="gallery-img"> <img src="img/gallery/53.jpg" class="img-fluid mx-auto d-block" alt="work-img"> </div> </div> </a> </div> <div class="col-md-4 gallery-item"> <a href="img/gallery/54.jpg" title="" class="img-zoom"> <div class="gallery-box"> <div class="gallery-img"> <img src="img/gallery/54.jpg" class="img-fluid mx-auto d-block" alt="work-img"> </div> </div> </a> </div> <!--<div class="col-md-4 gallery-item">--> <!-- <a href="img/gallery/55.jpg" title="" class="img-zoom">--> <!-- <div class="gallery-box">--> <!-- <div class="gallery-img"> <img src="img/gallery/55.jpg" class="img-fluid mx-auto d-block" alt="work-img"> </div>--> <!-- </div>--> <!-- </a>--> <!--</div>--> <!--<div class="col-md-4 gallery-item">--> <!-- <a href="img/gallery/56.jpg" title="" class="img-zoom">--> <!-- <div class="gallery-box">--> <!-- <div class="gallery-img"> <img src="img/gallery/56.jpg" class="img-fluid mx-auto d-block" alt="work-img"> </div>--> <!-- </div>--> <!-- </a>--> <!--</div>--> <!--<div class="col-md-4 gallery-item">--> <!-- <a href="img/gallery/57.jpg" title="" class="img-zoom">--> <!-- <div class="gallery-box">--> <!-- <div class="gallery-img"> <img src="img/gallery/57.jpg" class="img-fluid mx-auto d-block" alt="work-img"> </div>--> <!-- </div>--> <!-- </a>--> <!--</div>--> <!--<div class="col-md-4 gallery-item">--> <!-- <a href="img/gallery/58.jpg" title="" class="img-zoom">--> <!-- <div class="gallery-box">--> <!-- <div class="gallery-img"> <img src="img/gallery/58.jpg" class="img-fluid mx-auto d-block" alt="work-img"> </div>--> <!-- </div>--> <!-- </a>--> <!--</div>--> <!--<div class="col-md-4 gallery-item">--> <!-- <a href="img/gallery/59.jpg" title="" class="img-zoom">--> <!-- <div class="gallery-box">--> <!-- <div class="gallery-img"> <img src="img/gallery/59.jpg" class="img-fluid mx-auto d-block" alt="work-img"> </div>--> <!-- </div>--> <!-- </a>--> <!--</div>--> <!--<div class="col-md-4 gallery-item">--> <!-- <a href="img/gallery/60.jpg" title="" class="img-zoom">--> <!-- <div class="gallery-box">--> <!-- <div class="gallery-img"> <img src="img/gallery/60.jpg" class="img-fluid mx-auto d-block" alt="work-img"> </div>--> <!-- </div>--> <!-- </a>--> <!--</div>--> <!--<div class="col-md-4 gallery-item">--> <!-- <a href="img/gallery/61.jpg" title="" class="img-zoom">--> <!-- <div class="gallery-box">--> <!-- <div class="gallery-img"> <img src="img/gallery/61.jpg" class="img-fluid mx-auto d-block" alt="work-img"> </div>--> <!-- </div>--> <!-- </a>--> <!--</div>--> <!--<div class="col-md-4 gallery-item">--> <!-- <a href="img/gallery/62.jpg" title="" class="img-zoom">--> <!-- <div class="gallery-box">--> <!-- <div class="gallery-img"> <img src="img/gallery/62.jpg" class="img-fluid mx-auto d-block" alt="work-img"> </div>--> <!-- </div>--> <!-- </a>--> <!--</div>--> <!--<div class="col-md-4 gallery-item">--> <!-- <a href="img/gallery/63.jpg" title="" class="img-zoom">--> <!-- <div class="gallery-box">--> <!-- <div class="gallery-img"> <img src="img/gallery/63.jpg" class="img-fluid mx-auto d-block" alt="work-img"> </div>--> <!-- </div>--> <!-- </a>--> <!--</div>--> <!--<div class="col-md-4 gallery-item">--> <!-- <a href="img/gallery/64.jpg" title="" class="img-zoom">--> <!-- <div class="gallery-box">--> <!-- <div class="gallery-img"> <img src="img/gallery/64.jpg" class="img-fluid mx-auto d-block" alt="work-img"> </div>--> <!-- </div>--> <!-- </a>--> <!--</div>--> <!--<div class="col-md-4 gallery-item">--> <!-- <a href="img/gallery/65.jpg" title="" class="img-zoom">--> <!-- <div class="gallery-box">--> <!-- <div class="gallery-img"> <img src="img/gallery/65.jpg" class="img-fluid mx-auto d-block" alt="work-img"> </div>--> <!-- </div>--> <!-- </a>--> <!--</div>--> <!--<div class="col-md-4 gallery-item">--> <!-- <a href="img/gallery/66.jpg" title="" class="img-zoom">--> <!-- <div class="gallery-box">--> <!-- <div class="gallery-img"> <img src="img/gallery/66.jpg" class="img-fluid mx-auto d-block" alt="work-img"> </div>--> <!-- </div>--> <!-- </a>--> <!--</div>--> <!--<div class="col-md-4 gallery-item">--> <!-- <a href="img/gallery/67.jpg" title="" class="img-zoom">--> <!-- <div class="gallery-box">--> <!-- <div class="gallery-img"> <img src="img/gallery/67.jpg" class="img-fluid mx-auto d-block" alt="work-img"> </div>--> <!-- </div>--> <!-- </a>--> <!--</div>--> <!--<div class="col-md-4 gallery-item">--> <!-- <a href="img/gallery/68.jpg" title="" class="img-zoom">--> <!-- <div class="gallery-box">--> <!-- <div class="gallery-img"> <img src="img/gallery/68.jpg" class="img-fluid mx-auto d-block" alt="work-img"> </div>--> <!-- </div>--> <!-- </a>--> <!--</div>--> <!--<div class="col-md-4 gallery-item">--> <!-- <a href="img/gallery/69.jpg" title="" class="img-zoom">--> <!-- <div class="gallery-box">--> <!-- <div class="gallery-img"> <img src="img/gallery/69.jpg" class="img-fluid mx-auto d-block" alt="work-img"> </div>--> <!-- </div>--> <!-- </a>--> <!--</div>--> <div class="col-md-4 gallery-item"> <a href="img/gallery/70.jpg" title="" class="img-zoom"> <div class="gallery-box"> <div class="gallery-img"> <img src="img/gallery/70.jpg" class="img-fluid mx-auto d-block" alt="work-img"> </div> </div> </a> </div> <div class="col-md-4 gallery-item"> <a href="img/gallery/71.jpg" title="" class="img-zoom"> <div class="gallery-box"> <div class="gallery-img"> <img src="img/gallery/71.jpg" class="img-fluid mx-auto d-block" alt="work-img"> </div> </div> </a> </div> <div class="col-md-4 gallery-item"> <a href="img/gallery/72.jpg" title="" class="img-zoom"> <div class="gallery-box"> <div class="gallery-img"> <img src="img/gallery/72.jpg" class="img-fluid mx-auto d-block" alt="work-img"> </div> </div> </a> </div> <div class="col-md-4 gallery-item"> <a href="img/gallery/73.jpg" title="" class="img-zoom"> <div class="gallery-box"> <div class="gallery-img"> <img src="img/gallery/73.jpg" class="img-fluid mx-auto d-block" alt="work-img"> </div> </div> </a> </div> <div class="col-md-4 gallery-item"> <a href="img/gallery/74.jpg" title="" class="img-zoom"> <div class="gallery-box"> <div class="gallery-img"> <img src="img/gallery/74.jpg" class="img-fluid mx-auto d-block" alt="work-img"> </div> </div> </a> </div> <div class="col-md-4 gallery-item"> <a href="img/gallery/75.jpg" title="" class="img-zoom"> <div class="gallery-box"> <div class="gallery-img"> <img src="img/gallery/75.jpg" class="img-fluid mx-auto d-block" alt="work-img"> </div> </div> </a> </div> </div> </div> </section> <?php include 'include/footer.php'?> <!-- jQuery --> <script src="js/jquery-3.6.0.min.js"></script> <script src="js/jquery-migrate-3.0.0.min.js"></script> <script src="js/modernizr-2.6.2.min.js"></script> <script src="js/imagesloaded.pkgd.min.js"></script> <script src="js/jquery.isotope.v3.0.2.js"></script> <script src="js/pace.js"></script> <script src="js/popper.min.js"></script> <script src="js/bootstrap.min.js"></script> <script src="js/scrollIt.min.js"></script> <script src="js/jquery.waypoints.min.js"></script> <script src="js/owl.carousel.min.js"></script> <script src="js/jquery.stellar.min.js"></script> <script src="js/jquery.magnific-popup.js"></script> <script src="js/YouTubePopUp.js"></script> <script src="js/select2.js"></script> <script src="js/datepicker.js"></script> <script src="js/smooth-scroll.min.js"></script> <script src="js/custom.js"></script> <!-- jQuery Filter Script --> <script> $(document).ready(function(){ // Show all on load $(".gallery-item").show(); $(".filter-btn").click(function(){ var filter = $(this).data("filter"); $(".filter-btn").removeClass("active"); $(this).addClass("active"); if(filter === "all"){ $(".gallery-item").fadeIn(); } else { $(".gallery-item").hide(); $("." + filter).fadeIn(); } }); }); </script> </body> </html>

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