2 Column Grid
<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>
3 Column Grid
<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>
4 Column Grid
<section id="dt-content" class="sec-pt-lg">
<div class="container">
<div class="row">
<div class="col-12">
<h2>4 Column Grid</h2>
</div>
<div class="col-md-3 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_4.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_4.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-3 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_5.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_5.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-3 grid-item category3">
<div class="card card-gallery">
<div class="row g-0">
<div class="col-12">
<div class="card-image">
<a href="gallerythemes/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="gallerythemes/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 class="col-md-3 grid-item category1">
<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="gallerythemes/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_2.png" data-fancybox="" title="Gallery Title">Gallery Title</a><a href="gallerythemes/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>