Two Column Lightbox Image Gallery Snippet

Explore our responsive lightbox image gallery template, perfect for showcasing your photos. This free image gallery template features a sleek design with hover effects and a lightbox for enhanced user experience. Two column lightbox 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_5">
  <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-6 col-md-6 col-sm-6 item">
              <div class="content">
                <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>
            </div>
            <div class="col-lg-6 col-md-6 col-sm-6 item">
              <div class="content">
                <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>
            </div>
            <div class="col-lg-6 col-md-6 col-sm-6 item">
              <div class="content">
                <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>
            </div>
            <div class="col-lg-6 col-md-6 col-sm-6 item">
              <div class="content">
                <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>
            </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:

Enhance your website with our responsive lightbox image gallery template. This free image gallery template offers a modern design with interactive lightbox features. Perfect for displaying your images beautifully on any device, this image gallery snippet is easy to integrate and customize, providing an engaging experience for your visitors.

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

Stylish Heading snippets with Decorative Underline for Modern Websites

Stylish Heading snippets with Decorative Underline for Modern Websites

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

Modern Login and Register Form with Bootstrap Snippet

Modern Login and Register Form with Bootstrap Snippet

27-Nov-2024 Updated : 27-Nov-2024

Responsive Coming Soon Template with Countdown | Modern Design

Responsive Coming Soon Template with Countdown | Modern Design

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

Snippets Categories