References Row
A heading and intro above three reference cards, each with an avatar, name, role, a note, and a relationship and overlap meta footer.
A heading and intro above three reference cards, each with an avatar, name, role, a note, and a relationship and overlap meta footer.
The source for every Portfolio block is included with Basic and Pro. Pick a plan to copy the code.
Already purchased? Log in
References Row renders three cards in a row under a heading and short intro. Each card leads with an avatar, name, and role, from a Ledger VP of Product through a Milo Health engineering lead to a Field Studio creative director, then a one line note on how the two of you worked together. A meta footer closes each card with the relationship and the years you overlapped, and a line below the row explains that contact details follow a first conversation.
References are one typed array, each pairing a shared avatar component with a name, role, note, and meta pair. The relationship and overlap footer is the distinctive element: it frames each name with context a bare list of contacts would leave out, and the line below the row keeps their details private until a first call.
Reach for this block near the end of a resume or CV page, below skills and certifications, where a hiring reader is ready to check the work with other people. The installer swaps the three references for their own managers and peers and rewires each avatar.
A natural flow around it on a Portfolio Pro page:
Before
After
One strong use is the manager plus counterpart mix. Other lineups fit the same three cards:
Tip: choose referees who can speak to different sides of the work, one on delivery and one on collaboration, so the set is not three versions of the same story.