Image Card
Modal ImageThe image is the trigger to open a modal image with the image inserted in two or three sizes.
Card GridCard + Image Modal
Card + Modal
The card has a two column switchable grid layout with a lazy loading image and a text area.
The image has the option to have padding addded to the container to reveal a two color gradient background.
The text area has a heading, optional styled span, text and an optional internal.external link.
Animation
The optional 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.
Image Card
Modal ImageThe image is the trigger to open a modal image with the image inserted in two or three sizes.
Card Media