# The Team Member Block: Profile Cards That Make Your About Page Feel Human

URL: https://pro.flexablock.com/the-team-member-block-profile-cards-that-make-your-about-page-feel-human/
Published: 2026-07-16T08:34:22+00:00
Updated: 2026-07-17T01:15:16+00:00
Author: admin

# The Team Member Block: Profile Cards That Make Your About Page Feel Human

Turn every headshot on your About page into a proper profile card — photo, name, role, bio and linked social icons, arranged the way your layout needs.

## Five faces, five mismatched cards

Your About page has the whole team on it — good people, good headshots — and every one is just a plain image with a name typed underneath. The photos are different sizes. One name is bold, the next one isn’t. On a phone the neat row collapses into a pile. So you end up back in the CSS, nudging one card at a time.

The Team Member block turns each of those people into a proper profile card — photo, name, role and a short bio, with social icons underneath — all set from the sidebar.

Put the photo above, to the left or to the right — circle, rounded or square

Style the name, the role and the bio each on their own

Add linked social icons that light up on hover

Let a photo-beside card fold into a stack on smaller screens

Building one takes about a minute. Drop the block in, pick a photo, type the name, role and a line of bio, add a social link or two, and the card updates as you go — no CSS, no template file, nothing to line up by hand.

## See it live

Below are real Team Member blocks — the same block, set three different ways. Swap the placeholder portraits for your team’s photos and they’re ready.

**Photo on top, circle crop, in a row of three.** The classic team strip — three cards side by side that fold to one column on a phone.

![Team member placeholder portrait](https://flexablock.com/wp-content/uploads/2026/07/av1.png)

### Ava Bennett

Founder & Creative Director

Sets the studio’s direction and still sketches the first draft of every big idea.

![Team member placeholder portrait](https://flexablock.com/wp-content/uploads/2026/07/av2.png)

### Marcus Lee

Lead Developer

Turns the designs into fast, tidy code and keeps every launch on schedule.

![Team member placeholder portrait](https://flexablock.com/wp-content/uploads/2026/07/av3.png)

### Priya Nair

Client Partner

The first person you meet — she scopes the work and keeps everyone in the loop.

**Photo to the left, rounded, with live social links.** A wider card for a lead bio — the icons open real profiles, and on a phone the photo drops above the text.

![Team member placeholder portrait](https://flexablock.com/wp-content/uploads/2026/07/av4.png)

### Daniel Okafor

Managing Partner

Twelve years pairing brands with the right words and the right build. Reach out on any of the channels below — he actually answers.

**Photo on the right, square crop.** The same card mirrored — handy when you want the text to lead and the portrait to follow.

![Team member placeholder portrait](https://flexablock.com/wp-content/uploads/2026/07/av5.png)

### Sofia Reyes

Content Strategist

Maps out what every page needs to say before a single word is written, so the copy always has a job to do.

## Ready to introduce your team?

The Team Member block ships with Flexa Block. Install the free plugin and it’s waiting in the editor the next time you open your About page.

[Download Flexa Block](https://wordpress.org/plugins/flexa-block/)