Lazy Load Article

Lazy Loading Article

The HTML5 article element can be fixed width or responsive with a maximum. It contains an image, optional heading text.
Image
The image is centered and can be full width or set to a percentage width. It has alt text and can be configured as a link to an internal or external page with the option to open in a new window.
Heading & Text
The h1 heading is optional. The font for the heading and text can be web safe or non web safe or Google hoted with a web safe fallback.
Container
The container can have padding added and can be styled with a radiused border and/or box shadow. Using a container to insert different items is much better for SEO since the search engines "see" all the items as being related.

Lazy Loading Product Info Container

Lazy Load Product Info
Product Description

The items are contained in an HTML5 figure element with an optional heading, lazy loading image with alt text, a caption, text description and an optional link tab.

Lazy Load Article

Lazy Loading Article

The HTML5 article element can be fixed width or responsive with a maximum. It contains an image, optional heading text.
Image
The image is centered and can be full width or set to a percentage width. It has alt text and can be configured as a link to an internal or external page with the option to open in a new window.
Heading & Text
The h1 heading is optional. The font for the heading and text can be web safe or non web safe or Google hoted with a web safe fallback.
Container
The container can have padding added and can be styled with a radiused border and/or box shadow. Using a container to insert different items is much better for SEO since the search engines "see" all the items as being related.

Lazy Loading Product Info Container

Styled Info Container
Product Description

The container can have a contrasting header background and a border and/or a box shadow with radiused corners if required.

EverWeb Widgets

© EverWeb Widgets -