---
title: "Vertikale Timeline – Variante 3 mit Layout-Beispielen"
url: "https://web.destination.one/destinationbase/vertikale-timeline/variante-3"
description: "Entdecke Variante 3 der vertikalen Timeline mit Mini-Teaser- und Card-Layout. Sieh dir Beispiele an und erfahre, wie du Inhalte individuell gestalten kannst."
language: "de"
breadcrumb: "Root > Startseite > destination.base > Vertikale Timeline > Variante 3"
keywords:
  - "Timeline"
  - "vertikale Zeitleiste"
  - "Variante 3"
  - "SVG"
  - "Design"
  - "Cards Optik"
  - "Farbschema"
  - "individuell"
  - "Demo"
  - "Zeitleisteneintrag"
---

Vertikale Timeline
==================

Variante 3

 

Glühbirne neben der Überschrift Gut zu Wissen

**Gut zu wissen**
Die vertikale Timeline der Variante 3 kann auch mit einem svg hinterlegt werden. Ein Beispiel findet Ihr unter B und C weiter unten auf der Seite. Sofern kein spezielles svg hinterlegt wird, greift der “Standard”, eine gerade Linie (siehe Beispiel A).

 

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

### Beispiel A: Layout “Mini-Teaser”

In dieser Variante wurde *kein* svg vorbereitet und hinterlegt. Die Linie ist der “Standard".

Ein dritter Eintrag

du kannst diese Variante individuell pflegen

Ein vierter Eintrag

Der Zeitstrahl kann als SVG gepflegt werden

Mehr Elemente anzeigen

 

### Beispiel B: Layout “Mini-Teaser”

In dieser Variante wurde ein svg vorbereitet und beim Modul hinterlegt.

Ein dritter Eintrag

du kannst diese Variante individuell pflegen

Ein vierter Eintrag

Der Zeitstrahl kann als SVG gepflegt werden

Mehr Elemente anzeigen

 

### Beispiel C: Layout “Card”

In dieser Variante wurde ein svg vorbereitet und beim Modul hinterlegt.

Detailseite öffnenWiesen und Deich mit Spazierweg bei SonnenaufgangHier ein Zeitleisteneintrag mit Bild

hier auch noch mehr Infos

Ein weiterer Zeitleisteintrag in Cards Optik mit anderem Farbschema

Hier ein Eintrag mit Link

Detailseite öffnenLandschaftsfoto mit einem See vor Bergpanorama und Wäldern auch dieser Zeitleisteneintrag ist in der Cards Optik mit einem weiteren Farbschema

Mehr Elemente anzeigen