Content With Images

Jumbotron

Jumbotron

Body text for Jumbotron. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iste, nemo, quae, veniam aspernatur magnam nobis expedita deserunt voluptatibus possimus nulla illo eum totam link.

Download Document

Card Simple

Examples + Specs

Title Medium 22|24|28

Subtitle 18|18|18

Body text 16|16|16

Courtyard Green

Title Small 18|18|21

Subtitle Small 16|16|16

Body text Small 14|14|14

White with Gold Border

Mixed 28|36|40

Subtitle 18|18|18

Body Text 14|14|14

Summer Nights

Image

Examples + Specs

Image Style - Text Overlay

Small 18 | 16 | 14

Text Overlay h3

Text Overlay h4

Text Overlay h5

Hover BG White background - Black Text

Md 26 | 22 | 18

Optional Text Overlay h4

Hover BG Peacock Blue Dark - Black Text

Lg OneWord

TinyMce Overlay h3

Hover BG Summer Nights BG - White Text

Image Style - Image Flyouts

Navigation Card

Examples + Specs

Card - Background Image

Examples + Specs

Hero Image

Examples + Specs

Landing Hero

Examples + Specs

Aside Cards

Examples + Specs

Image Carousel

Goes in: EDU + Portal main content area • Advanced Grid Wrapper
Margin-bottom: 6rem (has margin-bottom options)

Content With Images

Jumbotron

Jumbotron

Card Simple

Title Medium 22|24|28

Title Small 18|18|21

Mixed 28|36|40

Image

Image Style - Text Overlay

Text Overlay h3

Text Overlay h4

Text Overlay h5

Optional Text Overlay h4

TinyMce Overlay h3

Image Style - Image Flyouts

Navigation Card

Title H2 22|28|33

Title H3 22|24|28

Title H4 18|18|21

Title H5 18|18|21

Card - Background Image

Hero Image

Landing Hero

Aside Cards

Image Carousel