Zum Inhalt springen
Handbuch wien.gv.at
Startseite wien.gv.at
Menü

Vorspann

Der Vorspann oder die Einleitung zu einem Artikel oder Thema soll den Inhalt der Seite kurz vorstellen und nicht mehr als 200 Zeichen haben.

 Varianten

Vorspann

 Link Vorspann öffnen Code 
<wm-stage>
  <h1 slot="content">Das ist eine Überschrift</h1>
</wm-stage>
<wm-section contentsize="text">
  <div>
    <p class="wm-teaser-text">
      Das ist der Vorspann - eine Einleitung zu einem Artikel oder Thema, die den Inhalt der Seite kurz vorstellen und nicht
      mehr als 200 Zeichen haben soll.
    </p>
    <p>
      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.
    </p>
  </div>
</wm-section>
Dev

Weitere Beispiele

Vorspann

Dem Paragraphen wird die CSS Klasse wm-teaser-text gegeben.

Link Vorspann öffnen Code 
<wm-stage>
  <h1 slot="content">Das ist eine Überschrift</h1>
</wm-stage>
<wm-section contentsize="text">
  <div>
    <p class="wm-teaser-text">
      Das ist der Vorspann - eine Einleitung zu einem Artikel oder Thema, die den Inhalt der Seite kurz vorstellen und nicht
      mehr als 200 Zeichen haben soll.
    </p>
    <p>
      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.
    </p>
  </div>
</wm-section>

Kontakt

Haben Sie noch Fragen, Feedback oder brauchen Sie ein Element, das die Pattern Library noch nicht bietet?

handbuch@ma53.wien.gv.at