Quote Project Card
Two project cards in a grid, each pairing a thumbnail with a short client quote attributed by avatar, name, role, and a view link.
Two project cards in a grid, each pairing a thumbnail with a short client quote attributed by avatar, name, role, and a view link.
The source for every Portfolio block is included with Basic and Pro. Pick a plan to copy the code.
Already purchased? Log in
Quote Project Card pairs each project with the client's own words. Two figures sit in a two-column grid, each with a Placeholder image at aspect-16/10 across the top, then a meta line of kind and year, the project name, a short client quote about the engagement, and a figcaption that attributes it with an avatar, name, role, and a View project link. Maya Chen speaks for Ledger, Daniel Ross for Tend.
Projects are one array of objects, each holding its own avatar component. Setting the work and the testimonial in the same card is the distinctive choice: the image shows what was built while the quote says what it was worth.
Reach for this block when a project is best sold by the person who commissioned it, on a homepage or a dedicated work page. The installer swaps the Placeholder for a real screenshot, rewrites the quote around the actual outcome, and updates the avatar and attribution.
A natural flow around it on a Portfolio Pro page:
Before
After
One strong use is the results-backed project index for a freelance designer. Other uses:
Tip: a quote earns its place when it carries a number or a specific decision; a warm but empty great to work with is weaker than the image alone.