<section id="dt-content" class="sec-pt-lg">
    <div class="container">
        <div class="row">
            <div class="col-12">
                <h2>2 Column Grid</h2>
            </div>
            <div class="col-md-6 grid-item">
                <div class="card card-gallery">
                    <div class="row g-0">
                        <div class="col-12">
                            <div class="card-image">
                                <a href="themes/custom/education_pro/assets/theme/img/gallery/gallery_2.png" data-fancybox="" class="image" title="Gallery Title"><img src="themes/custom/education_pro/assets/theme/img/gallery/gallery_3.png" class="img-fluid" alt="Gallery Image"></a>
                                <h3><a href="themes/custom/education_pro/assets/theme/img/gallery/gallery_2.png" data-fancybox="" title="Gallery Title">Gallery Title</a><a href="themes/custom/education_pro/assets/theme/img/gallery/gallery_3.png" data-fancybox="" title="Gallery Title"><i class="fas fa-plus-circle"></i></a></h3>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-6 grid-item">
                <div class="card card-gallery">
                    <div class="row g-0">
                        <div class="col-12">
                            <div class="card-image">
                                <a href="themes/custom/education_pro/assets/theme/img/gallery/gallery_3.png" data-fancybox="" class="image" title="Gallery Title"><img src="themes/custom/education_pro/assets/theme/img/gallery/gallery_4.png" class="img-fluid" alt="Gallery Image"></a>
                                <h3><a href="themes/custom/education_pro/assets/theme/img/gallery/gallery_3.png" data-fancybox="" title="Gallery Title">Gallery Title</a><a href="themes/custom/education_pro/assets/theme/img/gallery/gallery_4.png" data-fancybox="" title="Gallery Title"><i class="fas fa-plus-circle"></i></a></h3>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
                        Copy to clipboard
                    

                        
<section id="dt-content" class="sec-pt-lg">
    <div class="container">
        <div class="row">
            <div class="col-12">
                <h2>3 Column Grid</h2>
            </div>
            <div class="col-md-4 grid-item category3">
                <div class="card card-gallery">
                    <div class="row g-0">
                        <div class="col-12">
                            <div class="card-image">
                                <a href="themes/custom/education_pro/assets/theme/img/gallery/gallery_3.png" data-fancybox="" class="image" title="Gallery Title"><img src="themes/custom/education_pro/assets/theme/img/gallery/gallery_3.png" class="img-fluid" alt="Gallery Image"></a>
                                <h3><a href="themes/custom/education_pro/assets/theme/img/gallery/gallery_3.png" data-fancybox="" title="Gallery Title">Gallery Title</a><a href="themes/custom/education_pro/assets/theme/img/gallery/gallery_3.png" data-fancybox="" title="Gallery Title"><i class="fas fa-plus-circle"></i></a></h3>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-4 grid-item category2">
                <div class="card card-gallery">
                    <div class="row g-0">
                        <div class="col-12">
                            <div class="card-image">
                                <a href="themes/custom/education_pro/assets/theme/img/gallery/gallery_4.png" data-fancybox="" class="image" title="Gallery Title"><img src="themes/custom/education_pro/assets/theme/img/gallery/gallery_4.png" class="img-fluid" alt="Gallery Image"></a>
                                <h3><a href="themes/custom/education_pro/assets/theme/img/gallery/gallery_4.png" data-fancybox="" title="Gallery Title">Gallery Title</a><a href="themes/custom/education_pro/assets/theme/img/gallery/gallery_4.png" data-fancybox="" title="Gallery Title"><i class="fas fa-plus-circle"></i></a></h3>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-4 grid-item category3">
                <div class="card card-gallery">
                    <div class="row g-0">
                        <div class="col-12">
                            <div class="card-image">
                                <a href="themes/custom/education_pro/assets/theme/img/gallery/gallery_5.png" data-fancybox="" class="image" title="Gallery Title"><img src="themes/custom/education_pro/assets/theme/img/gallery/gallery_5.png" class="img-fluid" alt="Gallery Image"></a>
                                <h3><a href="themes/custom/education_pro/assets/theme/img/gallery/gallery_5.png" data-fancybox="" title="Gallery Title">Gallery Title</a><a href="themes/custom/education_pro/assets/theme/img/gallery/gallery_5.png" data-fancybox="" title="Gallery Title"><i class="fas fa-plus-circle"></i></a></h3>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
                        Copy to clipboard