Card

<div class="uk-card uk-card-danger">
    <div class="uk-card-media-top">
        <img src="../images/a.jpg" alt="">
    </div>
    <div class="uk-card-body">
        <h3 class="uk-card-title">Media Top</h3>
        <p>text area</p>
    </div>
    <div class="uk-card-footer">
        <a class="uk-button uk-button-default">button</a>
    </div>
</div>

<div class="uk-card uk-card-warning">
    <div class="uk-card-media-top">
        <img src="../images/a.jpg" alt="">
    </div>
    <div class="uk-card-body">
        <h3 class="uk-card-title">Media Top</h3>
        <p>text area</p>
    </div>
    <div class="uk-card-footer">
        <a class="uk-button uk-button-default">button</a>
    </div>
</div>

<div class="uk-card uk-card-success">
    <div class="uk-card-media-top">
        <img src="../images/a.jpg" alt="">
    </div>
    <div class="uk-card-body">
        <h3 class="uk-card-title">Media Top</h3>
        <p>text area</p>
    </div>
    <div class="uk-card-footer">
        <a class="uk-button uk-button-default">button</a>
    </div>
</div>