---
title: "Vertical Timeline – Variant 3 with Layout Examples"
url: "https://web.destination.one/en/destinationbase/vertical-timeline/variante-3"
description: "Discover variant 3 of the vertical timeline with mini teaser and card layout. Check out examples and learn how you can customise your content individually."
language: "en"
breadcrumb: "Root > Homepage > destination.base > Vertical timeline > Variante 3"
keywords:
  - "Timeline"
  - "vertical timeline"
  - "variant 3"
  - "SVG"
  - "design"
  - "cards look"
  - "colour scheme"
  - "individual"
  - "demo"
  - "timeline entry"
---

Vertical Timeline
=================

Variant 3

 

Glühbirne neben der Überschrift Gut zu Wissen

**Good to know**
The vertical timeline of variant 3 can also be stored with an svg. You'll find an example under B and C further down the page. If no special svg is stored, the "standard" applies, a straight line (see example A).

 

Live Demo
---------

### Example A: Layout "Mini-Teaser"

In this variant, *no* SVG was prepared and stored. The line is the "standard".

A third entry

you can maintain this variant individually

A fourth entry

The timeline can be maintained as SVG

More

 

### Example B: Layout "Mini-Teaser"

In this variant an svg was prepared and stored in the module.

A third entry

you can maintain this variant individually

A fourth entry

The timeline can be maintained as an SVG

More

 

### Example C: Layout "Card"

In this variant an svg was prepared and stored in the module.

Open detail pageWiesen und Deich mit Spazierweg bei SonnenaufgangHere a timeline entry with image

here also more information

Another timeline entry in card design with a different colour scheme

Here an entry with link

Open detail pageLandschaftsfoto mit einem See vor Bergpanorama und Wäldern this timeline entry is also in card design with another colour scheme

More