Cards

The [card] shortcode wraps content in a styled card. Cards support full Markdown inside them, including other shortcodes.


Basic Card (no header)

This is a basic card with no title. Useful for callout blocks or highlighted sections.

It supports bold, italic, and inline code.


Card with Title

Card Title

This card has a header. The title attribute sets the text in the card's top bar.


Collapsible Card

Add collapsible="true" to make the body toggle on header click. Starts collapsed.

Click to expand

This content is hidden by default and revealed when the header is clicked.


Cards in a Grid

Feature One

Describe the first feature here. One or two sentences works well in a three-column layout.

Feature Two

Cards in a grid automatically share the same height within a row.

Feature Three

Add a link if this feature has its own dedicated page.


Grid Inside a Card

Two-column layout inside a card

Use the left column for a description or introductory copy.

Use the right column for a list or supplementary detail.

  • Point A
  • Point B
  • Point C

← Back to Resources