Grid Jumbotron
The grid has an article with heading, text and an optional link.
One or three image links with captions and staggered animation option.
The grid has an article with heading, text and an optional link.
One or three image links with captions and staggered animation option.
A Jumbotron is used to draw attention to and provide links to an important item, new product or special time limited option. It can also be used as a hero item at the top of any page.
Layout
The layout is a two column grid which has two columns when images two and three are inserted.
The article has a heading text and an optional internal/external link and can be inserted in column one or two.
Animation
The optional animation has controls to turn it on, animation time and delay in milliseconds and a slider to set the initial scale.
Note that the animation occurs at page load only.
The images have the option to add a border and are spaced out using the grid gap control. The link icon at the top right animates on hover
As can be seen from the demo the captions can run to two or more lines and can appear on hover on computers.
Lazy Loading
The lazy load function can be turned on when the Jumbo is not in the viewport at page load..
MENU