Heros article - centered
Description
This component is meant to be used as a creative component and can not be used on default article pages.
All options can be used together.
Content
- Title: H1 or H2
- P: introductory paragraph
- Tags: category, date, last-updated, older-than
- Background-image
Background colors
- Default - transparent
- Primary
- Primary decorative
- Secondary decorative
- White
- Body
Options
- Background-color
- Background-image
- Highlighted pre-text field
- Pre-text infront of title
- Pre-text infront of introductory
Height
- Default - fit-content
- Full-height
Hero article - centered
Hero article - centered: Default
Hero article - centered: Default
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam ac tempor ipsum, vitae pharetra lacus. Nullam imperdiet, lectus ac fringilla facilisis.
Hero article - centered: Background-color
Hero article - centered: background-color
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam ac tempor ipsum, vitae pharetra lacus. Nullam imperdiet, lectus ac fringilla facilisis.
Hero article - centered: background-image
Hero article - centered: background-image
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean rhoncus urna vel tortor fringilla, consequat tristique ex eleifend.
Hero article - centered: background-image & full-height
Hero article - centered: background-image & full-height
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean rhoncus urna vel tortor fringilla, consequat tristique ex eleifend.
Hero article - centered: All background-colors
Hero article - centered: primary background-color
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam ac tempor ipsum, vitae pharetra lacus. Nullam imperdiet, lectus ac fringilla facilisis.
Hero article - centered: secondary background-color
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam ac tempor ipsum, vitae pharetra lacus. Nullam imperdiet, lectus ac fringilla facilisis.
Hero article - centered: Primary decorative background-color
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam ac tempor ipsum, vitae pharetra lacus. Nullam imperdiet, lectus ac fringilla facilisis.
Hero article - centered: Primary decorative background-color
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam ac tempor ipsum, vitae pharetra lacus. Nullam imperdiet, lectus ac fringilla facilisis.
Hero article - centered: no background-color
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam ac tempor ipsum, vitae pharetra lacus. Nullam imperdiet, lectus ac fringilla facilisis.
Hero article - centered: Invert bg main
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam ac tempor ipsum, vitae pharetra lacus. Nullam imperdiet, lectus ac fringilla facilisis.
Pre-text title: Hero article - centered: Highlighted pre-text field for title & introductory
Pre-text introductory: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam ac tempor ipsum, vitae pharetra lacus. Nullam imperdiet, lectus ac fringilla facilisis.