--- title: Cards Masonry page-header: Cards Masonry menu: base.cards-masonry libs: masonry ---
{% include cards/card.html body="This is some text within a card body." %}
{% include cards/card.html img-bottom=true title="Card with bottom image" %}
{% include cards/card.html footer-elements="more,>switch" %}
{% include cards/card.html footer-elements=">avatars" %}
{% include cards/card.html header-tabs=true %}
{% include cards/card.html header-pills=true %}
{% include cards/card.html empty=true %}
{% include cards/card.html progress=true title="Card with progress bar" %}
{% include cards/card.html title="Card title" subtitle="Card subtitle" %}
{% include cards/card.html header=true %}
{% include cards/credit-card.html %}