Free Responsive Lightbox Image Gallery Template | Image Gallery Snippet

Build a modern and responsive image gallery with this free template. Featuring a stunning Lightbox image gallery, this gallery snippet is perfect for showcasing photos. Easily customizable, this free image gallery template is design.

HTML

<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/lightbox2/2.8.2/css/lightbox.min.css">
<section id="fws_gallery_2">
  <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.pexels.com/photos/90946/pexels-photo-90946.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=2" data-lightbox="photos">
                      <img class="img-fluid" src="https://images.pexels.com/photos/90946/pexels-photo-90946.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=2" />
                  </a>
                  <div class="des">
                    <h3>lorem ipsum</h3>
                    <span>lorem ipsum</span>
                  </div>
                </div>
              </div>
              <div class="col-lg-4 col-md-4 col-sm-6 item">
                <div class="content shadow">
                  <a href="https://images.pexels.com/photos/1667088/pexels-photo-1667088.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=2" data-lightbox="photos">
                      <img class="img-fluid" src="https://images.pexels.com/photos/1667088/pexels-photo-1667088.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=2" />
                  </a>
                  <div class="des">
                    <h3>lorem ipsum</h3>
                    <span>lorem ipsum</span>
                  </div>
                </div>
              </div>
              <div class="col-lg-4 col-md-4 col-sm-6 item">
                <div class="content shadow">
                  <a href="https://images.pexels.com/photos/2533266/pexels-photo-2533266.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=2" data-lightbox="photos">
                    <img class="img-fluid" src="https://images.pexels.com/photos/2533266/pexels-photo-2533266.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=2" />
                  </a>
                  <div class="des">
                    <h3>lorem ipsum</h3>
                    <span>lorem ipsum</span>
                  </div>
                </div>
              </div>
              <div class="col-lg-4 col-md-4 col-sm-6 item">
                <div class="content shadow">
                  <a href="https://images.pexels.com/photos/3270223/pexels-photo-3270223.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=2" data-lightbox="photos">
                    <img class="img-fluid" src="https://images.pexels.com/photos/3270223/pexels-photo-3270223.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=2" />
                  </a>
                  <div class="des">
                    <h3>lorem ipsum</h3>
                    <span>lorem ipsum</span>
                  </div>
                </div>
              </div>
              <div class="col-lg-4 col-md-4 col-sm-6 item">
                <div class="content shadow">
                  <a href="https://images.pexels.com/photos/4041392/pexels-photo-4041392.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=2" data-lightbox="photos">
                    <img class="img-fluid" src="https://images.pexels.com/photos/4041392/pexels-photo-4041392.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=2" />
                  </a>
                  <div class="des">
                    <h3>lorem ipsum</h3>
                    <span>lorem ipsum</span>
                  </div>
                </div>
              </div>
              <div class="col-lg-4 col-md-4 col-sm-6 item">
                <div class="content shadow">
                  <a href="https://images.pexels.com/photos/397978/pexels-photo-397978.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=2" data-lightbox="photos">
                    <img class="img-fluid" src="https://images.pexels.com/photos/397978/pexels-photo-397978.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=2" />
                  </a>
                  <div class="des">
                    <h3>lorem ipsum</h3>
                    <span>lorem ipsum</span>
                  </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:

Create a dynamic and responsive image gallery using this free image gallery template. Designed with a Lightbox image gallery, it provides an engaging way to showcase high-quality photos. This image gallery snippet is ideal for photographers, designers, and business websites, offering seamless customization and adaptability. Whether viewed on desktops or mobile devices, the responsive layout ensures a perfect display on any screen. This gallery web template is easy to integrate and enhances your site's visual appeal. Download the free image gallery template today and transform your website with a modern, professional gallery design!

Make a Comment

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

Related Snippet

Website Navbar Design Using HTML and CSS

Website Navbar Design Using HTML and CSS

23-Jan-2025 Updated : 23-Jan-2025

Affordable Bootstrap Pricing Snippet | Website Pricing Plan Section

Affordable Bootstrap Pricing Snippet | Website Pricing Plan Section

19-Sep-2024 Updated : 19-Sep-2024

Free Responsive Lightbox Image Gallery Template | Image Gallery Snippet

Free Responsive Lightbox Image Gallery Template | Image Gallery Snippet

18-Sep-2024 Updated : 18-Sep-2024

Best Free Contact Form Template | Form Snippet

Best Free Contact Form Template | Form Snippet

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

Snippets Categories