Jumbotron
The jumbotron creates a luminous, visual introductory focus to a page.
Jumbotron Builder
Jumbotrons are an introductory/titling feature. Use this feature advisedly—particular for situations in which users are more process- or information-focused, and the aesthetic dimension approaches distraction for the user.
You may choose an image background or a colored background. The default background color is grey. You should aim for an image roughly 1000px wide x 300px tall and expect some image cropping, depending on device
size and orientation.
Image Repositories
Many sites offer royalty-free and attribution-free images, such as: Google Images, Life of Pix, Magdeleine, Pexels, Pixabay,
Public Domain Archive, Realistic Shots, Unsplash.
<div class='jumbotron' style='background-size: cover; background-image: url("https://libapps.s3.amazonaws.com/accounts/38465/images/Africana-mini.jpg");'>
<h3 style='color:#ffffff' class='jumbotronic'>
Africana Studies
</h3>
<p style='color:#ffffff'>
The Problematic of Race in America
</p>
<p>
<a class='btn btn-warning' href='' target='_blank' role='button'>
Sakai Course Page
</a>
</p>
</div>