Diagonal Hero
Hero with brand signature 77 degree visual element.
Jump to:
| Category | CMS |
|---|---|
| Hero | Cascade, WordPress |
Instructions
Options:
- Background color: gold, black, gray, none
- Image/video position: left or right
- Minimum height: 0, 300px, 500px, 700px
- Loop video
- Remove diagonal
- Links
- Link text
- Link URL
- Open link in new tab
- Button color: black, gold, white
- Make it full width
Recommended maximum 3 buttons.
Heading: max 50 characters
Buttons: two to three recommended
Hero image: 1320 × 800 px
Video: recommended mp4 format
Features not included in Cascade: add video, remove diagonal, minimum height
- Hero subtext is with WYSIWYG editor. Users can technically add media and formatting.
Live Block
Example 1 of 3
section category
header for hero
Lorem ipsum dolor sit amet consectetur adipiscing elit.
Example 2 of 3
header for hero
Lorem ipsum dolor sit amet consectetur adipiscing elit.Lorem ipsum dolor sit amet consectetur adipiscing elit.Lorem ipsum dolor sit amet consectetur adipiscing elit.
Example 3 of 3
Section category
header for hero
Lorem ipsum dolor sit amet consectetur adipiscing elit.