Hinweis zur jeweiligen Sprachversion:

Das hier ist die Französische Übersetzung der Layout-Seite, bspw. sichtbar bei FAQ, die global übersetzt sind :) 

Ich bin eine H2 Überschrift

Ich bin ein Lead und fasse mich kurz (Mobile-Ansicht!)

Ich bin ein Textfeld mit diversen Schriftgrössen, Tabelleneinbindung, Aufzählungen etc. 

Ich bin die H1-Schrift

Ich bin die H2-Schrift

Ich bin die H3-Schrift

Ich bin die H4-Schrift

Ich bin die H5-Schrift
Ich bin die H6-Schrift

Man kann die Standardschrift auch verlinken 

intern mit Pfeil geradeaus

oder extern mit Pfeil nach oben rechts.

Primary Button 

Button Secondary

  • 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. 

Ich bin ein WYSIWYG Feld in 2 Spalten

Das ist ein WYSIWYG-Feld. Hier kann beliebig langer Text eingefügt werden. Ich bin ein Standardtext

Ich bin die H1-Schrift

Ich bin die H2-Schrift

Ich bin die H3-Schrift

Ich bin die H4-Schrift

Ich bin die H5-Schrift
Ich bin die H6-Schrift

Man kann die Standardschrift auch verlinken intern oder extern

Primary Button 

Button Secondary

Akkordeon

In ein Akkordeon können diverse Styles eingeüfgt werden, ob Lauftext, Bilder oder Bulletpoints und Verlinkungen. Finde es heraus.

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.

Toggle Test

Toggle Päsche

Das ist ein Subtitle

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. 

All Glory to the Hypnotoad!
Pascal Schwager
Päsche Schwager
Lead Digital Products & Services
Flussbad
Flussbad
Pestalozzi
Pestalozzi
Bonheur
Bonheur

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.

Ich bin ein WYSIWYG Feld in 2 Spalten

50:50

Gleichbreite Spalten

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.

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.

33:66

Spalte links schmaler als die rechts

Hier könnte ein Titel stehen

Hier könnte ein Lead stehen

66:33

Spalte rechts schmaler als die links

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.

Achtung

Die Spielereien und Layouts sind auf Desktop ganz nett und schön, aber denke immer dran

70% der User:innen 

kommen über Mobile auf die Seite. Darum immer kurz checken, wie dein Layout mobile wirkd! 

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.

90 Gästen: Hier erwartet Besucher:innen ein authentisches und genussvolles Erlebnis. 

Neben dem täglichen Betrieb organisiert der Schlachthof Letzigrund unter anderem Grillpartys sowie Weinverkostungen und lädt im Sommer die Gäste dazu ein, auf der grossen Aussenterrasse zu verweilen. 

Ich bin ein Titel in der Sektion One Column mit WYSIWYG

Ich bin ein Subtitel

Das ist ein WYSIWYG-Feld. Hierin sind Tabellen, alle Schriftgrössen oder Aufzählungen möglich

DasisteineTabelle
TabelleeineistDas
istTabelleDaseine

Ich bin eine Text / Image / Box

Hier könnte ein Text stehen.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas porttitor congue massa. Fusce posuere, magna sed pulvinar ultricies, purus lectus malesuada libero, sit amet commodo magna eros quis urna.

Nunc viverra imperdiet enim. Fusce est. Vivamus a tellus.

Limmat, Wipkingen

Hier könnte auch ein Text stehen.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas porttitor congue massa. Fusce posuere, magna sed pulvinar ultricies, purus lectus malesuada libero, sit amet commodo magna eros quis urna.

Ich bin eine Text / Image / Box

Hier könnte ein Text stehen.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas porttitor congue massa. Fusce posuere, magna sed pulvinar ultricies, purus lectus malesuada libero, sit amet commodo magna eros quis urna.

Nunc viverra imperdiet enim. Fusce est. Vivamus a tellus.

Limmat, Wipkingen

Ich bin eine Text / Image / Box RECHTSBÜNDIG

Hier könnte ein Text stehen.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas porttitor congue massa. Fusce posuere, magna sed pulvinar ultricies, purus lectus malesuada libero, sit amet commodo magna eros quis urna.

Nunc viverra imperdiet enim. Fusce est. Vivamus a tellus.

Park Stadelhofen

Hier könnte auch ein Text stehen.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas porttitor congue massa. Fusce posuere, magna sed pulvinar ultricies, purus lectus malesuada libero, sit amet commodo magna eros quis urna.

Ich bin ein Zürich Card Widget

Ich bin ein Untertitel (optional)

Zürich
Card.
Transport
Transport

Libre circulation en 2e classe en tram, bus et train dans la ville et les zones environnantes. 

Bateau
Bateau

