Layout
This page has the ThemeKit UI header as an overlay on the ThemeKit UI Jumbotron no text block and the ThemeKit UI Carousel animating up and over it.
ThemeKit UI
Images Menu
Carousel
Options
The carousel can be moved up to partially overlap the item above it - in this case the jumbotron. The slide up animation is also an option and has controls for animation time and delay.
The animation can occur once or every time the item enters the viewport.
By default the animation is removed for mobile phones but can be used on thes devices if really necessary.
Image Menu
Combo Logo/Header/Menu
The ThemeKit UI Image menu appears as a header with optional logo/link heading and action tab on page load.
Action
The tab has an animated icon and text with controls for font size, color, background and border radius.
Heading
The heading has controls for adding a text hadow and letter spacing to thicken uo Google hosted fonts with only one weight available.
Logo/Link
The optional logo link can be inserted at the left when the navigation is inserted on the right.
Position
The header is show/hide on scroll and the navigation links are fixed on page scroll.
When used as a section/directory navigation the action tabs and link would normally be at the left so the logo is hidden to make room for a second page naviagtion at the right.