Erfolge - Musterseite mit Inhaltselementen

Ein Introtext. Es können mehrzeilige Introtexte verwendet werden. Diese werden mit der Klasse "intro" auf einem p-Element aktiviert.

Normale Abschnitte. Hier kommt der Fliesstext. Es darf natürlich mehr oder weniger sein. Im folgenden kommen ein paar Dummy-Abschnitte.

Er hörte leise Schritte hinter sich. Das bedeutete nichts Gutes. Wer würde ihm schon folgen, spät in der Nacht und dazu noch in dieser engen Gasse mitten im übel beleumundeten Hafenviertel? Gerade jetzt, wo er das Ding seines Lebens gedreht hatte und mit der Beute verschwinden wollte!

Hatte einer seiner zahllosen Kollegen dieselbe Idee gehabt, ihn beobachtet und abgewartet, um ihn nun um die Früchte seiner Arbeit zu erleichtern? Oder gehörten die Schritte hinter ihm zu einem der unzähligen Gesetzeshüter dieser Stadt, und die stählerne Acht um seine Handgelenke würde gleich zuschnappen? Er konnte die Aufforderung stehen zu bleiben schon hören.

Zwischentitel als h2: Bilder

Bilder spielen auch eine Rolle. Deshalb hier ein paar Bildermöglichkeiten. Es gibt zwei Typen: gesamte Breite, oder rechtsbündig.

Er presste sich ganz eng an die Wand hinter ihm und hoffte, der Verfolger würde ihn übersehen, als plötzlich neben ihm mit kaum wahrnehmbarem Quietschen eine Tür im nächtlichen Wind hin und her schwang. Könnte dieses der flehentlich herbeigesehnte Ausweg aus seinem Dilemma sein? Langsam bewegte er sich auf die offene Tür zu, immer dicht an die Mauer gepresst. Würde diese Tür seine Rettung werden? Er hörte leise Schritte hinter sich. Das bedeutete nichts Gutes. Wer würde ihm schon folgen, spät in der Nacht und dazu noch in dieser engen Gasse mitten im übel beleumundeten Hafenviertel? Gerade jetzt, wo er das Ding seines Lebens gedreht hatte und mit der Beute verschwinden wollte! Hatte einer seiner zahllosen Kollegen dieselbe Idee gehabt, ihn beobachtet und abgewartet, um ihn nun um die Früchte seiner Arbeit zu erleichtern? Oder gehörten die Schritte hinter ihm zu einem der unzähligen Gesetzeshüter dieser Stadt, und die stählerne Acht um seine Handgelenke würde gleich zuschnappen? Er konnte die Aufforderung stehen zu bleiben schon hören. Gehetzt sah er sich um. Plötzlich erblickte er den schmalen Durchgang. Blitzartig drehte er sich nach rechts und verschwand zwischen den beiden Gebäuden. Beinahe wäre er dabei

Tabellen

Hier kommt eine Mustertabelle

Und das hier ist eine h3 Überschrift

Es geht hier gleich weiter.

Listen

Selbstverständlich können auch Listenelemente dargestellt werden. Das ist praktisch für Aufzählungen:

• List item with a much longer description or more content.
• List item
• List item
  • Nested list item
  • Nested list item
  • Nested list item
• List item
• List item
• List item

Nummerierte Listen

1. Cheese (essential)
2. Pepperoni
3. Bacon
   1. Normal bacon
   2. Canadian bacon
4. Sausage
5. Onions
6. Mushrooms

Formulare

Formulare sind ein wichtiger Bestandteil jeder Website. Wir stützen uns hier voll und ganz auf die Foundation-Formulare

Callouts - Informationsboxen

Callouts können überall im Text stehen. Wir verwenden Sie hier in zwei Formen: volle Breite / Halbe Breite.

Die Halbe-Breite wird analog zum inset-Bild dargestellt (.medium-7.float-right)

Hatte einer seiner zahllosen Kollegen dieselbe Idee gehabt, ihn beobachtet und abgewartet, um ihn nun um die Früchte seiner Arbeit zu erleichtern? Oder gehörten die Schritte hinter ihm zu einem der unzähligen Gesetzeshüter dieser Stadt, und die stählerne Acht um seine Handgelenke würde gleich zuschnappen? Er konnte die Aufforderung stehen zu bleiben schon hören.