ThemeKit UI

$1399

Epiphone by Gibson ES-335 Elite

ThemeKit UI Image 4 Grid

A grid layout with an optional header, four images and a text section with a heading, text and an optional link.
On computers the text can span columnns 1/2 or 2/3.The text section can have its row number set for each mobile device break point.
Lightbox Slider
The slider can have four or more images.

INFO
Slide [2]
Animated Caption
Slide [2]
Caption Bottom
On Mobile
Slide [3]
Icon on Hover
Slide [4]
Image Scale
On hovwe
Slide [5]Slide [6]Slide [7]

Four Image Grid

This type of layout is mostly seen on more expensive custom designed websites due to the complexity of achieving responsiveness.
Header
The optional header has a heading and an optional styled span for date, price whatever …
Grid
The grid has three columns and two rows above the breakpoint. The text area spans two columns and can start in column 1 or 2.
The content can be vertically aligned center or top.
Below the first breakpoint the grid changes to 2 columns and 3 rows.
On phones in portrait mode the grid has a single column and 5 rows.
Both on tablets and phones the row for the text area is selectable.

Lightbox Slideshow

The slider shows four larger versions of the the thumbnail images with captions using the same font as the grid items.
More slider images can be added as required.
The slider has the caption outside below the image, a counter and a close tab.
The action tabs, counter, caption and close tab share the same color and background color.
The lightbox overlay has controls for setting the bacground color and its opacity.