هاور باکس

<div class="hoverbox-3 text-center">  <img src="../assets/images/image-url.jpg" alt="">  <div class="hover-content">    <h5>Heading</h5>    <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.</p>  </div>
</div>

<div class="hoverbox-4">  <img src="../assets/images/image-url.jpg" alt="">  <div class="hover-content">    <h5>Heading</h5>    <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.</p>  </div>
</div>

<div class="hoverbox-5 text-center border-radius">  <img src="../assets/images/image-url.jpg" alt="">  <div class="content">    <h5>Heading</h5>    <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.</p>  </div>  <div class="hover-content">    <a class="button button-lg button-outline-white-2 button-rounded" href="#">Learn More</a>  </div>
</div>

<div class="hoverbox-6 border-radius">  <img src="../assets/images/image-url.jpg" alt="">  <div class="content">    <h5>Heading</h5>    <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.</p>  </div>  <div class="hover-content">    <a class="button button-lg button-outline-white-2 button-rounded" href="#">Learn More</a>  </div>
</div>

<div class="hoverbox-7 border-radius">  <img src="../assets/images/image-url.jpg" alt="">  <div class="content">    <h5>Heading</h5>    <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.</p>  </div>  <div class="hover-content">    <a class="button button-lg button-outline-white-2 button-rounded" href="#">Learn More</a>  </div>
</div>

<div class="hoverbox-8">  <a href="#">    <img src="../assets/images/image-url.jpg" alt="">    <div class="content">      <span class="font-family-tertiary font-small fw-normal uppercase m-0">Title</span>    </div>  </a>
</div>

<div class="hoverbox-9">  <a href="#">    <img src="../assets/images/image-url.jpg" alt="">    <div class="content">      <span class="font-family-tertiary font-small fw-normal uppercase m-0">Title</span>    </div>  </a>
</div>

<div class="hoverbox-10">  <a href="#">    <img src="../assets/images/image-url.jpg" alt="">    <div class="content">      <span class="font-family-tertiary font-small fw-normal uppercase m-0">Title</span>    </div>  </a>
</div>