ThemeKit Columns

Column Hero

A hero item with an overlay three column, three row grid.
Four satellite images with caption and link options,
An article with a heading text and an optional link.
Logo
The optional logo is configured as an internal link.

Columns

Main Section

The main section has an optional image with alt text with a lazy loading option which should be used if the item is not in view at page load.
The heading and text are followed by an optional internal/external link with a new window option.
Styled Spans
Spans can be inserted for sub headings and have their own controls for font size and color.

Sidebar Scroll

Sidebar Header

Sidebar Content

Above the breakpoint the sidebar has a fixed with and assumes the height of the main section.
Any overflow will scroll into view and there is a checkbox to remove the vertical scrollbar if required.
Below the breakpoint the sidebar appears below the main section and becomes full width.
The sidebar can show the header with scroll icon and/or a heading followed by text, the list more text below it.

The list can have up to 48 items
Eight common list style types to choose from
The list text has its own font size control
The list item inset can be adjust
List items have a line height control
The list item spacing can be adjust

Both the main section and the sidebar have controls for border width, color and radius.
The columns are spaced out horizontally and vertically using the the grid gap control.
The wrapper background can have a solid color or two color gradient background.