CrossFits

CrossFits is a free, multi-page Bootstrap 4 HTML5 template for building CrossFit gym websites, distributed by ThemeWagon and created by Colorlib.

What is CrossFits?

CrossFits is a responsive, multi-page HTML5 website template built on Bootstrap v4.1.3, designed specifically for CrossFit and fitness gym sites. It takes a standard static HTML/CSS/JS structure as input and produces a complete marketing website with six HTML files, including a homepage with hero header, features section, testimonial carousel, news archive with pagination, and a contact form UI. The template is distributed free by ThemeWagon and was created by Colorlib.

Key Features

• Multi-page structure — Includes 6 HTML files covering a full marketing site layout, with separate pages for home, news, and contact, among others.
• Bootstrap v4.1.3 — Built on the Bootstrap 4.1.3 framework, so it uses the standard grid, components, and utility classes from that release.
• Parallax hero with fixed background — The homepage hero uses a full-screen fixed background image and a parallax scroll effect for visual depth.
• Animated navigation with dropdown — The navigation bar animates and supports drop-down menus, enabling multi-level menu capability.
• Testimonial carousel — Powered by Owl Carousel, a dedicated section displays customer testimonials in a sliding carousel.
• On-hover feature cards — Feature cards include an on-hover effect, and the template also integrates Animate.css for animated content entrance.
• Icomoon icon fonts — Iconography uses the Icomoon icon font set, keeping icons lightweight and scalable.
• Retina and mobile ready — The template is retina ready and mobile-ready, with responsive layouts that fit any screen size and high-quality visuals.

Who is it for?

• CrossFit gym owners — Launch a marketing site with hero messaging, class features, and testimonials without hiring a designer.
• Fitness trainers and coaches — Showcase services, share news updates, and collect inquiries via the contact form UI.
• Web developers and freelancers — Use the clean, well-organized HTML, CSS, and SCSS source files to customize and deploy client sites quickly.

What can you do with CrossFits?

• Promote a fitness studio — Present class schedules, trainers, and facilities with a hero header, feature cards, and call-to-action buttons.
• Share gym news and updates — Use the built-in news archive and pagination UI to publish blog-style posts.
• Collect leads and inquiries — The contact form UI gives visitors a way to reach out, with the layout ready for backend form integration.

How does CrossFits work?

Download the free template from ThemeWagon, extract the zip containing six HTML files, CSS & SCSS, JavaScript, icon fonts, and plugin libraries, then edit the HTML content and styles to match your gym's branding. Host the static files on any web server or static hosting service; no build step or server-side dependencies are required.

Pricing

CrossFits is free to download and open source. ThemeWagon's license allows use in commercial projects and includes lifetime free updates.

Alternatives

• Gym — a one-page free responsive fitness website template from ThemeWagon.
• Sportfit — a free Bootstrap 4 HTML5 fitness website template from ThemeWagon.
• Fitnezz — a Bootstrap 4 free HTML5 fitness website template from ThemeWagon.

FAQ

Is CrossFits really free?

Yes, CrossFits is free to download from ThemeWagon and open source. You can use it in commercial projects and receive lifetime free updates.

What Bootstrap version does CrossFits use?

CrossFits is built on Bootstrap v4.1.3, along with Animate.css, Owl Carousel, Magnific popup, and Icomoon icon fonts as supporting libraries.

Can I use CrossFits for a commercial gym website?

Yes, the license explicitly allows use in commercial projects, and the template includes all demo images and source files needed for customization.

What files are included in the download?

The package includes 6 HTML files, CSS and SCSS files, JavaScript source files, font icons, and library/plugin files (Bootstrap, Owl Carousel, Animate.css, Magnific popup, Icomoon).

Does CrossFits work on mobile devices?

Yes, it is mobile-ready and retina ready, and it is compatible with Chrome, Edge, Firefox, Mobile, Opera, and Safari.