---
title: "Variant 1"
url: "https://web.destination.one/en/destinationbase/horizontal-timeline/variant-1"
language: "en"
breadcrumb: "Root > Homepage > destination.base > Horizontal timeline > Variant 1"
---

Horizontal timeline

Variant 1

 

Filmklappe neben der Überschrift Live Demo

Live-Demo
---------

### Example A:

Horizontal timeline across the content width

- 01
    
    
    
    
    
    Here is the title of a teaser, which can also be long
- 02
    
    
    
    
    
    Titel
- 03
    
    
    
    
    
    Here is the title of a teaser, which can also be long
- 04
    
    
    
    
    
    Here is the title of a teaser
- 05
    
    
    
    
    
    This is the title of a teaser, which can also be long.
- 06
    
    
    
    
    
    Here is the headline
- 07
    
    *Play video* 
    
    
    
    Video instead of an image is maintained

 

### Example B:

Full-width horizontal timeline

- 01
    
    
    
    
    
    Here is the title of a teaser, which can also be long
- 02
    
    
    
    
    
    Titel
- 03
    
    
    
    
    
    Here is the title of a teaser, which can also be long
- 04
    
    
    
    
    
    Here is the title of a teaser
- 05
    
    
    
    
    
    This is the title of a teaser, which can also be long.
- 06
    
    
    
    
    
    Here is the headline
- 07
    
    *Play video* 
    
    
    
    Video instead of an image is maintained

 

### Example C:

Horizontal timeline in a two-column ⅓ ⅔ layout, with a white staging background

- 01
    
    
    
    
    
    Here is the title of a teaser, which can also be long
- 02
    
    
    
    
    
    Titel
- 03
    
    
    
    
    
    Here is the title of a teaser, which can also be long
- 04
    
    
    
    
    
    Here is the title of a teaser
- 05
    
    
    
    
    
    This is the title of a teaser, which can also be long.
- 06
    
    
    
    
    
    Here is the headline
- 07
    
    *Play video* 
    
    
    
    Video instead of an image is maintained