Cards#

Content blocks with optional images and links. Often used with Columns for grid layouts.

Syntax#

{{< card [href="..."] [image="..."] [title="..."] >}}
Markdown content
{{< /card >}}

Example#

With Image#

Cards can display an image above the content.
With Link

When href is set, the entire card becomes clickable.
Plain Card#

A basic card with no image or link, used for grouping related content.

Parameters#

href: Makes the card a link. The entire card area becomes clickable.
image: Path to an image displayed above the card content. Supports page resources and URLs.
title: Accessible title for the card.
alt: Alt text for the card image.
class: Additional CSS classes.