## 1.2 #Components.cards Cards

Toggle example guides
Toggle HTML markup

Basic border, background, and padding for content.

Examples
Default styling

Basic card example

Card link
.accent-border-top.accent-border-coral
Card with accent borders

Basic card example

Card link
.u-bg-navy.u-bg-dark
Card with background colors

Basic card example

Card link
Markup

    <div class="row">
        <div class="col-xs-12">
            <div class="card [modifier class]">
                <p>Basic card example</p>
                <a>Card link</a>
            </div>
        </div>
    </div>

Source: `components/_card.scss`, line 1