Components

Team Member

A profile card with photo, role and social links.

Live demo

See it in action

Jane Doe

Founder & CEO

Sets the vision and keeps the team pointed at what matters.

John Smith

Lead Developer

Builds the framework core and reviews every pull request.

Aisha Khan

Product Designer

Designs the elements — and the demos you are looking at.

Marco Rossi

Support Lead

Answers issues on GitHub and writes the documentation.

The markup

Clean, lean code

This is the exact HTML the element outputs, straight from the page builder. No wrapper soup, no inline-style bloat.

<section>
	<div class="fw-container">
		<div class="fw-row">
			<div class="fw-col-12 fw-col-sm-3 d-flex flex-column align-items-center">
				<div class="fw-team team-7b100b55">
					<div class="fw-team__row fw-team-row--stack fw-team-j-start fw-team-a-center">
						<div class="fw-team-image">
							<img src="https://demos.unysonplus.com/wp-content/uploads/2026/06/demo-ad74c25325e4.jpg" alt="Jane Doe" loading="lazy" />
						</div>
					</div>
					<div class="fw-team__row fw-team-row--stack fw-team-j-start fw-team-a-center">
						<div class="fw-team-name">
							<h3>Jane Doe</h3>
						</div>
						<div class="fw-team-job">
							Founder &amp; CEO
						</div>
					</div>
					<div class="fw-team__row fw-team-row--stack fw-team-j-start fw-team-a-center">
						<div class="fw-team-text">
							<p>Sets the vision and keeps the team pointed at what matters.</p>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</section>

To learn more about the Team Member shortcode, please check out the online manual here.

Free & open source

Build with this element, free.

Install the framework and the Bootstrap 5 theme, then drag this element into any page.

Get the framework free