Skip to main content

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*

Required Placeholder Photo for sample purposes

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.

St. Ignatius statue with the Mission Church in the background

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.

Mission Church

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.

Santa Clara University Campus

 

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.

St. Ignatius statue with the Mission Church in the background

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.

St. Ignatius statue with the Mission Church in the background