Sample page with jumbotron header

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Overview

Use the jumbtron header on key landing pages, such as SMU Admission.

Usage guidelines

  • Keep the heading (page title) concise and compelling.
  • Keep the description direct and actionable. Use no more than 200 characters.
  • Include 1-2 optional buttons to emphasize primary actions to be taken
  • Use an image with a landscape aspect ratio. It is best to use an image without big areas of white in the image. The component will automatically darken the image to make the text on top more legible, but some additional photo editing might be necessary to make the content fully legible if the image is very light.
  • Add the jumbotron only to pages constructed with the departmental landing page template. If this feature is added to standard page templates, the page title, breadcrumbs, and banner image will need to be manually removed from the page.

Documentation

(login required)