# Resource Cards

> Render linked resource, article, or documentation cards.

Canonical HTML: https://press.varavel.com/docs/shortcodes/resource-cards/
Markdown: https://press.varavel.com/docs/shortcodes/resource-cards/index.md

`resource_cards` renders a clean grid for related content and next-step resources.

## When to Use

Use it at the end of pages to direct readers to docs, articles, downloads, or playbooks.

## Usage

```markdown
{{/* resource_cards(title="Keep reading", item_1_type="Guide", item_1_title="Setup") */}}
```

## Live Example

{{ resource_cards(
container="md",
title="Keep building",
description="Point visitors to practical next steps.",
item_1_type="Guide",
item_1_title="Installation",
item_1_desc="Start using the theme in a Zola site.",
item_1_href="/docs/getting-started/installation/",
item_2_type="Reference",
item_2_title="Shortcodes",
item_2_desc="Browse every reusable landing section.",
item_2_href="/docs/shortcodes/",
item_3_type="Config",
item_3_title="Theme options",
item_3_desc="Tune the site for your project.",
item_3_href="/docs/getting-started/configuration/"
) }}

## Parameters

| Parameter      | Description                                  |
| -------------- | -------------------------------------------- |
| `container`    | Inner content width.                         |
| `eyebrow`      | Small uppercase label above the heading.     |
| `title`        | Section heading.                             |
| `description`  | Supporting copy.                             |
| `item_N_type`  | Resource type label, up to 4.                |
| `item_N_title` | Resource title.                              |
| `item_N_desc`  | Resource description.                        |
| `item_N_href`  | Resource URL.                                |
| `item_N_meta`  | Optional link metadata text.                 |
| `bg`           | Full-width section background token.         |
| `class`        | Additional CSS classes on the outer section. |