Cards ​

The Nimiq's CSS Framework provides a set of cards to display information in a structured way.

Card Header

Warning under the headline.

Card Body

Card Footer

Card Header

Card Body

html
<div class="nq-card">
    <div class="nq-card-header">
        <h1 class="nq-h1">Card Header</h1>
        <p class="nq-notice warning">Warning under the headline.</p>
    </div>
    <div class="nq-card-body">
        <p>Card Body</p>
    </div>
    <div class="nq-card-footer">
        <a>Card Footer</a>
    </div>
</div>

<div class="nq-card">
    <div class="nq-card-header">
        <h2 class="nq-h2">Card Header</h2>
    </div>
    <div class="nq-card-body">
        <p>Card Body</p>
    </div>
</div>