Runner — Tailwind CSS Sports Club Template (HTML)

About This Item

Runner gives a running club or sports academy a ready website for training courses, member numbers and news, and Tailwind CSS 4 drives all of its styling. This Tailwind CSS sports club template comes with 18 pages and three homepage designs, so a club can pick the hero style that suits its season.

Tailwind CSS Sports Club Template: Home, Courses, Blog and Contact Pages

This Tailwind CSS sports club template covers what a club needs to explain itself and recruit members.

• Home in three versions, which differ in hero style and fitness showcase layout.
• About, for the club story and fitness mission.
• Courses, an archive of running programmes and training.
• Blog and Blog Details, for running tips and full articles.
• Contact, with a form for programme enquiries.

The 18 pages in total are built around those page types.

Training Courses, Stats and Athlete Sliders

A club sells its programmes first, so the Courses archive in this Tailwind CSS sports club template uses Isotope filtering. Visitors can then narrow courses by discipline or level.

Animated CounterUp numbers show members, races, training sessions and achievements. EasyPieChart adds animated charts for fitness skills and training performance, which suits a brand that wants to show results.

• Slick carousels present featured programmes and athlete testimonials.
• Magnific Popup opens event and training images full screen.
• MeanMenu gives phones a compact navigation, so members can reach courses quickly.

The icon sets are Flaticon and FontAwesome, and the typefaces come from Google Fonts.

Tailwind CSS 4 in Runner’s Courses and Blog Pages

A utility class on each element sets how that section looks. A coach or developer can read a course card or a stats row and change it right there.

Compiled CSS keeps only the classes those Home, Courses and Blog pages call for, so unused styles never ship.

What a Club Would Change First

Most buyers start with the Courses page, because it holds the programme names, levels and filter categories. Next they edit the CounterUp figures so the member and race totals match the club. Then they swap the testimonial slider content and the blog posts.

The download has the Tailwind source for rebuilding styles after edits, and the built pages work when opened directly. Preview images are not in the package, where plain placeholder images sit instead, so each club adds its own team photos.

Image credits for the preview list Freepik and Unsplash.