Titles
Description
This page demonstrates types of titles
Title types
- Title large - Page title: is h1 or is h2 that looks like h1
- Title - Section title: is h2
- Title link - Title with link
Global options
- Title
- Title default (h2 size)
- Title large (h1 size)
- Title: With link in title
- Icon
- Font icon
- Image icon
- SVG icon
- Link
- Default: Button link - With arrow
- Button link - No arrow
- Button component: all options
Title: <h1>
Pretext title Title: <h1>
Pretext text Text, Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Title: <h2> large
Title: <h2>
Pretext title Title: <h2>
Pretext text Text, Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Pretext title Title: <h1> & Font icon
Pretext text Text, Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Title: <h1> & Font icon
Pretext title Title: Font icon
Pretext text Text, Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Title: Image icon
Pretext title Title: Image icon
Pretext text Text, Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Title: SVG icon
Title: Font icon & Button link - With arrow
Pretext title Title: Font icon & Button link - With arrow
Pretext text Text, Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Title: Button link - With arrow
Title: Button link - No arrow
Title: Button component
Pretext title Title: Button component
Pretext text Text, Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Title: Button component
Title large: <h1>
Title large: <h2>
Title: <h2>
Title large - with icon: <h2>
Title Icon - with Font icon