Split Display Jumbotron
Use the Split Display Jumbotron on a Landing Page page layout to create a bold, engaging introduction at the top of your page. If you are using a two-column page layout (i.e. Site Specific), then you have the option of selecting "Landing Page Hero" for the display position. This content type pairs an image or MP4 video with supporting text and links, stretching across the full width of the page for maximum visual impact.
It is designed as an enhanced version of the standard Jumbotron and is ideal for highlighting a key message or announcement. For non-landing page layouts, use the Split Display content type optimized for inner pages.
You can include either a primary and secondary call-to-action button or a list of up to four links, giving you flexible options to guide users to the next step.
- Please review the Jumbotron Video Policy for additional information on video usage and approval.
- Don’t rely on images to provide additional text information. Text on images is not accessible.
- The call to action should indicate the button’s action and describe the link’s destination.
- A screen reader may only read the link text, not the surrounding text. Therefore, link text needs to make sense on its own. Avoid link text like “Click Here,” “Learn More,” and “Read More.”
T4 Fields
*Required fields
This is a Heading*
This is a description*

Variations
Calls to Action
You can add up to two call-to-action buttons or a list of one to four links, whichever works best for your content. Call to action links are optional. A headline, description, and image or video can also serve as an effective introduction on their own.
Buttons
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed consectetur sollicitudin rhoncus. Phasellus sed nibh nisl. Fusce rhoncus, ipsum vitae maximus pellentesque Lorem ipsum dolor sit amet, consectetur adipiscing elit.
List of Links
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed consectetur sollicitudin rhoncus. Phasellus sed nibh nisl. Fusce rhoncus, ipsum vitae maximus pellentesque Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Colors
Choose a color variation in the Theme field dropdown. The options are Fog Light, Slate, or Agave Dark.
Fog Light
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed consectetur sollicitudin rhoncus. Phasellus sed nibh nisl. Fusce rhoncus, ipsum vitae maximus pellentesque Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Slate
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed consectetur sollicitudin rhoncus. Phasellus sed nibh nisl. Fusce rhoncus, ipsum vitae maximus pellentesque Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Agave Dark
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed consectetur sollicitudin rhoncus. Phasellus sed nibh nisl. Fusce rhoncus, ipsum vitae maximus pellentesque Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Optional Shield Background
By default, the shield background is visible. Select Yes to remove the shield background, or leave it unchecked to keep it displayed.
Shield Background
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed consectetur sollicitudin rhoncus. Phasellus sed nibh nisl. Fusce rhoncus, ipsum vitae maximus pellentesque Lorem ipsum dolor sit amet, consectetur adipiscing elit.

No Shield Background
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed consectetur sollicitudin rhoncus. Phasellus sed nibh nisl. Fusce rhoncus, ipsum vitae maximus pellentesque Lorem ipsum dolor sit amet, consectetur adipiscing elit.
