open menu

Cards

Full Card

Card header

<div class="card card-hover">
    <div class="card-header">
        <h4>Card header</h4>
    </div>
    <div class="card-img">
        <img src="source.jpg" alt="">
    </div>
    <div class="card-footer">
        <h4>Card footer</h4>
    </div>
</div>

Headless Card

<div class="card card-no-header card-hover">
    <div class="card-img">
        <img src="source.jpg" alt="Drone picture">
    </div>
    <div class="card-footer">
        <h4>Card footer</h4>
    </div>
</div>

Footerless Card

<div class="card card-no-footer card-hover">
    <div class="card-header">
        <h4>Card header</h4>
    </div>
    <div class="card-img">
        <img src="source.jpg" alt="Drone picture">
    </div>
</div>