Style Guide

KTS_Slides

Gallery

Eine H1 Überschrift

Diese Überschrift sollte pro Seite maximal einmal verwendet werden. Sie ist das höchste Element.

Eine H2 Überschrift

Für Unterüberschriften eignet sich die „h2“. Sie kann öfters verwendet werden um Inhalte sinnvoll zu gliedern.

Eine H3 Untergliederung

Gibt es tiefere Ebenen im Dokument kann die h3 und auch die h4 benutzt werden. Folgend ein Beispiel für h4

Das ist eine H4 Untergliederung

Die H4 ist die tiefste Ebene der Untergliederungsstruktur

Listen

Hier ein beispiel für unterschiedlich formatierte Listen:

Die unnumerierte Liste

• Punkt1
• Punkt2
• Punkt 2.1
• Punkt 2.1.1
• Punkt 2.1.2
• Punkt 2.2
• Punkt 3

Die numerierte Liste

1. Punkt1
2. Punkt2
1. Punkt 2.1
1. Punkt 2.1.1
2. Punkt 2.1.2
2. Punkt 2.2
3. Punkt 3

Bilder

Hier ein Beispiel für die Einbettung von Bildern. Diese können sowohl links oder auch rechts in den Text eingebettet werden.

linksausgerichtet

Man sieht ein linksausgerichtetes Bild. Man kann neben diesen Bildern schreiben und der Text sollte Bilder umfliessen.

Neben linksausgerichteten Bildern gibt es ebenfalls rechts ausgerichtete Bilder, wie im nächsten Abschnitt zu sehen

rechtsausgerichtet

Man sieht ein rechtsausgerichtetes Bild. Man kann neben diesen Bildern schreiben und der Text sollte Bilder umfliessen.

Neben rechtsausgerichteten Bildern gibt es ebenfalls links ausgerichtete Bilder, wie im vorherigen Abschnitt zu sehen ist.

Buttons

Es sind Buttons unterschiedlicher Länge zur Auswahl. Gesetzt werden sie durch unterschiedliche Klassen:

.button_small

.button_medium

.button_large