Styleguide

Frauenhäuser Styleguide

Interner Styleguide.

Die Einleitung Headline sollte eine H2 sein

Der Einleitungstext kann größer gestellt werden (Large). 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.

Das ist ein normaler Absatz 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.

Das ist ein normaler Absatz 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

Und das ist eine H2 Headline im Text

Das ist ein normaler Absatz 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

Und eine H3 Headline

Das ist ein normaler Absatz 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

  • Liste
  • Zweitens
    mit Umbruch
  • Drittes Element

Und noch eine geordnete Liste

  1. Liste
  2. Zweitens
    mit Umbruch
  3. Drittes Element

Weitere Elemente

Das ist ein normaler Absatz 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.

Das ist ein Pullquote für die ganz wichtigen Dinge

Quellenangabe ist optional

Das ist ein normaler Absatz 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

Medien Elemente

Bild über die volle Breite. Auflösung Mittel ist ausreichend.

Fußballspieler:innen - Gruppenfoto
(C) Verein Frauenhäuser Steiermark

Bild breiter gesetzt (Weite Breite)

Fußballspieler:innen - Gruppenfoto
(C) Verein Frauenhäuser Steiermark

Tabellen und Downloads

ThemaJahrUmsatz
Hier steht ein Text2020€ 1.200.000,-
Und noch eine Zeile2023€ 1.100.000,-
Quelle: hier steht eine Text

Downloads

Die Tabelle braucht eine CSS Klasse „downloads“

Download Eins
Noch ein Download (PDF, 23.12.2022)