Responsive Lightbox Image Gallery Template | Free Image Gallery Snippet

Explore this stunning responsive Lightbox image gallery template for free. Perfect for displaying high-quality photos, this image gallery snippet offers seamless responsiveness and an interactive Lightbox feature. Use this free image gallery template

HTML

<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/lightbox2/2.8.2/css/lightbox.min.css">
<section id="fws_gallery_3">
  <div class="fws_gallery">
      <div class="container">
          <div class="heading">
              <h2 class="text-center">Lightbox Gallery</h2>
              <p class="text-center">Lorem Ipsum is simply dummy text of the printing and typesetting indust</p>
          </div>
          <div class="row">
              <div class="col-lg-4 col-md-4 col-sm-6 item">
                <div class="content shadow">
                  <a href="https://images.unsplash.com/photo-1726251654985-b415579cd295?q=80&w=2574&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D" data-lightbox="photos">
                      <img class="img-fluid" src="https://images.unsplash.com/photo-1726251654985-b415579cd295?q=80&w=2574&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D" />
                  </a>
                  <div class="overlay"><i class="bi bi-plus"></i></div>
                </div>
              </div>
              <div class="col-lg-4 col-md-4 col-sm-6 item">
                <div class="content shadow">
                  <a href="https://images.unsplash.com/photo-1726441344398-1c8b0953df71?q=80&w=2572&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D" data-lightbox="photos">
                      <img class="img-fluid" src="https://images.unsplash.com/photo-1726441344398-1c8b0953df71?q=80&w=2572&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D" />
                  </a>
                  <div class="overlay"><i class="bi bi-plus"></i></div>
                </div>
              </div>
              <div class="col-lg-4 col-md-4 col-sm-6 item">
                <div class="content shadow">
                  <a href="https://images.unsplash.com/photo-1726402919430-a4521f2b1fa6?q=80&w=2574&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D" data-lightbox="photos">
                    <img class="img-fluid" src="https://images.unsplash.com/photo-1726402919430-a4521f2b1fa6?q=80&w=2574&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D" />
                  </a>
                  <div class="overlay"><i class="bi bi-plus"></i></div>
                </div>
              </div>
              <div class="col-lg-4 col-md-4 col-sm-6 item">
                <div class="content shadow">
                  <a href="https://images.unsplash.com/photo-1725393197042-7b7691ba7446?q=80&w=2574&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D" data-lightbox="photos">
                    <img class="img-fluid" src="https://images.unsplash.com/photo-1725393197042-7b7691ba7446?q=80&w=2574&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D" />
                  </a>
                  <div class="overlay"><i class="bi bi-plus"></i></div>
                </div>
              </div>
              <div class="col-lg-4 col-md-4 col-sm-6 item">
                <div class="content shadow">
                  <a href="https://plus.unsplash.com/premium_photo-1698405316329-fd9c43d7e11c?q=80&w=2574&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D" data-lightbox="photos">
                    <img class="img-fluid" src="https://plus.unsplash.com/premium_photo-1698405316329-fd9c43d7e11c?q=80&w=2574&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D" />
                  </a>
                  <div class="overlay"><i class="bi bi-plus"></i></div>
                </div>
              </div>
              <div class="col-lg-4 col-md-4 col-sm-6 item">
                <div class="content shadow">
                  <a href="https://images.unsplash.com/photo-1726340051943-b9bd0bdba776?q=80&w=2574&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D" data-lightbox="photos">
                    <img class="img-fluid" src="https://images.unsplash.com/photo-1726340051943-b9bd0bdba776?q=80&w=2574&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D" />
                  </a>
                  <div class="overlay"><i class="bi bi-plus"></i></div>
                </div>
              </div>
          </div>
      </div>
  </div>
</section>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/lightbox2/2.8.2/js/lightbox.min.js"></script>

CSS

JS

Width:

Height:

Looking for a modern and easy-to-use image gallery solution for your website? This responsive Lightbox image gallery template is perfect for showcasing photos in a sleek and professional way. The image gallery snippet provides a smooth user experience with its responsive design and interactive Lightbox feature, allowing users to view enlarged images effortlessly. This free image gallery template is highly customizable, making it ideal for photographers, designers, and anyone looking to add a dynamic photo gallery to their site. Download and integrate this free gallery template today to elevate your website’s visual appeal!

Make a Comment

Your email address will not be published. Required fields are marked *

Related Snippet

Stylish Call to Action Snippet with Background Image Using Bootstrap 5

Stylish Call to Action Snippet with Background Image Using Bootstrap 5

26-Aug-2024 Updated : 26-Aug-2024

Professional footer design | Custom footer code for websites

Professional footer design | Custom footer code for websites

07-Aug-2024 Updated : 24-Aug-2024

Modern and Responsive Footer Design with Subscription Feature

Modern and Responsive Footer Design with Subscription Feature

08-Aug-2024 Updated : 24-Aug-2024

Modern Responsive Bootstrap Table Snippet | Bootstrap Component for Website Snippets

Modern Responsive Bootstrap Table Snippet | Bootstrap Component for Website Snippets

23-Sep-2024 Updated : 23-Sep-2024

Snippets Categories