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>