Display Card
LayoutThe card is a two column grid with an image and a text block.
Options for lazy loading the image and inserting a tag.
ThemeKit Cards
Display Cards
New
V 3.0
V 3.0
Display Cards
Animation is an effect which is often overused. It can be irritating and cause motionn sickness for about 20% of website visitors unless it is smooth and subtle.
If animation it is used it should have some means of removing it on mobile phones where it just causes confusion and adds nothing to the user experience. The exception is some inimation in the hero item seen immediately on page load.
- Image with padding and visible gradient background
- Optional Info tag with text and box shadow
- Optional animated link with alternative text
- Container styles for border and bottom box shadow
- Optional slide up on scroll animation.
Animation
The optional slide up in view animation has controls for animation time and dely in milliseconds.
The animation can occur once or every time the item enters the viewport.
By default the animation is turned off for mobile phones but can be turned on for these devices if really necessary.
Switched Layout
ANimationIn this example the layout is switched and the optional slide uo in view animation is applied.
More InfoText Card
The EverWeb ThemeKit Text Card widget combines several items in one widget to cut down on code and adds extra styles …
- Main heading followed by text
- An optional list with all the common style types
- An optional second heading and a text block
- Options for one or two internal links
- Optional external link
- Controls for styling span tags
- Controls for styling ;mark tags
Animation
The optional slide up in view animation has controls for animation time and dely in milliseconds.
The animation can occur once or every time the item enters the viewport.
By default the animation is turned off for mobile phones but can be turned on for these devices if really necessary.
MENU