How to test

On this page you find all possible section templates which can be used in the Container Tab/Akkorden. Each template hast got its own Tab/Akkordeon. It is split into two areas for the design as Tabs and Akkordeons. At the end all templates are combined in one Tab/Akkordeon.

Testing

To test the Container tab / Accordion section template properly, please proceed as follows:

Copy this page into a folder provided for the current sprint (please do not change the original!)
Click on all tabs and links to check for possible changes
Elements generated from the search (e.g. Teaser Service) can NOT be tested on the preview, but only on the published page staging.dekra.com

More details about this section template on Confluence.

Container tabs / Accordion

Container Tabs

Text/image
Button/link
Direction Map
Download List

Text/image

Text / image

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi.

Button/link

Button / link

Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi.

Newsroom

Direction Map

Please accept the marketing cookies to use the location search. You can change your settings at any time here .

Accept Cookies

Niederlassung Stuttgart

DEKRA Automobil GmbH

Stuttgarter Str. 13

70469 Stuttgart

Directions / route

Download List

DEKRA Weltkugel JPG (265.4 kB)

Gallery
Image / video
Link List
Location

Gallery

Image / video

Link List

External Link: DEKRA Instagram

Internal Link: Newsroom

Location

Niederlassung Stuttgart

Stuttgarter Str. 13

70469 Stuttgart

0711.7861-3322

Statement
Table
Teaser download / link
Teaser text / image
Teaser service

Statement

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.

Aenean massa.

Table

1	2	3
Donec pede justo, fringilla vel, aliquet nec.	Cras dapibus. Vivamus elementum semper.	Aenean vulputate eleifend tellus.

Teaser download / link

Taser download / link

Teaser 1

Internal Link

Newsroom

Teaser 2

Grey Background, external Link and Download

Teaser text / image

Small teaser / internal link

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus.

Newsroom

Small teaser / external Link

Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo.

DEKRA Instagram

Small teaser / download link

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus.

Picture download JPG 132.3 kB

Large teaser / internal link

Image alignment left, background right

Newsroom

Large teaser / internal link

Image alignment right, background grey

DEKRA Instagram

Large teaser / download link

Image alignment left, background white

Picture download

Teaser service

Teaser service BCB

No result found.

Teaser service B2C

No result found.

Accordion with each section templates in each element

Text/image
Button/Link
Contact
Direction Map
Download List
Gallery
Image / video
Link List
Location
Statement
Table
Teaser download / link
Teaser image / text
Teaser service
Teaser / image

Text/image

Aliquam lorem

Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus.

Button/Link

Vivamus

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.

Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus.

Newsroom

Contact

Bernd Sabatke

separator

0511.90110-87

separator

Direction Map

Please accept the marketing cookies to use the location search. You can change your settings at any time here .

Accept Cookies

separator

Stuttgarter Str. 13

70469 Stuttgart

Germany

Directions / route

Download List

Niederlassung Stuttgart

Stuttgarter Str. 13

70469 Stuttgart

Statement

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.

Aenean massa.

Table

1	2
Lorem ipsum dolor sit amet.	Consectetuer adipiscing elit.

Teaser download / link

Exernal Link

DEKRA Instagram

Internal link

Grey background and Download

Teaser image / text

Small teaser image / text

Internal Link

Newsroom

Small teaser image / text

External Link

DEKRA Instagram

Small teaser image / text

Download Link

Download Picture JPG 165.0 kB

Small teaser image / text

Internal Link, image alignement left, background grey

Newsroom

Small teaser image / text

External Link, image alignement right, background white

DEKRA Instagram

Small teaser image / text

Download Link, image alignement right, background grey

Download picture

Teaser service

Teaser service B2B

No result found.

Teaser service B2C

No result found.

Teaser / image

Text / image

Gap alter section: Normal

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo.

Teaser/ image

Gap alter section: Small

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo.

All section templates in one accordion

All content elements

All content elements

Button / Link

Contact

Anne-Kathrin Roth

Direction Map

Please accept the marketing cookies to use the location search. You can change your settings at any time here .

Accept Cookies

separator

Niederlassung Stuttgart

DEKRA Automobil GmbH

Stuttgarter Str. 13

70469 Stuttgart

Directions / route

Download List

DEKRA Openroad JPG (207.2 kB)

Gallery

Link List

Location

Niederlassung Stuttgart

Stuttgarter Str. 13

70469 Stuttgart

0711.7861-3322

"I am a statement."

Anonymous

Table

1	2	3	4
Test	Test	Test	Test

Teaser download/link

Internal Link

External Link

Teaser image / text

Small

Internal Link

Teaser image / text

Small

External Link

Teaser image / text

Small

Download JPG 165.0 kB

Teaser image / text

Large Teaser, image alignement left, background white

Internal Link

Teaser image / text

Large Teaser, image alignement right, background grey

External Link

Teaser image / text

Large Teaser, image alignement left, background grey

Download

Teaser service

No result found.

Teaser Service

No result found.

Text / image

Size: normal

Text / image

Size: small

This is a teaser media & download

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

DEKRA-Hauptverwaltung JPG (441.1 kB)

Edge case: More Tabs than suitable in he width of the website

Text/image
Button/Link
Contact
Direction Map
Download List
Gallery
Image / video
Link List
Location
Statement
Table
Teaser download / link
Teaser image / text
Teaser service
Teaser / image

Text/image

Aliquam lorem

Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus.

Button/Link

Vivamus

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.

Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus.

Newsroom

Contact

Bernd Sabatke

separator

0511.90110-87

separator

Direction Map

Please accept the marketing cookies to use the location search. You can change your settings at any time here .

Accept Cookies

separator

Stuttgarter Str. 13

70469 Stuttgart

Germany

Directions / route

Download List

Download List / new window

DEKRA-solutions-magazine -01-18 JPG (294.4 kB)

Download List / no new window

DEKRA Globe JPG (492.5 kB)

Gallery

Image / video

Link List

External Link

Location

Niederlassung Stuttgart

Stuttgarter Str. 13

70469 Stuttgart

Statement

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.

Aenean massa.

Table

1	2
Lorem ipsum dolor sit amet.	Consectetuer adipiscing elit.

Teaser download / link

Exernal Link

DEKRA Instagram

Internal link

Grey background and Download

Teaser image / text

Small teaser image / text

Internal Link

Newsroom

Small teaser image / text

External Link

DEKRA Instagram

Small teaser image / text

Download Link

Download Picture JPG 165.0 kB

Small teaser image / text

Internal Link, image alignement left, background grey

Newsroom

Small teaser image / text

External Link, image alignement right, background white

DEKRA Instagram

Small teaser image / text

Download Link, image alignement right, background grey

Download picture

Teaser service

Teaser service B2B

No result found.

Teaser service B2C

No result found.

Teaser / image

Text / image

Gap alter section: Normal

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo.

Teaser/ image

Gap alter section: Small

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo.