ThemeKit UI Card
LayoutThe card has a two column grid layout with a lazy loading image and with an optional tag in one column.
The text area column has a heading, optionl span, text and an optional internal/external link link.
Cards
Responsive Containers
Two Column Card
The two column card layout is the basic unit in responsive page design. Since it has the image in one column and the text in another ther is no need to add a smaller image for mobile devices and the text lines are kept short making the text easier to read.
Animation
The slide up in viewport animation is created using a single line of CSS rather than loading a large stylesheet like the EverWeb default animation.
The animation is removed when the page is viewed on a mobile phone since it only causes delay and confusion on these devices.
New
V 3.0
V 3.0
ThemeKit UI Card
Layout SwitchedThe image shows the optional two color gradient background and the optional tag.
The card has the optional slide up on enter animation.
The link is to an external page.
Card Grid
ThemeKit UI Card Grid
LayoutThe cards are stacked in the grid and alternate cards have their layout switched.
The optional links can be globally switched from internal to external.
Images
OptionsThe images can be lazy loaded and have the option to show a two color gradient background behind them by adding padding.
Media Cards
Containers
StylesThe containers have controls for border width, color and radius and for adding a bottom box shadow.
The items are separated using the grid row gap control.