Category
Use the below code to display category:
Category
<div class="category">
<div class="category-image">
<img class="img-fluid" src="images/category/06.jpg" alt="">
</div>
<div class="category-name">
<h6>Sport<span>(3)</span></h6>
</div>
</div>
Category 02
<div class="category-02">
<div class="category-image bg-overlay-black-40">
<img class="img-fluid" src="images/category/06.jpg" alt="">
</div>
<div class="category-name d-flex justify-content-between">
<span class="category-count">(3)</span>
<span class="category-content">sport</span>
<span class="category-icon">
<i class="fa-solid fa-basketball"></i>
</span>
</div>
</div>
Category 03
<ul class="category-03-list">
<li>
<div class="category-03 me-2">
<div class="category-img"> <img class="img-fluid" src="images/category/magazine/13.jpg" alt=""> </div>
<div class="category-details">
<div class="category-icon"><i class="fa-solid fa-camera"></i></div>
<div class="category-title"><a href="#">[ CATEGORY TITLE ]</a></div>
<div class="category-count">03</div>
</div>
</div>
</li>
<li>
<div class="category-03 ms-2">
<div class="category-img"> <img class="img-fluid" src="images/category/magazine/14.jpg" alt=""> </div>
<div class="category-details">
<div class="category-icon"><i class="fa-solid fa-cart-flatbed-suitcase"></i></div>
<div class="category-title"><a href="#">[ CATEGORY TITLE ]</a></div>
<div class="category-count">05</div>
</div>
</div>
</li>
</ul>