social spotifysocial threadssocial blueskypauseplayhomemenu searchsocial instagramsocial youtubesocial facebooksocial linkedinsocial twitter xclosesearchright arrow

Unit Landing – Content Bar

The Unit Landing Content Bar pairs an image or video with supporting content that can include a standard or large headline, supporting text and an optional button.

Options and Settings

Content Bar Examples

The Content Bar component can be styled in several layout options. Explore different configurations below.

Screenshot of the College of Pharmacy homepage with the pull quote highlighted in yellow.

This is a headline

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.

Join the Tradition
placeholder

 

Above Options: Black background, 1/4-page image, left image, offset both top and bottom photo alignment, small sans headline, paragraph with headline text style, keep top and bottom margin alignment.

 

 

This is a headline

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.

Reserve Your Spot Now
placeholder

 

Above Options: Garnet background, 1/2-page image, right image, align top of image with bar, small serif headline, paragraph with headline text style, keep top and bottom margin alignment.

 

This is a Large Serif Headline

Options: Gray background, 1/2-page image, left image, offset both top and bottom photo alignment, large serif headline, paragraph with headline text style, no button, keep top and bottom margin alignment.

placeholder

 

Above Options: Gray background, 1/2-page image, left image, offset both top and bottom photo alignment, large serif headline, paragraph with headline text style, no button, keep top and bottom margin alignment.

 

Options: Garnet background, 1/2-page image, left image, offset both top and bottom photo alignment, sans blurb text style, remove bottom margin

placeholder

This is the headline

Options: Black background, 1/4-page image, right image, inset alignment, small sans headline, paragraph with headline text style, remove top margin.

View Full Details
placeholder

This is a Large Sans Headline

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.

placeholder