Burnout

Burnout is a free Bootstrap 4 gym and fitness website template from ThemeWagon that packages a full-width header slider, animated preloader, sortable image gallery, and contact form UI into one HTML file for health-related websites.

What is Burnout?

Burnout is a free, single-page HTML5 template built with Bootstrap 4 (Beta) and FontAwesome, created by Grafreez and distributed through ThemeWagon. It takes static HTML, CSS, and JavaScript assets as input and outputs a responsive, cross-browser landing page for gyms, fitness centers, or health businesses. The template includes a sticky navigation panel, a full-screen header image slider powered by Swiper.js, a filterable gallery with Nivo Lightbox, a parallax info section for embedded Vimeo or YouTube videos, and a built-in contact form UI in the footer. It was released about eight years ago, with the latest version 1 updated four years ago, and has accumulated over 3,500 downloads on ThemeWagon.

Key Features

This template ships with the following concrete features:

• Animated Preloader — A loading animation that plays before the page content appears, built with JavaScript and CSS.
• Full-Width Header Slider — Uses the Swiper.js plugin to slide through full-screen header images, adding a modern image slider effect.
• Sortable Image Gallery — Filterable fitness image gallery powered by Nivo Lightbox, giving visitors a magnified image viewer with slideshow functionality.
• Parallax Info Section — A background image with parallax scrolling effect, designed to link out to a Vimeo or YouTube channel.
• Sticky Navigation Panel — The top navigation bar becomes fixed with scrolling, keeping menu links always visible.
• Contact Form UI — A ready-to-use contact form interface in the footer, styled with the template's design.
• Bootstrap 4 Grid System — Uses the 12-column grid from Bootstrap 4 Beta to ensure responsive layouts across screen sizes.
• Cross-Browser Compatibility — Verified to work on Chrome, Edge, Firefox, Opera, Safari, and mobile browsers.

Who is it for?

Burnout suits anyone who needs a clean, one-page fitness or health website without a custom design effort.

• Gym and fitness center owners — Publish a single-page promotional site with a photo slider, gallery, and class video section without writing code.
• Personal trainers and coaches — Launch a landing page that showcases workout videos from YouTube or Vimeo and collects client inquiries through the contact form.
• Health and wellness businesses — Use the parallax and about sections to tell the brand story, then direct visitors to an external blog via the included blog link section.

What can you do with Burnout?

With Burnout you can assemble a complete one-page web presence using only the included assets.

• Gym owners: Build a polished landing page that cycles through full-width photos with Swiper.js, displays a filterable facility gallery, and embeds a fitness class video.
• Fitness coaches: Create a one-page brand hub with a sticky menu, smooth scrolling, and a contact form to gather leads from visitors.
• Health startups: Set up a responsive minimal site in an afternoon using the included CSS files, one HTML file, and demo images, then customize the parallax section to add video content.

FAQ

Is Burnout free to use?

Yes, Burnout is free to download from ThemeWagon and is open source. It can be used in commercial projects, and the download includes lifetime free updates.

What Bootstrap version does Burnout use?

Burnout is built on Bootstrap 4 Beta. It also uses FontAwesome icons. Since it is a Beta framework, users may need to adjust styling when upgrading to later Bootstrap 4 releases.

What plugins are integrated into Burnout?

The template integrates Swiper.js for the header slider, Nivo Lightbox for the gallery lightbox and slideshow, and includes smooth scrolling and an animated footer menu. Its JavaScript files are uncompressed for easier editing.

How many pages does the template include?

The package contains one HTML file plus CSS files and demo images, which makes Burnout a single-page template. All sections—header, gallery, parallax, about, and contact—are on that one page.

Is Burnout compatible with all browsers?

According to ThemeWagon, Burnout is compatible with Chrome, Edge, Firefox, Opera, Safari, and mobile browsers. The template is also device responsive.