Flip card

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas et metus.

Heading Level 4

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas et metus.

Button Link

Here is a building block which lends itself to be used for advertising. Mouse over the image to see what happens, or tap on it if you are using a mobile device. I've had some input from a forum friend about how to make it working well on mobile devices. (Thanks again, Twinstream!)

In the programme, it looks like the 'cardBack' is covering the 'cardFront', so while editing the front side of the card, it would be best to hide the back. Go to Visibility on the layout pane and select 'hidden'. Just remember to set it back to 'visible' when you are done editing. 

To make a component, select the 'card-wrapper' container. There are still certain css rules that cannot yet be added within SD3, so remember to pick up the styling - and some js - found in the Page manager.