Phoenix Reisen Styleguide

200.1 #permalink Überschrift

Toggle example guides Toggle HTML markup

Eine H1-Überschrift mit Hintergrundbild, die zumeist ganz oben im Content-Bereich platziert wird, aber auch zwischendurch eingebracht werden kann.

Das Platzhalter-Bild muss im jeweiligen Projekt

  • entweder per CSS durch ein zum Content passendes Bild überschrieben werden
  • oder, falls der DS-Image-Ordner ins Projekt zeigt, im Image-Ordner hinterlegt werden (headline.jpg & headline.xl.jpg)
Example

Awesome Überschrift

Markup
<div class="headline-banner">
    <div class="wrapper wrapper--large">
        <h1>Awesome Überschrift</h1>
    </div>
</div>
Source: src/components/_banners.scss, line 9