EverWeb Widgets

RGL Stack Slide Over Widgets

These responsive row, stacking widgets not only slide up when they enter the viewport but can overlap the item above. The widget pack includes a suitable hero image, spacer and header with built in navigation.
Click any widget icon to see the demo …

Hero Image

The image is inserted in three different size - one for each device type. It is full width, fixed height and fills the screen height of mobile phones.
The optional heading can be inserted anywhere in the overlay grid and has lots of styling options including text shadow.

Header/Navigation

The header has a logo, h1 heading and a navigation icon. There is an option to add a phone number which switches to a phone icon on mobile phones.
The navigation drops down on click and can open internal or external pages. There are options to indicate the current page and configure the logo as an internal link.

Spacer

The spacer can be used to separate rows of slide over items. It can either have a solid color with variable opacity or a background image.
The image is inserted in two different sizes and the optional, center aligned heading can be vertically aligned at the top, center or bottom.

Font Awesome 3

Three items each with a Font Awesome icon, heading and text. Options for a price/date with contrasting color and a CTA style link. The links can be configured to open internal or external pages and in a new window if required.
Each item has controls for adding a border and/or box shadow and there are controls for animation time, distance and staggered delay.

Ionicon Icon 3

Three items each with an Ionicon icon, heading and text. Options for a price/date with contrasting color and a CTA style link. The links can be configured to open internal or external pages and in a new window if required.
Each item has controls for adding a border and/or box shadow and there are controls for animation time, distance and staggered delay.

PNG Icon 3

Three items each with a PNG icon, heading and text. Options for a price/date with contrasting color and a CTA style link. The links can be configured to open internal or external pages and in a new window if required.
Each item has controls for adding a border and/or box shadow and there are controls for animation time, distance and staggered delay.

Font Awesome 4

Four items each with a Font Awesome icon, heading and text. Options for a price/date with contrasting color and a CTA style link. The links can be configured to open internal or external pages and in a new window if required.
Each item has controls for adding a border and/or box shadow and there are controls for animation time, distance and staggered delay.

Ionicon Icon 4

Four items each with an Ionicon icon, heading and text. Options for a price/date with contrasting color and a CTA style link. The links can be configured to open internal or external pages and in a new window if required.
Each item has controls for adding a border and/or box shadow and there are controls for animation time, distance and staggered delay.

PNG Icon 4

Four items each with a PNG icon, heading and text. Options for a price/date with contrasting color and a CTA style link. The links can be configured to open internal or external pages and in a new window if required.
Each item has controls for adding a border and/or box shadow and there are controls for animation time, distance and staggered delay.

2 Images

Two images with adjustable spacing and overlay amount with options to add a border and or a box shadow and an overlay caption with optional icon link.
The caption overlays the bottom of the image and the link icon is an SVG image with controls for color and hover color. The link can open internal or external pages.

3 Images

Three images with adjustable spacing and overlay amount with options to add a border and or a box shadow and an overlay caption with optional icon link.
The caption overlays the bottom of the image and the link icon is an SVG image with controls for color and hover color. The link can open internal or external pages.

4 Images

Four images with adjustable spacing and overlay amount with options to add a border and or a box shadow and an overlay caption with optional icon link.
The caption overlays the bottom of the image and the link icon is an SVG image with controls for color and hover color. The link can open internal or external pages.

© EverWeb Widgets -