← All HTML demosDownload this pack free

HTML Team Section Templates

30 team sections in plain HTML and CSS. Responsive, accessible and free for personal and commercial use.

Team sections 30

Team section 01 · Team grid

Eight team members in a 4-column grid with portrait placeholders, role and social links that appear on hover.

Open
Team section 02 · Founder story

A personal letter-style founder story with a large portrait, pull quote, signature and three milestones.

Open
Team section 03 · Values grid

Six company values on a dark background with numbered cards and icons. Great for about and careers pages.

Open
Team section 04 · Company timeline

A vertical timeline of milestones with years on alternating sides on desktop and a single line on phones.

Open
Team section 05 · Careers list

Open roles grouped by team with location and type, a department filter and a perks strip. Ready for a careers page.

Open
Team section 06 · Office locations

Three office cards with city illustration, address, phone and local time, plus a "remote team" note.

Open
Team section 07 · About with stats

A two-column about intro with a collage of image blocks and four headline numbers. The classic "who we are" section.

Open
Team section 08 · Leadership with bios

Three leaders in wide horizontal cards with portrait, title, short bio and a "read bio" button that expands the text.

Open
Team section 09 · Mission statement

A big centred mission statement with highlighted words, a short paragraph and a strip of supporter logos.

Open
Team section 10 · Clinic staff carousel

A swipeable row of staff cards with specialties and experience, plus "book with" buttons. For clinics, salons and gyms.

Open
Team section 11 · Org chart

An interactive leadership org chart: CEO at the top, three leaders with connector lines, and each leader’s team that expands on click; collapses to an indented tree on phones.

Open
Team section 12 · Distributed team map

A remote-first team shown on a stylised map: avatar clusters pinned to cities with headcount, city chips that highlight a cluster, and totals for people, countries and time zones.

Open
Team section 13 · Team cards with fun facts

A restaurant team grid: illustrated portraits in chef whites and aprons; hover or focus a card to slide up a fun fact and a favourite dish, with a “we’re hiring” card at the end.

Open
Team section 14 · A day in the studio

A culture section that walks through a typical working day: a horizontal time ribbon with icons, each moment opening a card with a short description, plus perks underneath.

Open
Team section 15 · Meet your future team

A careers section that pairs a role with the people you’d work with: role summary, salary range and location, the hiring manager’s note, the three teammates and a step-by-step interview process.

Open
Team section 16 · Volunteer wall

A charity’s volunteer community: a big wall of illustrated faces with names on hover, a highlight quote from a volunteer, live-feeling counters and a sign-up call to action.

Open
Team section 17 · People directory

An internal-style people directory: search, department chips and a location select filtering a list of illustrated teammates with role, city, local time and online status, plus a count.

Open
Team section 18 · Founders story

A two-founder about section: big split portraits facing each other, a short shared story in alternating “her / his” paragraphs, signature lines and three milestones on a ribbon.

Open
Team section 19 · Team photo collage

An about section built around a collage of team portraits in different sizes, overlapping a stat card and a “since 2011” badge, with values listed beside it.

Open
Team section 20 · Team spotlight slider

A clinic team spotlight that shows one person at a time: large illustrated portrait, role, a first-person bio, specialty chips and a book button, with thumbnails and arrows to switch.

Open
Team section 21 · Conference badge team cards

Team members shown as hanging lanyard ID badges that swing gently on hover: illustrated photo, name, role, join year and a barcode, on a cord from the top.

Open
Team section 22 · Team skills matrix

An agency "who knows what" matrix: people across the top, skills down the side, dot sizes for experience level; hovering or focusing a person highlights their column and shows their top skills.

Open
Team section 23 · Polaroid team wall

A warm "life at the office" wall of pinned polaroid photos with handwritten captions at playful angles; clicking one lifts it and straightens it, and a counter of birthdays and anniversaries sits alongside.

Open
Team section 24 · Team user manual cards

Each teammate's "how to work with me" user manual as a flip card: portrait and role on the front, best time to reach me, what they love and ask-me-about on the back.

Open
Team section 25 · Who is on today roster

A health centre "who's on today" board: shift columns (morning, afternoon, evening) with illustrated staff cards, a live "on now" highlight based on the time, and a day switcher.

Open
Team section 26 · Band member lineup

A music band "meet the band" section: members on a stage with spotlight cones, instrument icons, and selecting one dims the others and shows a short bio card; dark gig-poster style.

Open
Team section 27 · Team growth chart

An about-page growth story as an interactive bar chart of team size by year: tapping a bar reveals the milestone and the faces who joined that year, with the current year highlighted.

Open
Team section 28 · Board of trustees

A charity governance section: a formal list of trustees with role, short bio expand, and a sidebar with annual report download, meeting minutes and "become a trustee" link; calm navy styling.

Open
Team section 29 · Club staff by department

A grassroots football club staff section: department tabs (coaches, medical, volunteers) with kit-coloured shirt-number cards for each person, qualification badges and a join-as-volunteer CTA.

Open
Team section 30 · Team "currently" cards

A playful about section where each teammate shares what they are currently reading, listening to, learning or building, as colourful status cards with a shuffle button.

Open