EverWeb Widgets

Hero Info Links

Image Links

A hero banner with up to six image links.
The links can be styled with a border and or box shadow and there is a control toe make square images round or to make the box shadow confoorm to round images.

Overlay Slider

The slideshow can be manual or autoplay with variable slide and transition times.
The overlay consists of a logo image, h1 heading for the website, product or service name and a text block for adding more information.

Layer Slider

A full width, fixed height manual or autoplay slider which can be swiped on mobile devices.
The animated heading and CTA style info link animate in with controls for setting the time and the final position of the object.

Hero Info Links

The widget has three side by side containers each with an h1 heading, paragraph and a CTA style info link to other pages of the site. Each section has a percentage width to allow it to be responsive and a maximum width. The overall maximum width can also be set to control the spread at wide browser widths on large screens.
Fixed Height
The fixed height allows two or more widgets to be stacked or mixed with any of the other Hero widgets. By using appropriate settings for overall height and the maximum width of the individual sections, the item can be responsive down to the width of an iPad in portrait mode. This ensures that the full version of the site is suitable for viewing on tablet devices too.
If viewing this page on a computer, reduced the browser width to that of an iPad or use the browsers responsive mode. See the Testing page for info about the responsive mode offered by the various browsers.
Styles
The widget can use a web safe font or a non web safe or Google hosted font with a web safe fallback.
The heading can be styled for font size, color, weight, style and text align.
The paragraph has controls for font size, text align and line height.
The CTA link has controls for styling the font size, color, hover color and background color and its opacity. It can have a border with radiused corners if required.
Overall Styles
There are controls for adding a separator between the sections and the container has options for adding a border and/or a box shadow.

© EverWeb Widgets -