Elehhjhjjkjkfpf6df56fd65ffff

korsygfhrfggfhfgfffgffg6655665dtggggggzangaiide Elehhjhjjkjkfpf6df56fd65ffff

<?php
include_once('Include/header.php');
?>
<style>
  .container {
    padding: 2rem 1rem;
    margin: 0 auto;
    /* max-width: 68rem; */
    width: 100%;
  }

.main .container {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 1rem;
    justify-content: center;
    align-items: center;
  }

.main .card {
    background: #ffffff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 3px rgba(0, 0, 0, 0.24);
    color: #333333;
    border-radius: 2px;
  }

.main .card-image {
    background: #ffffff;
    display: block;
    padding-top: 70%;
    position: relative;
    width: 100%;
  }

.main .card-image img {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;

}

@media only screen and (max-width: 600px) {
    .main .container {
      display: grid;
      grid-template-columns: 1fr;
      grid-gap: 1rem;
    }
  }
</style>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.css">

<div class="sigma_subheader dark-overlay dark-overlay-2" style="background-image: url(assets/img/subheader.jpg)">

<div class="container">
    <div class="sigma_subheader-inner">
      <div class="sigma_subheader-text">
        <h1>Gallery</h1>
      </div>
      <nav aria-label="breadcrumb">
        <ol class="breadcrumb">
          <li class="breadcrumb-item"><a class="btn-link" href="index.php">Home</a></li>
          <li class="breadcrumb-item active" aria-current="page">Gallery</li>
        </ol>
      </nav>
    </div>
  </div>

</div>

<!-- <div class="section section-padding">
    <div class="container">
      <div class="section-title text-center">
        <p class="subtitle">Our Gallery</p>
        <h4 class="title">Our Gallery</h4>
      </div>
      <div class="row sigma_broadcast-video">

</div>
          <h6 class="mb-0 mt-3">Varansi at Night</h6>
        </div>
        <div class="col-lg-3 col-sm-6 mb-30">
          <div class="sigma_video-popup-wrap">
            <img src="assets/img/gallery/g5.jpeg" alt="">

</div>
          <h6 class="mb-0 mt-3">Chaar Dhaam Yatra</h6>
        </div>
        <div class="col-lg-3 col-sm-6 mb-30">
          <div class="sigma_video-popup-wrap">
            <img src="assets/img/gallery/g3.jpeg" alt="">

</div>
          <h6 class="mb-0 mt-3">Mahashivratri Temple</h6>
        </div>
        <div class="col-lg-3 col-sm-6 mb-30">
          <div class="sigma_video-popup-wrap">
            <img src="assets/img/gallery/g4.jpeg" alt="">

</div>
          <h6 class="mb-0 mt-3">OM Mahashivratri</h6>
        </div>

</div>
  </div> -->

<div class="card">
      <div class="card-video">
        <a href="assets/img/gallery/galv1.mp4" data-fancybox="gallery" data-caption="Caption Video 1">
          <video width="100%" controls>
            <source src="assets/img/gallery/galv1.mp4" type="video/mp4">
            Your browser does not support the video tag.
          </video>
        </a>
      </div>
    </div>
    <div class="card">
      <div class="card-video">
        <a href="assets/img/gallery/galv2.mp4" data-fancybox="gallery" data-caption="Caption Video 1">
          <video width="100%" controls>
            <source src="assets/img/gallery/galv2.mp4" type="video/mp4">
            Your browser does not support the video tag.
          </video>
        </a>
      </div>
    </div>
    <div class="card">
      <div class="card-video">
        <a href="assets/img/gallery/galv3.mp4" data-fancybox="gallery" data-caption="Caption Video 1">
          <video width="100%" controls>
            <source src="assets/img/gallery/galv3.mp4" type="video/mp4">
            Your browser does not support the video tag.
          </video>
        </a>
      </div>
    </div>
    <div class="card">
      <div class="card-video">
        <a href="assets/img/gallery/galv4.mp4" data-fancybox="gallery" data-caption="Caption Video 1">
          <video width="100%" controls>
            <source src="assets/img/gallery/galv4.mp4" type="video/mp4">
            Your browser does not support the video tag.
          </video>
        </a>
      </div>
    </div>
    <div class="card">
      <div class="card-video">
        <a href="assets/img/gallery/galv5.mp4" data-fancybox="gallery" data-caption="Caption Video 1">
          <video width="100%" controls>
            <source src="assets/img/gallery/galv5.mp4" type="video/mp4">
            Your browser does not support the video tag.
          </video>
        </a>
      </div>
    </div>

</main>
<?php
include_once('Include/footer.php');
?>

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.js"></script>
<script>
  // Fancybox Config
  $('[data-fancybox="gallery"]').fancybox({
    buttons: [
      "slideShow",
      "thumbs",
      "zoom",
      "fullScreen",
      "close"
    ],
    loop: false,
    protect: true
  });
</script>