Gallery #1

This bootstrap css example is contributed by java stories story, on 01-Aug-2025. Component is made with bootstrap css v.5.3. It is responsive. similar terms for this example is Masonry

Tags: Gallery

Author java stories story

1.5k

v.5.3

Fork Fullscreen

<section id="gallery" class="py-5">
    <div class="container">
        <h2 class="text-center mb-5">Galeri Kami</h2>
        <div class="row g-4">
            <div class="col-lg-4 col-md-6 col-sm-12">
                <div class="card shadow-sm">
                    <img src="https://images.pexels.com/photos/30877151/pexels-photo-30877151.jpeg" class="img-fluid rounded" alt="Deskripsi Gambar 1">
                </div>
            </div>
            <div class="col-lg-4 col-md-6 col-sm-12">
                <div class="card shadow-sm">
                    <img src="https://images.pexels.com/photos/30877151/pexels-photo-30877151.jpeg" class="img-fluid rounded" alt="Deskripsi Gambar 2">
                </div>
            </div>
            <div class="col-lg-4 col-md-6 col-sm-12">
                <div class="card shadow-sm">
                    <img src="https://images.pexels.com/photos/30877151/pexels-photo-30877151.jpeg" class="img-fluid rounded" alt="Deskripsi Gambar 3">
                </div>
            </div>
   
        </div>
    </div>
</section>

More Examples

Responsive image galary with tabs

Author:
Arturo

11 months ago

6.2k

v.5.3
Blurry Loading
Blurry Loading

Author:
Rami AlAjo

9 months ago

1.9k

v.4.6
Image slider
Image slider with auto-scrolling and with title and description

Author:
Anonymous

1 year ago

5.6k

v.5.3
Scroll Animation
Scroll Animation

Author:
Rami AlAjo

9 months ago

2.6k

v.4.6
Image gallery in bootstrap
Responsive Image gallery

Author:
Mateo Rojas

11 months ago

4.3k

v.5.3
Bootstrap Image Gallery

Author:
Anonymous

1 year ago

5.1k

v.3.4
Gallery caraousel

Author:
java stories story

3 months ago

829

v.5.3
Card Layout
Using masonry in cards layout

Author:
almounkez

11 months ago

3.6k

v.5.3
Bootstrap 5 Image Gallery

Author:
Anonymous

1 year ago

11.9k

v.5.3
Parallax Image Gallery
An eye-catching gallery section with parallax scrolling effects and image captions.

Author:
Prajwal Hallale

1 year ago

6.1k

v.5.3
Feature Cards
showcases three key features with a clean, minimal design.

Author:
Alaric Sloane

1 year ago

2.5k

v.5.3
Image slider
Image slider with auto-scrolling and with title and description

Author:
Anonymous

1 year ago

5.6k

v.5.3

Didn't find component you were looking for?

Search from 300+ componenent