Keyboard shortcuts

You can use the following keyboard shortcuts to navigate more quickly:

  1. Home
  2. Service
  3. Element library
  4. Media elements

The toujou element library

Media elements

With toujou you will find preconfigured elements that give you the freedom to illustrate content according to your needs. The media elements include the possibility of presenting images in various file formats including videos via URL from the popular platforms Vimeo or YouTube.


Single media: Video | Image  
Multiple images: Image slider | Gallery | Portfolio Gallery | Logo Slider
Multiple media in a row: Two media | three media | four media
Hero Media 3:1: Hero Media 3:1
Ein minimalistisches Bild mit einem blauen Quadrat, das eine Berglandschaft und eine Sonne darstellt, umgeben von Navigationselementen.

Manual

On this page you will find all the media elements available in toujou. We’ve used dummy text in the library to prevent confusion. 

For detailed instructions, click on the buttons located below every sample element to get to the element description.

I am the button ❯

Overview

Single media

Video

To display third-party HTML content, we need your consent.
For more information, please see our privacy policy.

Media elements ❯

Image

Ein stilisierter Pagodenbau mit mehreren Ebenen und goldener Spitze, umgeben von einem kleinen Garten und Zäunen.

Media elements ❯

Image slider

  • Das Bild zeigt ein stilisiertes Flugzeug, das in der Luft fliegt, umgeben von einem ruhigen, einheitlichen grünen Farbton.
  • Zwei stilisierte Heißluftballons stehen nebeneinander, eine rot und eine grün gestreift, auf einem neutralen Hintergrund.
  • Eine stilisierte Pyramide mit mehreren Treppen und einem kleinen Tempel auf der Spitze, umgeben von Bäumen.
  • Ein fröhlicher Weihnachtsmann steht neben einem festlich geschmückten Weihnachtsbaum mit bunten Geschenken darunter.
of

Media elements ❯

Gallery

Das Bild zeigt ein stilisiertes Flugzeug, das in der Luft fliegt, umgeben von einem ruhigen, einheitlichen grünen Farbton. Ein grauer Elefant und sein Kind stehen auf einem einfarbigen Hintergrund, der die Aufmerksamkeit auf sie lenkt. Zwei stilisierte Heißluftballons stehen nebeneinander, eine rot und eine grün gestreift, auf einem neutralen Hintergrund. Ein modernes Hotelgebäude mit einem großen Pool und grünen Rasenflächen umgeben von Bäumen und Liegen. Das Hochhaus, das in sanften Rosa-Tönen gehalten ist, hebt sich durch seine klare Linienführung und den schlichten Hintergrund hervor. Eine stilisierte Pyramide mit mehreren Treppen und einem kleinen Tempel auf der Spitze, umgeben von Bäumen. Ein stilisierter Pagodenbau mit mehreren Ebenen und goldener Spitze, umgeben von einem kleinen Garten und Zäunen. Ein fröhlicher Weihnachtsmann steht neben einem festlich geschmückten Weihnachtsbaum mit bunten Geschenken darunter. Das Bild zeigt verschieden große beigefarbene Pakete auf einem ockerfarbigen Grund.

Media elements ❯

Logo Slider

of

Logo Slider ❯

Portfolio Gallery

of

Portfolio Gallery ❯

Two Media elements

Videos

To display third-party HTML content, we need your consent.
For more information, please see our privacy policy.

To display third-party HTML content, we need your consent.
For more information, please see our privacy policy.

Images

Das Bild zeigt ein stilisiertes Flugzeug, das in der Luft fliegt, umgeben von einem ruhigen, einheitlichen grünen Farbton. Ein grauer Elefant und sein Kind stehen auf einem einfarbigen Hintergrund, der die Aufmerksamkeit auf sie lenkt.

Media elements ❯

Three Media elements

Videos

To display third-party HTML content, we need your consent.
For more information, please see our privacy policy.

To display third-party HTML content, we need your consent.
For more information, please see our privacy policy.

To display third-party HTML content, we need your consent.
For more information, please see our privacy policy.

Images

Das Bild zeigt ein stilisiertes Flugzeug, das in der Luft fliegt, umgeben von einem ruhigen, einheitlichen grünen Farbton. Ein grauer Elefant und sein Kind stehen auf einem einfarbigen Hintergrund, der die Aufmerksamkeit auf sie lenkt. Das Hochhaus, das in sanften Rosa-Tönen gehalten ist, hebt sich durch seine klare Linienführung und den schlichten Hintergrund hervor.

Media elements ❯

Four Media elements

Videos

To display third-party HTML content, we need your consent.
For more information, please see our privacy policy.

To display third-party HTML content, we need your consent.
For more information, please see our privacy policy.

To display third-party HTML content, we need your consent.
For more information, please see our privacy policy.

To display third-party HTML content, we need your consent.
For more information, please see our privacy policy.

Images

Das Bild zeigt ein stilisiertes Flugzeug, das in der Luft fliegt, umgeben von einem ruhigen, einheitlichen grünen Farbton. Ein grauer Elefant und sein Kind stehen auf einem einfarbigen Hintergrund, der die Aufmerksamkeit auf sie lenkt. Das Hochhaus, das in sanften Rosa-Tönen gehalten ist, hebt sich durch seine klare Linienführung und den schlichten Hintergrund hervor. Ein stilisierter Pagodenbau mit mehreren Ebenen und goldener Spitze, umgeben von einem kleinen Garten und Zäunen.

Media elements ❯

Hero Media 3:1

Eine stilisierte Fabrikszene mit Maschinen, die Produkte auf einem Förderband verarbeiten, umgeben von hellen Farben.

Hero Media 3:1 ❯
Tutorials

Checklist ❯
Contact data ❯ 
File list ❯ 
Edit navigation ❯ 
Edit page content ❯ 
Edit page properties ❯
Responsive & mobile first ❯
Yoast SEO ❯ 
Redirects ❯ 
Blog administration ❯
Linkvalidator ❯
toujou set-up

Theme ❯ 
Logo ❯ 
Font ❯ 
Color ❯ 
Social media ❯ 
Analytics ❯
Data protection ❯
Website overlay ❯
toujou element library

Text elements ❯ 
Teaser elements ❯ 
Blockquotes ❯ 
Teaser cards ❯ 
Media elements ❯ 
Map elements ❯ 
Blog elements ❯

 

Navigation elements ❯ 
Widgets ❯ 
Headline element ❯ 
Combined elements ❯

Contact

+49 911 23980-870