Horizontal timeline
Variant 1
Live-Demo
Example A:
Horizontal timeline across the content width
- 01
Theme buttonHere is the title of a teaser, which can also be long
- 02
![[Translate to English:] Person mit braunen Lederstiefeln steht auf einem moosigen Felsen im Wald.](https://web.destination.one/fileadmin/_processed_/d/a/csm_boots-1867379_9127fbe3e1.jpeg "[Translate to English:] Beispielbild 7")
Titel
- 03
Theme buttonHere is the title of a teaser, which can also be long
- 04
More detailsHere is the title of a teaser
- 05
theme buttonThis is the title of a teaser, which can also be long.
- 06
More informationHere is the headline
![[Translate to English:] Person mit braunen Lederstiefeln steht auf einem moosigen Felsen im Wald.]( https://web.destination.one/fileadmin/_processed_/d/a/csm_boots-1867379_aab95acf48.jpeg "[Translate to English:] Beispielbild 7")
Example B:
Full-width horizontal timeline
- 01 Theme button
Here is the title of a teaser, which can also be long
- 02
Titel
- 03 Theme button
Here is the title of a teaser, which can also be long
- 04 More details
Here is the title of a teaser
- 05 theme button
This is the title of a teaser, which can also be long.
- 06 More information
Here is the headline
Example C:
Horizontal timeline in a two-column ⅓ ⅔ layout, with a white staging background
- 01 Theme button
Here is the title of a teaser, which can also be long
- 02
Titel
- 03 Theme button
Here is the title of a teaser, which can also be long
- 04 More details
Here is the title of a teaser
- 05 theme button
This is the title of a teaser, which can also be long.
- 06 More information
Here is the headline