> For the complete documentation index, see [llms.txt](https://docs.strm.design/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.strm.design/reference/sections/flip-cards.md).

# Flip cards

Cards that turn over to reveal a story on the back. Good for makers, team members or materials.

Cards that turn over to reveal a story on the back. Good for makers, team members or materials.

**Where:** Any template (Add section)\
**File:** `sections/flip-cards.liquid`

![Flip cards](https://2073252647-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUX7okZwFVjG38blUMwqg%2Fuploads%2Fgit-blob-0efd544ae79d9fb447487c4db02ccb945a6330fb%2Fflip-cards.png?alt=media)

## Section settings

| Setting            | Type                       | Options             | Default                       | Notes |
| ------------------ | -------------------------- | ------------------- | ----------------------------- | ----- |
| **Heading**        | Text (bold, italic, links) |                     | Meet the makers               |       |
| **Hint**           | Text                       |                     | Turn a card over to read more |       |
| **Color scheme**   | Color scheme               |                     | Scheme 1                      |       |
| **Top padding**    | Slider                     | 0–160px, steps of 4 | 48px                          |       |
| **Bottom padding** | Slider                     | 0–160px, steps of 4 | 48px                          |       |

## Blocks

### Flip card block

One flip card: image and heading on the front, a story and link on the back.

#### Front

| Setting        | Type  | Options | Default           | Notes |
| -------------- | ----- | ------- | ----------------- | ----- |
| **Image**      | Image |         |                   |       |
| **Heading**    | Text  |         | Card heading      |       |
| **Subheading** | Text  |         | Short description |       |

#### Back

| Setting               | Type         | Options | Default                                              | Notes |
| --------------------- | ------------ | ------- | ---------------------------------------------------- | ----- |
| **Eyebrow**           | Text         |         |                                                      |       |
| **Text**              | Rich text    |         | Tell the story behind this maker, product or person. |       |
| **Detail label**      | Text         |         |                                                      |       |
| **Detail**            | Text         |         |                                                      |       |
| **Link label**        | Text         |         | Learn more                                           |       |
| **Link**              | Link         |         |                                                      |       |
| **Back color scheme** | Color scheme |         | Scheme 3                                             |       |

## Presets

Add it from **Add section** as: **Flip cards**.