Stacker Hero

The hero image has an overlay with heading, text and a link.
The overlay can fade in on page load.

Info

Tel: 012-345-6789

ThemeKit Stacker Lightbox SliderBeach

Stacker Lightbox Slider

The content image has an "open" icon that opens a lightbox slideshow on click or tap.
Slider
The slideshow is navigated by directional arrows, grab and drag or swipe and has a slide counter.

Info
Windy Mechanic Cocktail Silhouette
ThemeKit Stacker Lightbox

ThemeKit Stacker Lightbox

The content area has an image with an "open" icon which launches a lightbox image on click or tap.
The text block has a heading, text and optional link.

Info

Contact Form

Stacker Info

This page demonstrates the following widgets …
Hero
The image is inserted in three sizes for displaying on computers, tablets and mobile phones. The overlay can animate in and has a heading, text and an optional link which can open internal or external pages.
Lightbox Image
The lightbox container has a two column grid layout which switches to one below the break point. The image has an "open" icon which displays a large image in a lightbox window.
The text section has a heading and a paragraph and an optional CTA style link.
Lightbox Slider
The lightbox slider has a similar layout except it opens a slideshow on click or tap. The slider has navigation arrows and a counter. The slides can be navigated using grab and drag on computers and swipe on touch devices like the iPad and iPhone.
Contact Form
The form has a two column grid layout on browser/screen widths above the break point and switches to one column on narrrower screens.
The form has an option for a name and it has a modern style with placeholder text instead of labels.
It can have a large number of fields with input types for text, email, phone, date and url. The optional info box has a control to set its initial height.