Team section for websites (HTML and CSS)
Write one person per line. Showing who serves your customers builds trust, especially for services.
How to useThe people behind your business
Team section for websites (HTML and CSS): what it is for
Showing who serves your customers builds trust, especially for services such as salons, clinics, offices and repair shops. Write one person per line with name, role, a short line, the photo and their Instagram and LinkedIn links.
Choose between cards and round photos, and pick your brand color. Without a photo, the initials appear in a circle. The social icons have text for screen readers, and the page reminds you to get permission to publish each person's image.
How to use
- Write the people, one per line.
- Choose the style and color.
- Copy the code.
When to use it
- About us pages.
- Clinic or office websites.
- Salons, barbershops and studios.
Frequently asked questions
Do I need permission to post my team's photos?
Yes. A person's photo and name are personal data, and their image is protected by law in many places; get written permission from each person before publishing, and remove them from the site when someone leaves the company or asks.
Which photo should I use?
Photos with the same framing, background and lighting make the section look professional even when taken with a phone. Square photos with the face centered work well in both styles (card and circle).
What if someone doesn't want a photo?
Leave the photo field empty: the person's initials appear in a colored circle, the same size as the photos.
Is it really free?
Yes, 100% free. No sign-up, no subscription and no usage limits. All Tools123 tools are free and run right in your browser.