Search blocks by description or jump to a page.
A vertical stack of cards, each describing one phase of your process in turn. Use it to walk a client through how an engagement unfolds step by step.
Stacked Cards opens with a centered heading area: an outline badge reading "My Process," a bold title, and a short supporting sentence. Below that, six cards sit in a responsive grid (one column on mobile, two on medium screens, three on large). Each card carries a circular icon badge, a phase title, a one-line description, a checklist of four activities marked with checkmarks, and a "Learn more" text link in the footer. Every card has two offset shadow layers behind it that give the stack its layered, raised look.
Beneath the grid a pair of buttons closes the section: a primary call to action and an outlined "View Case Studies" link. The cards and the button row are independent, so you can rewrite any phase title or activity list, adjust the number of cards, or remove the bottom button row without affecting the rest of the layout.
This layout works well when you need a prospect to understand the full scope of an engagement before they reach out. The six-phase grid gives each stage equal visual weight, which suits an HR or hiring platform that wants to show clients exactly what a recruitment partnership involves from intake through ongoing support. Compared to the Horizontal Stepper, which emphasizes left-to-right sequence, the card grid lets each phase breathe and carry more detail.
A natural flow around it on a Portfolio page:
Before
After
Each card slot maps to one phase of a client engagement. A few ways to put the grid to work:
Tip: keep the checklist to four items per card so the grid rows stay even and the layered shadow effect reads cleanly across all six cards.