Hero combination: hero search bar & info/Link boxes
Description
This page illustrates options for 'Heros search bar' when combined with info-boxes(multiple links) or link-boxes(single links) components. These two components are combined to look like one component.
Mandatory features
- Search bar
Optional features
- Title
- Inline links
- Title for links
- Links
- Hero height
- Default (80vh)
- Half height (50vh)
- Media
- Image
- Background video
- Background color
- Primary
- Secondary
- Grid of info/link boxes framed
- Multiple links (.info-box__links__icon)
- Singel links (.link-box)
.hero__search-bar--center & .info-box__links__icon--framed (80vh)
.hero__search-bar--center & .info-box__links__icon--framed (50vh)
.hero__search-bar--center & .link-boxes--framed (80vh)
.hero__search-bar--center & .link-boxes--framed (50vh)
.hero__search-bar--center & .link-boxes--framed (80vh). collapsed on mobile