Lift

Landkit only

Visually lifts an element on hover and focus.

Background Photo + 30% Dark Overlay

A much lighter overlay work on darker photos, and is easy to control with utilities.

...
Ab Hadley

...

Photo on Top + 33.3% Width.

The markup for this card is identical to that for the 50% Width article above.

...
Adolfo Hess

All Text Card.

Notice how this card stays the same height as its siblings and this text is vertically centered (at desktop sizes). This keeps layouts looking consistent no matter what type of content occupies each sibling card.

...
Ab Hadley

Lift Button
<div class="card lift lift-lg">
  ...
</div>

<a href="#!" class="btn btn-block btn-primary lift">
  Lift Button
</a>