<?php require_once('./includes/header.php'); ?>
    <link rel="stylesheet" href="./gallery/css/blueimp-gallery.css" />
    <link rel="stylesheet" href="./gallery/css/blueimp-gallery-indicator.css" />
<!--     <link rel="stylesheet" href="./gallery/css/blueimp-gallery-video.css" /> -->

<style>
    div#links a {
    width: 33.33333%;
    display: inline-block;
    padding: 10px;
    margin-left: -3px;
} .blueimp-gallery-display > .close, .blueimp-gallery-display > .prev, .blueimp-gallery-display > .next {
    display: block !important;
}

div#links a img {
    width: 100%;
}
</style>


<main class="innerpages">
  <div class="banner_wrapper" style="background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('./assets/images/inner-pages/Gallery.jpg?v=hg1');">
        <h1>Photos</h1>
  </div>



    <div class="content_wrapper">
    <div class="container">
        <div class="row">
            <div class="col-sm-12">
                
                        <div id="links">
                      
<a href="./gallery/images/1.jpg" data-gallery>
    <img src="./gallery/images/1.jpg">
</a>
<a href="./gallery/images/2.jpg" data-gallery>
    <img src="./gallery/images/2.jpg">
</a>
<a href="./gallery/images/3.jpg" data-gallery>
    <img src="./gallery/images/3.jpg">
</a>

    
    
</a>

         
                        
                    </div>
    <!-- The Gallery as lightbox dialog -->
    <div
      id="blueimp-gallery"
      class="blueimp-gallery"
      aria-label="image gallery"
      aria-modal="true"
      role="dialog"
    >
      <div class="slides" aria-live="polite"></div>
      <h3 class="title"></h3>
      <a
        class="prev"
        aria-controls="blueimp-gallery"
        aria-label="previous slide"
        aria-keyshortcuts="ArrowLeft"
      ></a>
      <a
        class="next"
        aria-controls="blueimp-gallery"
        aria-label="next slide"
        aria-keyshortcuts="ArrowRight"
      ></a>
      <a
        class="close"
        aria-controls="blueimp-gallery"
        aria-label="close"
        aria-keyshortcuts="Escape"
      ></a>
      <a
        class="play-pause"
        aria-controls="blueimp-gallery"
        aria-label="play slideshow"
        aria-keyshortcuts="Space"
        aria-pressed="false"
        role="button"
      ></a>
      <ol class="indicator"></ol>
    </div>
                </div>
        </div>
    </div>
    </div>

</main>

<?php require_once('./includes/footer.php'); ?>
<!-- <script src="./gallery/js/blueimp-helper.js"></script> -->
    <script src="./gallery/js/blueimp-gallery.js"></script>
    <script src="./gallery/js/blueimp-gallery-fullscreen.js"></script>
    <script src="./gallery/js/blueimp-gallery-indicator.js"></script>
 <!--    <script src="./gallery/js/blueimp-gallery-video.js"></script>
    <script src="./gallery/js/blueimp-gallery-vimeo.js"></script>
    <script src="./gallery/js/blueimp-gallery-youtube.js"></script> -->
    <script src="./gallery/js/vendor/jquery.js"></script>
    <script src="./gallery/js/jquery.blueimp-gallery.js"></script>
