---
title: Cards Component
linkTitle: Cards
---

## Example

{{< cards >}}
  {{< card link="/" title="Callout" icon="warning" >}}
  {{< card link="/" title="GitHub" icon="github" >}}
  {{< card link="/" title="No Icon" >}}
{{< /cards >}}

{{< cards >}}
  {{< card link="/" title="Image Card" image="https://source.unsplash.com/featured/800x600?landscape" subtitle="Unsplash Landscape" >}}
{{< /cards >}}


## Usage

```
{{</* cards */>}}
  {{</* card link="/" title="Callout" icon="warning" */>}}
  {{</* card link="/" title="GitHub" icon="github" */>}}
  {{</* card link="/" title="No Icon" */>}}
{{</* /cards */>}}
```

```
{{</* cards */>}}
  {{</* card link="/" title="Image Card" image="https://source.unsplash.com/featured/800x600?landscape" subtitle="Unsplash Landscape" */>}}
{{</* /cards */>}}
```