Header Building blocks

The header on this page is composed of three widgets stacked vertically - ThemeKit Logo Header Nav, ThemeKit Header List and the ThemeKit Shape Triangle with the "center" option. All three widgets have their background gradient colors set the same so that they appear as one item when viewed in the browser.
Header
The header has a two column grid layout with the h1 heading in on column and a list with optional link in the other. Thes items can have their positions switched by checking a box. On screen widths below the breakpoint the list sits below the heading.
Heading
The h1 heading is aligned vertically and horizontally in the center and has options for adding a text shadow and letter spacing.
List Icons
The list icons are added using a CSS pseudo element and are created using the CSS equivalent of HTML shapes. There are 15 types to choose from and they are all built into the widget.
Link
The link can be aligned left, center or right and can open internal or external pages and has a new window option.