Hoverbox

These modular elements can be readily used and customized in every layout across pages.

Example

Style your card with different design using theme Hoverbox

Learn more
<div class="hoverbox rounded text-center">
  <img class="img-fluid" src="../assets/img/gallery/g3.jpg" alt="" />
  <div class="hoverbox-content bg-dark p-3 d-flex flex-center">
    <div>
      <p class="lead text-white">Style your card with different design using theme Hoverbox</p>
      <a class="btn btn-light btn-sm mt-1" href="#!">Learn more </a>
    </div>
  </div>
</div>
Change Image
<a class="color-white" href="#!">
  <div class="hoverbox rounded">
    <img class="img-fluid" src="../assets/img/gallery/g8.jpg" alt="" />
    <div class="hoverbox-content">
      <img class="img-fluid" src="../assets/img/gallery/g7.jpg" alt="" />
    </div>
  </div>
</a>