Steps Cards

steps_cards renders a sequence of numbered cards with optional icons and links.

When to Use

Use it for onboarding, implementation flows, launch checklists, or any process where order matters.

{{ steps_cards(
item_1_title="Install",
item_1_desc="Add the theme to your Zola project."
) }}

Add the theme to your Zola project.

Set metadata, theme options, and page structure.

Build with Zola and deploy static output.

Parameter	Description
`container`	Inner content width for the steps section.
`eyebrow`	Small uppercase label above the heading.
`title`	Section heading.
`description`	Supporting copy below the heading.
`columns`	Desktop column count. Use `2`, `3`, or `4`.
`item_N_step`	Optional step number for item `N`. Defaults to automatic numbering.
`item_N_title`	Step title for item `N`.
`item_N_desc`	Step description for item `N`.
`item_N_icon`	Optional icon for item `N`.
`item_N_href`	Optional link URL for item `N`.
`item_N_link`	Optional link label for item `N`.
`bg`	Full-width section background token.
`class`	Additional CSS classes on the outer section.