To raise the quality of a web page design and make it more memprable to visitors requires some custom features that aren't commonly seen on all these other boring designs.
The PhotoStack and the animated link provide some unique additions.
This article stretches to the fulllwidth of the browser/device window. The layout can be switched and the text can appear above or below the image below the breakpoint.
Content
The active link can be inserted left or right and can be configured to open an internal or external page
Using ThemeKit widgets has the advantage of creating an HTML5 layout which is not possible using the default EverWeb items and widgets.
In an HTML5 container the first heading is an h1 since each HTML5 container is regarded as a mini document in its own right.
Only three levels of heading are required outside the container - h1 for the website name, h2 for the page name and h3 for the sections headings.
The ThemeKit Gym Heading widget has the option to add an SVG icon which is configured as an internal link.
Both the icon and the heading text can be animated in with their own controls for animation time and delay.
In the heading above the text is animated and in the example below both the icon and the text are animated.
The article with an image and a text area is the basic building block of a responsive website's content. It should be used in preference to content width images and text.
The image can be lazy loaded and the animated link is optional.
Layout
The relative column widths are adjustable and the layout can be switched above and below the breakpoint.
