ThemeKit Cards

Card Image

The image has a lazy load option and can be configured as an internal link denoted by the icon at the top right.
The is inserted in three sizes with the phone portrait image being optional.
The images used in the demo were optimised and resized before importing into EverWeb to …

  • Large Image: 960 x 640px - file size 110KB
  • Medium Image: 720 x 480px - file size 75KB
  • Phone Portrait: 375 x 640px - file size 33KB

Animation

The image has an optional slide up in view animation and the caption has an optional scale up animation.
The animation can fire every time the item enters the viewport or only once.
Animation is removed for mobile phones by default but can be added if required.

Card Stack

ThemeKit Card Stack 1

Card Stack

Grid

The grid items are stacked and the even items have their layout switched

mBox Image
ThemeKit Card Stack 2

Items

Layout

Each item has an image with lazy load option and a text block with a heading, optional span, text and one or two links

mBox Video
ThemeKit Card Stack 3

Links

Internal/Extermal

Each item can have one or two links which are switched on globally.
The first link is internal and the other external. Links can have different background and have a background hover animation

mBox YouTube

MENU