Vorschau

Hier die Übersicht über die Style und Design.

Headings

Die verschiedenen Überschriften:

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Text

Folgend der Text wie er in den ('<p></p>' tags) erscheint:

Das hier ist richtig fetter Text.

Das ist italic Text, braucht aber keiner.

Das ist ein hyperlink

Verschachtelung

Test 1
Überschrift 1

Hier steht der Text, der auf- und zugeklappt werden soll.

Test 2
Überschrift 1

Hier steht der Text, der schon aufgeklappt werden soll.

Überschrift 2

Hier steht der Text, der auf- und zugeklappt werden soll.

Überschrift 3

Hier steht der Text, der auf- und zugeklappt werden soll.

Liste

Eine unsortierte Liste sieht so aus:

  • Item 1
  • Item 2
  • Item 3
  • Item 4

Eine sortierte Liste sieht so aus:

  1. Item 1
  2. Item 2
  3. Item 3
  4. Item 4

Bilder

Bilder plaziert man mit class=left, center oder right:

example graphic

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum.

example graphic example graphic

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Tabelle

Tabellen erhalten nur Daten, nicht als Layout nehmen:

ItemBezeichnung
Item 1blah Item 1
Item 2blah Item 2
Item 3blah Item 3
Item 4blah Item 4

Form Element, wird gelöscht, brauch i ned

Form field example

Textarea example

Checkbox example

Dropdown list example