Variant 5 : Collection Header
- Can have 1 image and 4 Text Fields, and up to 3 button links. The Supplemental Headline, Headline, and Sub Headline are styled according to the style guide. The body copy is rich text to add freedom to the content author.
- The Headline is always an H1 Heading.
Name: Hero
Variant: Collection Header
Bootstrap: col-12
Classes: hero-header-collection--signature link-promo link-promo--signature
Name: Hero
Variant: Collection Header
Bootstrap: col-12
Classes: hero-header-collection--signature link-promo link-promo--signature-alt
Name: Hero
Variant: Collection Header
Bootstrap: col-12
Classes: hero-header-collection--signature link-promo link-promo--signature-modern
Name: Hero
Variant: Collection Header
Bootstrap: col-12
Classes: hero-header-collection--elevate link-promo link-promo--elevate
Name: Hero
Variant: Collection Header
Bootstrap: col-12
Classes: hero-header-collection--essential link-promo link-promo--essential
Variant 6 : Inline
- Can have 1 image, 1 link and 1 Text Field.
- The Link on the heroes should be styled as a primary link.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer efficitur ante ac nisl sollicitudin ultricies.
Name: Hero
Variant: Inline
Bootstrap: col-12
Classes: link-primary
Variant 7 : Inline Gallery
- Can have 1 image, 1 Link, and 2 Text Fields, the Headline is styled according to the style guide while the additional text field is rich text to add freedom to the content author.
- The Link on the heroes should be styled as a primary link.
Name: Hero
Variant: Inline Gallery
Bootstrap: col-12
Classes: link-primary
Variant 8 : Inline Photo
- Can have 1 image, 1 Link, and 2 Text Fields, the Headline is styled according to the style guide as an H2 Heading.
- The Headline can either be an H1 or H2 Heading.
- The Link should be styled as a secondary white link.
Name: Hero
Variant: Inline Photo
Bootstrap: col-12
Classes: link-secondary link-secondary--white