Live previewHTML Team Section Templates30 team sections in plain HTML & CSS, free
30 team sections in plain HTML and CSS, each one a single file: team grid, company timeline, about with stats, clinic staff carousel, team cards with fun facts, volunteer wall, team photo collage, team skills matrix and more. Responsive, accessible and free for personal and commercial use.
- 30 layouts: team grid, founder story, values, timeline, careers, offices and more
- Portrait placeholders sized for your own photos, so swapping them in is easy
- Plain HTML and CSS with small scripts for filters, bios and the staff carousel
- Designs
- 30
- Built with
- HTML & CSS
- Licence
- Free, commercial use
- Updated
- Oct 2026
- Free for client projects
- Plain HTML & CSS, no frameworks
- Responsive down to 390px
- Copy, paste and rebrand in minutes
What's inside: 30 designs
See all 30What's inside
All team & about templates 30 designs in this pack
Click any design to open its live preview, then check it at desktop, tablet and phone sizes.
Live preview
Live previewFounder story
Live previewValues grid
Live previewCompany timeline
Live previewCareers list
Live previewOffice locations
Live previewAbout with stats
Live previewLeadership with bios
Live previewMission statement
Live previewClinic staff carousel
Live previewOrg chart
Live previewDistributed team map
Live previewTeam cards with fun facts
Live previewA day in the studio
Live previewMeet your future team
Live previewVolunteer wall
Live previewPeople directory
Live previewFounders story
Live previewTeam photo collage
Live previewTeam spotlight slider
Live previewConference badge team cards
Live previewTeam skills matrix
Live previewPolaroid team wall
Live previewTeam user manual cards
Live previewWho is on today roster
Live previewBand member lineup
Live previewTeam growth chart
Live previewBoard of trustees
Live previewClub staff by department
Live previewTeam currently cards
How to use
From download to live in three steps
- Download the packClick Download free above and the zip downloads straight away. Unzip it and open index.html to see every design.
- Copy the design inPaste its HTML into your page and its CSS into your stylesheet. Copy the small script too if it has one.
- Make it yoursChange the colour and font variables at the top of the CSS, then swap in your own text, links and images.
Reviews
Customer reviews
Only people who bought or downloaded it can leave a review, from their account page.
Reply from the maker
FAQ
Common questions
Can I use it for client work?
Yes. It's free for personal and commercial projects, including client sites. Just don't resell the pack itself.
Do I need Tailwind, Bootstrap or a build step?
No. Each design is plain HTML and CSS with a few lines of JavaScript where needed.
How do I add real team photos?
Replace each placeholder span with an <img> using the same class. The box keeps its shape, so any photo crops neatly.
Can I link the careers list to my job board?
Yes. Each role is a normal link; point it at your job posting or application form.
Can I use real photos instead of the illustrations?
Yes. Replace each portrait SVG with an img tag; the frames and crops are set in CSS.
How many people can each layout hold?
Grids and lists repeat, so add as many people as you need. The org chart suits 3–5 leaders with small teams.
What does the licence allow?
Use it on unlimited websites, your own and your clients', and change anything. You just can't resell or share the files themselves. See the licence.
Get HTML Team Section Templates
30 designs, free for personal and commercial projects.
More products
