Timeline

Zeitstrahl-Modul zur grafischen Aufbereitung von chronologischen Ereignissen. Horizontal oder vertikal.

Variante 1

UABB-Advanced-Timeline Modul. Grafische Aufbereitung von chronologischen Daten mit Icons, Daten und Inhalt zum jeweiligen Ereignis. Vertikale Darstellung

2019-01-01

Heading 1

I am timeline card content. You can change me anytime. Click here to edit this text.

2019-01-01

2020-01-01

Heading 2

I am timeline card content. You can change me anytime. Click here to edit this text.

2020-01-01

2021-01-01

Heading 3

I am timeline card content. You can change me anytime. Click here to edit this text.

2021-01-01

Variante 2

Horizontale Darstellung. Es können verschiedene Icons und auch manuelle Labels statt Daten verwendet werden. Bei vielen Elementen auch als Carousel darstellbar.

Firmengründung

Neues Gebäude

Börsengang

Expansion

Auszeichnung

Heading 1

I am timeline card content. You can change me anytime. Click here to edit this text.

Heading 2

I am timeline card content. You can change me anytime. Click here to edit this text.

Heading 3

I am timeline card content. You can change me anytime. Click here to edit this text.

Heading 4

I am timeline card content. You can change me anytime. Click here to edit this text.

Heading 3

I am timeline card content. You can change me anytime. Click here to edit this text.

Variante 3

Die Elemente lassen sich auch links der Marker platzieren. Ebenso die Textausrichtung. Hintergrund, Rahmen und Schatten sind ebenfalls anpassbar. Hier ohne Pfeil, da dieser den Rahmen unterbricht.

Firmengründung

Heading 1

I am timeline card content. You can change me anytime. Click here to edit this text.

Neues Gebäude

Heading 2

I am timeline card content. You can change me anytime. Click here to edit this text.

Börsengang

Heading 3

I am timeline card content. You can change me anytime. Click here to edit this text.

Firmengründung

Heading 1

I am timeline card content. You can change me anytime. Click here to edit this text.

Neues Gebäude

Heading 2

I am timeline card content. You can change me anytime. Click here to edit this text.

Börsengang

Heading 3

I am timeline card content. You can change me anytime. Click here to edit this text.

Variante 4

Die Elemente lassen sich auch rechts der Marker platzieren. Ebenso die Textausrichtung. Hintergrund, Rahmen und Schatten sind ebenfalls anpassbar. Hier ohne Pfeil, da dieser den Rahmen unterbricht.

Firmengründung

Heading 1

I am timeline card content. You can change me anytime. Click here to edit this text.

Neues Gebäude

Heading 2

I am timeline card content. You can change me anytime. Click here to edit this text.

Börsengang

Heading 3

I am timeline card content. You can change me anytime. Click here to edit this text.

Firmengründung

Heading 1

I am timeline card content. You can change me anytime. Click here to edit this text.

Neues Gebäude

Heading 2

I am timeline card content. You can change me anytime. Click here to edit this text.

Börsengang

Heading 3

I am timeline card content. You can change me anytime. Click here to edit this text.

Hinweise für Entwickler:

.arc-timeline | Allg. Klasse für alle Variationen dieses Moduls.

.arc-timeline--var-{n} | {n} wird hier jeweils durch die Nummer der Variante ersetzt.

Hinweis: