Pictures to play with. The block shows three to five picture panels, each with a title, a short description and an optional link. The description only appears when a visitor points at a panel, taps it or clicks it, so the page stays clean while the details are one move away.
It suits services, product lines, locations or references. When visitors need to see and compare the items all at once, a Features block or a Cards block is the better choice.
You can switch the layout at any time; the panels keep their content.
The panels stand in one row and the chosen one widens to show its text. On a phone they stack and open the same way.
A click or a tap turns the card over; the back holds the description and the link. The back can be in the accent colour or dark.
A spot of light follows the pointer across the cards. Linked cards open their description on hover; on a phone it is always shown.
Point at or tap a panel.
Click or tap a card to turn it over.
Show the work up close: the materials, the process and the finished pieces.
Services, team and references, clearly in one place.
Programme, venue and sign-up, so visitors know at once what to expect.
Opening hours, services and appointments, one click away.
Move the pointer over the cards.
Show the work up close: the materials, the process and the finished pieces.
Try itServices, team and references, clearly in one place.
Try itProgramme, venue and sign-up, so visitors know at once what to expect.
Try itOpening hours, services and appointments, one click away.
Try itUsable by everyone. The panels can be opened and flipped with a keyboard too, and the cards never flip on a mere hover, since phones have no pointer. For visitors whose device asks for less motion, the cards swap instead of turning.
The photo is what matters. Text over a picture always sits on a dark band, so it reads on any photo. The effect still depends on the picture: choose one strong, well-lit photo per panel.
You fill in the panels in the sidebar and watch the effect on the canvas.
A picture, a title, a short description and an optional link per panel. Reorder them with the arrows.
Mark the important part of each picture so it stays in view both as a narrow strip and when opened.
On or off. In the Expanding row layout, the numbers tie the narrow strips to the panels they open.
One label for every panel's link, such as "Details" or "Take a look".
For flip cards, the back can be in the accent colour or dark.
A description per picture and per language for screen readers and search engines.
When the items should be seen at a glance rather than discovered.
Less text, more pictures
Choose one strong picture per panel and set its focal point, so the important part shows both as a narrow strip and when opened.