kjn,lknj

Bootstrap Overlay

We are Small Team of Creative People working together

Image Overlay
Turn an image into a card background and overlay your card’s text. Depending on the image, you may or may not need additional styles or utilities.
Get Code 
<div class="card">

<img class="card-img" src="assets/images/ui/img5.jpg" alt="Card image">
<div class="card-img-overlay bg-dark op-7 p-40">
<h4 class="card-title text-white">Traveller's Blog</h4>
<p class="card-text text-white op-7">At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio.</p>
<p class="card-text">Last updated 3 mins ago</p>
<button class="btn btn-info-gradiant font-14">Explore More</button>
</div>
</div>
Card image

Traveller's Blog

At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio.

Last updated 3 mins ago