Components
- Basic Left Right
- Card Left Right
- Event Two Col
- Full Page Left Right
- Hero Banner
- One Column Form
- One Column WYSIWYG
- Photo Masonry Grid
- Steps Left Right
- Team Grid
- Testimonial Text Only Slider
- Text Banner
- Three Column Cards
- Three Column Two Rows Cards
- Three Column Two Rows Cards
- Three Column WYSIWYG
- Two Col Card Grid
- Two Column Form
- Two Column Links
- Two Column WYSIWYG
- Video Testimonial Slider
- Vignette Left Right
Hero Banner
General Description
Hero banner with multi media options, svg shapes and the option to add a color block at bottom
Desktop View Functionality -
Text is positioned over media option
Mobile View Functionality -
Text moves below media and yellow svg is removed.
Input Options
| Field | Title | Description |
|---|---|---|
| Image | Image | Image upload field with added options to choose focus point and image size |
| WYSIWYG | Content | Add text with option to change html tag element between H1, H2, H3, p. |
| Heading | Keyphrase Heading | Add text with option to change html tag element between H1, H2, H3, p. |
| Heading | Heading | Add text with option to change html tag element between H1, H2, H3, p. |
| Link | CTA Button | Link that displays as a button. |
| True/False | Add Blue Background | When check displays blue color block at bottom of component. |
Development Notes
- @screen lg (1024px)
- Layout switches to desktop view funcitonality
- Loop video as play / pause options for ada
Tech / Libraries Used
- N/A