_ntabs · examples_

# Showcase

Each card below is the page's own HTML, under its own theme. They are pages, not pictures of pages, and every one is markdown: open one and read its text. People, companies and numbers are fictional.

## Sites

Whole sites with `chrome: site`, built from layout directives: a nav, a hero, grids, a bento, a carousel, a logo strip, numbers that count up, a footer. From a phone to an ultra-wide screen, in light and dark.

```@pages columns:3
/@docs/showcase/orbit
/@docs/showcase/relay
/@docs/showcase/marina-costa
/@docs/showcase/estudio-norte
/@docs/showcase/lia-ramos
/@docs/showcase/brasa-conf
```

## Courses

A course is a folder: the top page introduces and lists the lessons, each lesson is a page, and what has to stick is in `@flashcards` — cards that turn on a click.

```@pages columns:3
/@docs/showcase/italiano
```

The three lessons: [At the café](/@docs/showcase/italiano/licao-1), [In the street](/@docs/showcase/italiano/licao-2), [At the restaurant](/@docs/showcase/italiano/licao-3).

## One theme for a whole site

A subpage with no `theme` fence wears the theme of the page above it. With `inherit`, it takes that theme and changes only what it needs.

:::grid min:16 items:card
### [Orbit pricing](/@docs/showcase/orbit/precos)
No theme fence: everything comes from Orbit.
---
### [Orbit blog](/@docs/showcase/orbit/blog)
`inherit`, and a larger reading font.
---
### [Relay docs](/@docs/showcase/relay/docs)
`inherit` with `chrome: app`: the site's colours, and the trail of pages back.
---
### [Marina's case study](/@docs/showcase/marina-costa/cobrali)
A portfolio page that inherits the portfolio.
:::

## Working pages

```@pages columns:3
/@docs/showcase/dashboard
/@docs/showcase/analytics
/@docs/showcase/checklist
```

## Profiles and conversations

A feed, a CV, a chat: familiar formats, written in markdown.

```@pages columns:3
/@docs/showcase/linkedin
/@docs/showcase/whatsapp
/@docs/showcase/x
/@docs/showcase/instagram
/@docs/showcase/tiktok
```

## Link in bio

```@pages columns:3
/@docs/showcase/link-pages | /@docs/showcase/link-pages/nara
```

[Documentation](/@docs)