Phoenix Reisen Styleguide

200.1 #permalink Überschrift

Toggle example guides Toggle HTML markup

Eine H1-Überschrift mit Hintergrundbild, die ganz oben im Content-Bereich platziert wird.

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