Grid Hero
The ThemeKit Grid Hero has a header with an optional logo link and an h1 heading for the website name.
Either two or four images can be inserted below the header.
Heading
Since the main heading often uses a Google hosted font - and many of these only have a single font weight - the heading has the option to thicken up the text using the controls for text shadow, shadow color and letter spacing.
Animation
The optional image animation has controls to turn it on, animation time and delay in milliseconds and a slider to set the initial scale.
The images animate in clockwise and checking a box will stagger the animation.
Images
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
There is no lazy load function since the hero id always in the viewport on page load.