Hero

The hero component is placed in the contentPage wrapper and just above the contentPage_box element. A contentPage_hero elemnt has two different variant, one with big background image and a small foreground image, one with big title, small title and small foreground image.

TWIG component : Betclic/_content/_promotion/_twig/_components/_hero.twig
CSS components : Betclic/_content/_promotion/_common/_css/_components/_hero.scss
Betclic/_content/_promotion/_webapp/_css/_components/_hero.scss
Betclic/_content/_promotion/_desktop/_css/_components/_hero.scss

Default

code HTML

Alternative (with text)

Deserunt exercitation

nisi

code HTML