Jumbotrons
Styling Image Above
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
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 DocumentStyling Image To the Left and Right with Narrow or Wide Text Box
lorit, velentest, veniti vid mifgr nu stotae dolores totaspera qim expel maio. Cati id qui athan 110 characters
Image Right with Narrow Text
Large card body copy Arial 18/28 uat ium dolorit, velentest, veniti vid minu stotae dolores totaspera qim expel maio. Cati id qui athan 150 characters
Learn More
Image Left with Narrow text
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.
Learn More
Image Right with Wide Text
SubtitleBody 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.
Jumbotrons with Text to side have no max-width on buttonsJumbotrons in Advanced Grid Wrapper
Image Left with Narrow text
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.
Learn More
lorit, velentest, veniti vid mifgr nu stotae dolores totaspera qim expel maio. Cati id qui athan 110 characters
Image Right with Narrow Text
Large card body copy Arial 18/28 uat ium dolorit, velentest, veniti vid minu stotae dolores totaspera qim expel maio. Cati id qui athan 150 characters
Learn More
Image Right with Wide Text
SubtitleBody 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.
Jumbotron Button Styling
Width and Height Removed + NOT Removed
For Styling with Image to the Left or the Right
Width and Height NOT REMOVED
Width + Height Not Removed
Width + Height Not Removed
Width and Height REMOVED
Width + Height Removed
Width + Height Removed
Width and Height Examples Within the Advanced Grid Wrapper
Width and Height NOT REMOVED
Width + Height Not Removed
Width + Height Not Removed
Width and Height REMOVED
Width + Height Removed
Width + Height Removed
Goes in: EDU + Portal main content area • Advanced Grid Wrapper
Note: images need to be at least 860px wide for the Jumbotron or they won't span the width of the content type on the page.
Has options for:
- Styling - Image to Side with Text to Side
- Only 1-up in a row should be used
- Styling - Image on Top with Text Below
- Width options are 860px, 1140px or full width
- Top color bar - default is Blue Heather