Maraton — Tailwind CSS Sports Team Template (HTML)

About This Item

Tournament results, coach profiles and event galleries are the core of Maraton, a Tailwind CSS sports team template built on Tailwind CSS 4. It ships with 19 pages and 3 home layouts for teams, running clubs, marathon events, athletics academies and fitness coaches.

What to Change First in Maraton

Most buyers start with the home page. Pick one of the 3 layouts, then swap the hero text for your club name and season. After that, replace the placeholder images with your own team photos.

Next, edit the statistics. The animated counters show years of experience and trophies won, so enter your real numbers. Then update the Why Choose Us points, which cover expert coaches, an awarded club and a certified club.

Tailwind CSS Sports Team Template Pages by Group

This Tailwind CSS sports team template groups its pages by purpose, so you can see what to fill in.

• Home: Home v1, v2 and v3, which differ in hero style and team showcase.
• Club: About Us, Why Choose Us and Contact Us, which has a form and a map.
• Events: Portfolio Grid, Portfolio Masonry, Portfolio Slider and Portfolio Details.
• People and services: Team, Team Details and Service Details.
• News: a page for club news.

Event Galleries, Filters and Coach Profiles

A running club can list tournaments, routes and member groups in grid, masonry or slider form. Each event also opens on its own detail page. Category filtering lets visitors narrow the showcase by event type.

Coaches and athletes get a Team listing and individual profile pages. Testimonials and featured events move in carousels, while a lightbox opens gallery images full screen. Icons come in two sets, Flaticon and FontAwesome.

How Tailwind CSS 4 Shapes These Pages

Breakpoint prefixes written for small screens first control how each layout changes at wider widths. So the Team grid and the Portfolio Masonry page reflow on phones without separate stylesheets.

Each section’s look is set by utility classes written directly on its elements. When you want a different look for the Contact Us page or one service card, you read the classes there and change them in place.

Maraton Package: Pages, Source and Placeholders

Each finished page runs as soon as you unzip the package. The package also holds the Tailwind source, which lets you change the utility classes and compile fresh CSS. The demo photos stay out of the package, and plain placeholder images sit in their spots. Typefaces come from Google Fonts. Maraton is a good fit as a Tailwind CSS sports team template for agencies building club sites, because the 19 pages already cover tournaments, coaches, services and news.

The pack includes 19 pages in total, with 3 home layouts and 4 portfolio formats.