---
title: Groups
description: Picture buttons laid out as a grid, a featured card, a carousel and lines
---

# Groups

::: grid :::

- [![Body butter](https://www.gravatar.com/avatar/00000000000000000000000000000004?s=400&d=identicon)](https://example.com/butter)
- [![Skin tint](https://www.gravatar.com/avatar/00000000000000000000000000000005?s=400&d=identicon)](https://example.com/tint)

The latest:

::: featured :::

- [![The spring catalogue](https://www.gravatar.com/avatar/00000000000000000000000000000006?s=800&d=identicon)](https://example.com/catalogue)
- [All issues](https://example.com/issues)

Recent work:

::: carousel :::

- [![Look one](https://www.gravatar.com/avatar/00000000000000000000000000000007?s=400&d=identicon)](https://example.com/look-1)
- [![Look two](https://www.gravatar.com/avatar/00000000000000000000000000000008?s=400&d=identicon)](https://example.com/look-2)

Mixed (one picture, the rest plain, all reading from the left):

- [![New in](https://www.gravatar.com/avatar/00000000000000000000000000000009?s=400&d=identicon)](https://example.com/new)
- [Bestsellers](https://example.com/bestsellers)
- [Gift cards](https://example.com/gift-cards)

Watch (a picture button to a video shows a play button):

::: featured :::

- [![Our launch film](https://www.gravatar.com/avatar/0000000000000000000000000000000a?s=800&d=identicon)](https://www.youtube.com/watch?v=aqz-KE-bpKQ)

More:

::: lines :::

- [Journal](https://example.com/journal)
- [Contact](https://example.com/contact)

Visit:

::: grid :::

- :place: The shop
  1 Example Street
- :time: Tue to Sat
  10:00 to 18:00