Skip to main content

Hover Box

Hover box 1

1
Heading

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.


<div class="hoverbox-1 text-center border-radius-0375">
  <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>

Hover box 2

1
Heading

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.


<div class="hoverbox-2 border-radius-0375">
  <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>

Hover box 3

1
Heading

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.


<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>

Hover box 4

1
Heading

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.


<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>

Hover box 5

1
Heading

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.


<div class="hoverbox-5 text-center border-radius-0375">
  <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>