Responsive Hero Stack Image

EverWeb Widgets

Responsive, fixed position background image - scroll over for all devices.
Note how the animations are triggered to reveal the overlay, then the slidedown sticky navigation and, lastly, the toolbar.

Next Page

Text Grid

Grid

The grid is centered with a maximum width, three columns and a full width, fixed height background image.

Link Text

Layout

The grid has three columns and two rows. The first column is empty to show the focal point of the image.

Link Text

Content

Each HTML5 <article> elements has a heading, text and optional link internal/external link.

Grid Position

The text grid can be switch to the left by checking a box to move the empty column right.

Info Text

Info Or Footer Text

The container is centered over the background with a maximum width setting. The text section occupies 50% of the width and can be moved to the center or right by adding a percentage margin.
The phone number - which switches to a phone button - and the email function are optional.
The item can be used as a footer by adding the optional © notice and auto copyright year.

Tel: 123-456-789

© - EverWeb Widgets

Info

A three column footer with link bar and copyright notice. The phone number switches to a "Call Me" icon on mobile phones.
The © notice has an auto update function.

Location

EverWeb Widgets
203 Unknown Street Unit 99
Anytown DA 12345
Planet Earth

© EverWeb Widgets -