toujou
+49 911 23980-870
  1. Home
  2. Service
  3. Element library
  4. Teaser elements

The toujou element library

Teaser elements

With toujou you will find preconfigured elements that give you the freedom to illustrate content according to your needs. The appearance is controlled centrally and offers responsive behaviour. Buttons, links, alignment, and text styles are all controlled by the editor.

Cinema-Teaser: Cinema-Teaser 50%  |  Cinema-Teaser, media 66%  |  Cinema-Teaser, media 33%
Image-Teaser: Media-Teaser, left  |  Media-Teaser, right  |  Image-Teaser Slider, right

Manual

On this page you will find all the teaser 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

Cinema-Teaser 50% width, left

This is a simple element containing a headline and this text. There are no restrictions for the amount of content. So feel free to add as much information as long as it helps your story or your customer. This is a simple element containing a headline and this text. There are no restrictions for the amount of content. So feel free to add as much information as long as it helps your story or your customer. This is a simple element containing a headline and this text. There are no restrictions for the amount of content. So feel free to add as much information as long as it helps your story or your customer. 

Lorem Ipsum

Description Cinema-Teaser 50% width, left ❯

Cinema-Teaser 50% width, right

This is a simple element containing a headline and this text. There are no restrictions for the amount of content. So feel free to add as much information as long as it helps your story or your customer. This is a simple element containing a headline and this text. There are no restrictions for the amount of content. So feel free to add as much information as long as it helps your story or your customer. This is a simple element containing a headline and this text. There are no restrictions for the amount of content. So feel free to add as much information as long as it helps your story or your customer. 

Lorem Ipsum

Description Cinema-Teaser 50% width, right ❯

Cinema-Teaser 66% with medium left

This is a simple element containing a headline and this text. There are no restrictions for the amount of content. So feel free to add as much information as long as it helps your story or your customer.

Lorem Ipsum

Description Cinema-Teaser 66%, left ❯

Cinema-Teaser 66% with medium right

This is a simple element containing a headline and this text. There are no restrictions for the amount of content. So feel free to add as much information as long as it helps your story or your customer.

Lorem Ipsum

Description Cinema-Teaser 66%, right ❯

Cinema-Teaser 33% with medium left

This is a simple element containing a headline and this text. There are no restrictions for the amount of content. So feel free to add as much information as long as it helps your story or your customer. This is a simple element containing a headline and this text. There are no restrictions for the amount of content. So feel free to add as much information as long as it helps your story or your customer. This is a simple element containing a headline and this text. There are no restrictions for the amount of content. So feel free to add as much information as long as it helps your story or your customer. 

Lorem Ipsum

Description Cinema-Teaser 33%, left ❯

Cinema-Teaser 33% with medium right

This is a simple element containing a headline and this text. There are no restrictions for the amount of content. So feel free to add as much information as long as it helps your story or your customer. This is a simple element containing a headline and this text. There are no restrictions for the amount of content. So feel free to add as much information as long as it helps your story or your customer. This is a simple element containing a headline and this text. There are no restrictions for the amount of content. So feel free to add as much information as long as it helps your story or your customer. 

Lorem Ipsum

Description Cinema-Teaser 33%, right ❯

Media Teaser 50% width, left

This is a simple element containing a headline and this text. There are no restrictions for the amount of content. So feel free to add as much information as long as it helps your story or your customer. This is a simple element containing a headline and this text. There are no restrictions for the amount of content. So feel free to add as much information as long as it helps your story or your customer. This is a simple element containing a headline and this text. There are no restrictions for the amount of content. So feel free to add as much information as long as it helps your story or your customer. 

Lorem Ipsum

Description Media Teaser 50%, left ❯

Media Teaser 50% width, right

This is a simple element containing a headline and this text. There are no restrictions for the amount of content. So feel free to add as much information as long as it helps your story or your customer. This is a simple element containing a headline and this text. There are no restrictions for the amount of content. So feel free to add as much information as long as it helps your story or your customer. This is a simple element containing a headline and this text. There are no restrictions for the amount of content. So feel free to add as much information as long as it helps your story or your customer. 

Lorem Ipsum

Description Media Teaser 50%, right ❯

Image-Teaser Slider, right

This is a simple element containing a headline and this text. There are no restrictions for the amount of content. So feel free to add as much information as long as it helps your story or your customer. This is a simple element containing a headline and this text. There are no restrictions for the amount of content. So feel free to add as much information as long as it helps your story or your customer. This is a simple element containing a headline and this text. There are no restrictions for the amount of content. So feel free to add as much information as long as it helps your story or your customer. 

Lorem Ipsum

This is a simple element containing a headline and this text. There are no restrictions for the amount of content. So feel free to add as much information as long as it helps your story or your customer. This is a simple element containing a headline and this text. There are no restrictions for the amount of content. So feel free to add as much information as long as it helps your story or your customer. This is a simple element containing a headline and this text. There are no restrictions for the amount of content. So feel free to add as much information as long as it helps your story or your customer. 

Lorem Ipsum

This is a simple element containing a headline and this text. There are no restrictions for the amount of content. So feel free to add as much information as long as it helps your story or your customer. This is a simple element containing a headline and this text. There are no restrictions for the amount of content. So feel free to add as much information as long as it helps your story or your customer. This is a simple element containing a headline and this text. There are no restrictions for the amount of content. So feel free to add as much information as long as it helps your story or your customer. 

Lorem Ipsum

Description Image-Teaser Slider, right ❯

Image-Teaser Slider, left

This is a simple element containing a headline and this text. There are no restrictions for the amount of content. So feel free to add as much information as long as it helps your story or your customer. This is a simple element containing a headline and this text. There are no restrictions for the amount of content. So feel free to add as much information as long as it helps your story or your customer. This is a simple element containing a headline and this text. There are no restrictions for the amount of content. So feel free to add as much information as long as it helps your story or your customer. 

Lorem Ipsum

This is a simple element containing a headline and this text. There are no restrictions for the amount of content. So feel free to add as much information as long as it helps your story or your customer. This is a simple element containing a headline and this text. There are no restrictions for the amount of content. So feel free to add as much information as long as it helps your story or your customer. This is a simple element containing a headline and this text. There are no restrictions for the amount of content. So feel free to add as much information as long as it helps your story or your customer. 

Lorem Ipsum

This is a simple element containing a headline and this text. There are no restrictions for the amount of content. So feel free to add as much information as long as it helps your story or your customer. This is a simple element containing a headline and this text. There are no restrictions for the amount of content. So feel free to add as much information as long as it helps your story or your customer. This is a simple element containing a headline and this text. There are no restrictions for the amount of content. So feel free to add as much information as long as it helps your story or your customer. 

Lorem Ipsum

Description Image-Teaser Slider, left ❯

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 ❯