Hero Header

This component should be used on top of a page and consists of a large visual and a text overlay with link button.

• The header visual can have 3 different height size settings (Large / Medium / Small).
• The default Link Button Style is set to 'Blue', but can be changed to 'Transparant'.

Grid:
This component can only be added to the 100% grid - full width.

Template:
/sitecore/templates/Project/Common/Content Types/Header/Hero Header

Image sizes (width x height):
Large - 3840 x 1300 pixels
Medium - 3840 x 866 pixels
Small - 3840 x 780 pixels 

When the size is set to small the Hero Header can also contain multiple images (2 or 3). 

Call to Action Box

Optional a Call to Action Box can be added to this hero header.

• Title - The title of the call to action box
• Subtitle - The subtitle of the call to action box
• Left Button Link -  The link of the left (dark blue) button
• Left Button Text -  The text for the left button
• Right Button Link - The link of the left (white) button
• Right Button Text - The text for the right button
• Anchor Link - The link for the 'read more' anchor at the bottom of the call to action box component
• Anchor Link Text - The text for the anchor link
  
  

Header Carousel

This component combines a number of hero headers into one sliding carousel (advice is to use a max. of 5 headers).

Settings:

• Index of active header: Optional setting to set start slide. 0 is first slide, 2 is second, etc. Default/blank setting is the first slide.
• Number of headers: The total number of slides in the carousel (max. 5)

Grid:
This component can only be added to the 100% grid - full width.

Template:
/sitecore/templates/Project/Common/Content Types/Header/Carousel

Note:
Please use headers with same size in one carousel.