Hero

mit Text Overlay

Eine Seite kann ein spezielles Bild aus dem Text als Hero-Bild anzeigen.
Der Titel und die Sub-Headline werden über dem Hero-Bild angezeigt.

Dazu muss ein Bild mit der Angabe

"tu-hero"

ausgezeichnet werden. Es wird dann von seiner ursprünglichen Stelle im Text entfernt und oben auf der Seite als Hero-Bild angezeigt.

Textanzeige

Im Text sieht das dann wie folgt aus:

![Hero Image](_img/Gepard.jpg "tu-hero")

Beispiel

erste Mieze ist kein Hero

zweite Mieze ist auch kein Hero

Wir möchten das nachfolgende Island-Bild als Hero bild verwenden (Welches wir dann hier im Browser nicht mehr sehen können)