Card

Bordered container with optional header, body, and footer sections.

Full Card

Card Title

This is the card content area.

Footer text

<div class="card" style="max-width:320px;">
  <div class="card-header">Card Title</div>
  <div class="card-body">
    <p>This is the card content area.</p>
  </div>
  <div class="card-footer">Footer text</div>
</div>

Body Only

Content without header or footer.

<div class="card" style="max-width:320px;">
  <div class="card-body">Content without header or footer.</div>
</div>

Class Reference

Class	Description
.card	Card container with border and rounded corners
.card-header	Top section with bottom border and bold text
.card-body	Main content area with padding
.card-footer	Bottom section with top border and muted background
.container	Centered max-width wrapper (1280px)
.divider	Horizontal rule using border color token