Mini-croisière et petite croisière sur le lac ainsi que circuit sur la rivière gratuits.

Téléphériques
Téléphériques

Libre circulation en Polybahn et Seilbahn Rigiblick, Dolderbahn et Felseneggbahn.

Musées
Musées

Entrée gratuite dans la plupart des musées zurichois. 

Visites guidées
Visites guidées

Jusqu’à 50% de réduction sur des visites guidées populaires de la ville. 

Culture
Culture

Entrée à prix réduit ou gratuite dans des lieux de concert, des clubs, des cinémas ou au Casino de Zurich.

Gastronomie
Gastronomie

Jusqu’à 15% de réduction dans des restaurants et bars partenaires.

Expériences
Expériences

Diverses réductions sur des activités et expériences.

Shopping
Shopping

Jusqu’à 20% de réduction dans des boutiques zurichoises sélectionnées. 

Ich bin ein Dynamic Layout

Ich bin ein Untertitel (optional)

Ich bin ein Dynamic Layout

Ich bin ein Untertitel (optional)

Ich bin ein Dynamic Layout

Ich bin ein Untertitel (optional)

Ich bin ein Dynamic Layout

Ich bin ein Untertitel (optional)

Ich bin ein Dynamic Layout

Ich bin ein Untertitel (optional)

Ich bin ein Dynamic Layout

Ich bin ein Untertitel (optional)

Titel Column with Sidebar und Video

Titel Column with Sidebar und Video

FAQ

Test: mehrere Kategorien in einem FAQ-Block (General Questions | Prices | During the tour) Questions générales sur les visites guidées

FAQ Test 2

Test: Nur eine FAQ Categorie im Block, hier «Using the Zürich Card» Utilisation de la Zürich Card

Titel Column with Sidebar und Video

Titel Column with Sidebar und Video

90 Gästen: Hier erwartet Besucher:innen ein authentisches und genussvolles Erlebnis. 

Neben dem täglichen Betrieb organisiert der Schlachthof Letzigrund unter anderem Grillpartys sowie Weinverkostungen und lädt im Sommer die Gäste dazu ein, auf der grossen Aussenterrasse zu verweilen. 

Intercomestibles, der Laden

Ich bin ein Layout mit zwei Kolonnen

Es gibt auch die Kombination mit Text & Bild

Bateaux de la Limmat

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas porttitor congue massa. Fusce posuere, magna sed pulvinar ultricies, purus lectus malesuada libero, sit amet commodo magna eros quis urna.

Nunc viverra imperdiet enim. Fusce est. Vivamus a tellus.

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Proin pharetra nonummy pede. Mauris et orci.

Aenean nec lorem. In porttitor. Donec laoreet nonummy augue.

Suspendisse dui purus, scelerisque at, vulputate vitae, pretium mattis, nunc. Mauris eget neque at sem venenatis eleifend. Ut nonummy.

Ich bin ein Layout mit zwei Kolonnen

Ich bin ein Untertitel (optional)

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas porttitor congue massa. Fusce posuere, magna sed pulvinar ultricies, purus lectus malesuada libero, sit amet commodo magna eros quis urna.

Nunc viverra imperdiet enim. Fusce est. Vivamus a tellus.

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Proin pharetra nonummy pede. Mauris et orci.

Aenean nec lorem. In porttitor. Donec laoreet nonummy augue.

Suspendisse dui purus, scelerisque at, vulputate vitae, pretium mattis, nunc. Mauris eget neque at sem venenatis eleifend. Ut nonummy.

Ich bin ein Link

Ich bin ein Bild

Ich bin ein Untertitel (optional)

Grossmünsterplatz, Aussicht Fraumünster

Ich bin ein Video

Ich bin ein Untertitel (optional)

Ich bin ein Untertitel (optional)

Bateaux de la Limmat
Bateaux de la Limmat
L'été à Zurich, vue sur la Limmat
L'été à Zurich, vue sur la Limmat
Limmat River Cruise
Limmat River Cruise

Ich bin ein Zitat

Ich bin ein Untertitel (optional)

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas porttitor congue massa.
Ich bin ein Zitat
Hier steht ein Text.

Ich bin eine Issuu-Integration

Ich bin ein Untertitel (optional)

Issuu thumbnail

Ich bin eine Karte

Ich bin ein Untertitel (optional)

Ich bin ein Modal Video

Ich bin ein Untertitel (optional)

Ich bin ein Remote Video

Ich bin ein Untertitel (optional)

Ich bin ein Countdown

Ich bin ein Untertitel (optional)

Ich bin eine Crowdriff Galery

Ich bin ein Untertitel (optional)

Ich bin das Bsp. für die WYSIWIG Funktion Interview

Gretta fragt

Susanna Antwortet weiss ich was

gretta fragt erneut

susanna sagt dies und das