Tabs

Um Inhalte platzsparend in eine Page einfügen zu können, bietet sich ein horizontal ausgerichtete Tab-Liste an. Zunächst ist die Überschrift und der Content des ersten Tab-Panels sichtbar. Bei Klick auf einen anderen Titel erfolgt ein intuitiver fade-out- / fade-in-Effekt und der zugehörige Content-Bereich wird angezeigt. Erlaubt sind neben dem Text&Media-Element auch das HTML-Element, um beispielsweise auch externe Iframes wie Facebook- oder Twitterleisten einfügen zu können.

Tabs-Headline

Facebook Twitter Instagram Titel 4 Titel 5 Titel 6 Titel 7

Facebook

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.

Twitter

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.

Instagram

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.

HTML-Element lorem ipsum dolor amet

Titel 5

Lorem ipsum dolor amet

Titel 6

Lorem ipsum dolor amet

Titel 7

Lorem ipsum dolor amet

Beispiel: Startseite Klinikum

Für ihre Gesundheit. Für unsere Stadt.

Für ihre Gesundheit. Für unsere Stadt.

Für ihre Gesundheit. Für unsere Stadt.

Für ihre Gesundheit. Für unsere Stadt.

Inhaltselemente

Tabs

Tabs-Headline

Facebook

Twitter

Instagram

Titel 5

Titel 6

Titel 7

Adresse