{% include layout/headers/{{ page.page-header-file }}.html %}
{% elsif page-header %}
<!-- Page title -->
<divclass="page-header{% if class %} {{ class }}{% endif %} d-print-none">
<divclass="page-header{% if class %} {{ class }}{% endif %} d-print-none{% if page.layout-navbar-overlap and page.layout-navbar-dark %} text-white{% endif %}">
<divclass="col-12">{% include cards/card.html body="This is some text within a card body." %}</div>
<divclass="col-12 border-0">{% include cards/card.html body="This is a borderless card." %}</div>
<div>
<divclass="card">
<divclass="card-stamp">
<divclass="card-stamp-icon bg-yellow">
{% include ui/icon.html icon="bell" %}
</div>
</div>
<divclass="card-body">
<h3class="card-title">Card with icon bg</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Architecto at consectetur culpa ducimus eum fuga fugiat, ipsa iusto, modi nostrum recusandae reiciendis saepe.</p>
</div>
</div>
</div>
<divclass="col-12">{% include cards/card.html img-bottom=true title="Card with bottom image" %}</div>
<divclass="col-12">{% include cards/card.html active=true body="This is a card with active state." %}</div>
<divclass="col-12">{% include cards/card.html inactive=true body="This is some text inactive state." %}</div>