Skip to content

Jumbotrons

Only the default style adjust to the content-width. All other jumbotron styles can only be used as full-width. Read more about jumbotrons on the UW Cookbook website.

Style: none/default

Jumbotrons

Overlay: none/default

Jumbotron title

This is a simple hero unit, a simple jumbotron-style component for calling extra attention to featured content or information.

Button text

Overlay: purple

Jumbotron title

This is a simple hero unit, a simple jumbotron-style component for calling extra attention to featured content or information.

Button text

Overlay: gold

Jumbotron title

This is a simple hero unit, a simple jumbotron-style component for calling extra attention to featured content or information.

Button text

Overlay: gray

Jumbotron title

This is a simple hero unit, a simple jumbotron-style component for calling extra attention to featured content or information.

Button text

Overlay: white

Jumbotron title

This is a simple hero unit, a simple jumbotron-style component for calling extra attention to featured content or information.

Button text

Style: simple. Overlay: none

Jumbotron title

This is a simple hero unit, a simple jumbotron-style component for calling extra attention to featured content or information.

Button text

Style: simple. Overlay: purple

Jumbotron title

This is a simple hero unit, a simple jumbotron-style component for calling extra attention to featured content or information.

Button text

Style: simple. Overlay: gold

Jumbotron title

This is a simple hero unit, a simple jumbotron-style component for calling extra attention to featured content or information.

Button text

Style: simple. Overlay: gray

Jumbotron title

This is a simple hero unit, a simple jumbotron-style component for calling extra attention to featured content or information.

Button text

Style: simple. Overlay: white

Jumbotron title

This is a simple hero unit, a simple jumbotron-style component for calling extra attention to featured content or information.

Button text


Style: block. Align: none/default/left

Jumbotron title

This is a simple hero unit, a simple jumbotron-style component for calling extra attention to featured content or information.

Button text

Style: block. Align: right

Jumbotron title

This is a simple hero unit, a simple jumbotron-style component for calling extra attention to featured content or information.

Button text


Style: block-center

Jumbotron title

This is a simple hero unit, a simple jumbotron-style component for calling extra attention to featured content or information.

Button text


Style: block-slant. Align: none/default/left

Jumbotron title

This is a simple hero unit, a simple jumbotron-style component for calling extra attention to featured content or information.

Button text

Style: block-center. Align: right

Jumbotron title

This is a simple hero unit, a simple jumbotron-style component for calling extra attention to featured content or information.

Button text


Shortcode


[uw_jumbotron style="" title="Jumbotron title" overlay="" align="" image="#" button="Button text" link="#"]This is a simple hero unit, a simple jumbotron-style component for calling extra attention to featured content or information.[/uw_jumbotron]