ThemeKit Lite
Action Hero
Animations
Left | Right | Up | Down | In | Scale
ThemeKit Lite
Action Hero
The ThemeKit Lite Action Hero inserts the images in three sizes and has a lazy loading option if required.
The overlay has an option for a logo/link, a heading, text and a row of CTA (call to action) style links with a background hover animation.
Images
The images used in the demo were sized to 1200 x 800px, 720 x 480px and 375 x 540px and optimised before importing into EverWeb.
Animation
The overlay can animate in at page load with a choice of animation types - Left | Right | Up | Down | In | Scale
The animation is optional with the animation time and delay set in milliseconds.
Contact Toolbar
Visitors will immediately distrust a website that doesn't show contact info upfront on page load. The ThemeKit Lite Toolbar can be inserted anywhere in the stack of widgets or below a hero item and overlay its bottom.
The bar has a three column grid layout with options for a link, phone number/phone call icon and a spam protected email function.
The link has an SVG "contact" icon by default but this can be changed to anyone of the 100s of icons in the ThemeKit SVG Icon folder. In this case it is used as a link to the Home page.
The link can open internal or external pages and has a new window option.
The icons can be made round or can be square with a border radius.
Header
The ThemeKit Lite Header widget has an h1 through h3 heading and an optional icon link. The link can be a PNG logo image or an SVG icon.
The heading all the required styling options including text shadow and can overlay the top of a hero item by checking a box
Footer
The ThemeKit Lite Footer widget has a three column grid layout.
The first column has a a text block, the next one has navigation links and the last column has a smooth scroll to the top function, the optional phone number/phone call function and a spam protected email function.
The copyright notice spans all the columns at the bottom and has the option to insert the copyright year automatically and update it annually.
Heading
The ThemeKit Lite Header widget has an h1 through h3 heading and an option to add sidelines. The sidelines can be styled as dashed, dotted, double or solid.
The sideline width is adjusted using the widgets maximum width control.