Trafalgar – Free Bootstrap 5 HTML5 Multipurpose Landing Page Template

Trafalgar is a free single-page Bootstrap 5 landing page template from ThemeWagon, built for multipurpose marketing and product launch pages.

What is Trafalgar?

Trafalgar is a free one-page HTML5 landing page template built on Bootstrap 5 (Beta 2), distributed by ThemeWagon. It takes standard HTML, SCSS, and Pug source files as input and produces a fully responsive single-page website with a hero header, fixed top navigation, testimonial carousel, and blog section. The design is adapted from a Dribbble shot by Slab! Design. The template includes Figma design files alongside the code, so you can edit the visual layout before touching HTML.

Key Features

• Bootstrap 5 (Beta 2) — Built on the beta release of Bootstrap 5 and paired with FontAwesome font icons for icons.
• SCSS & Pug source files — Includes preprocessor sources so you can customize variables and structure, plus a Gulp-based workflow for compiling and watching.
• Fully responsive layout — The page adapts to all screen sizes and passes cross-browser checks for Chrome, Edge, Firefox, Opera, Safari, and mobile devices.
• Hero header with gradient — The landing section uses a customized illustration and gradient background to frame the headline and call-to-action.
• Fixed top navigation bar — A sticky navigation bar stays visible while scrolling through the single-page sections.
• Testimonial carousel — A carousel component presents customer quotes in a rotating slider.
• Blog and service sections — The one-page layout includes dedicated feature, service, and blog content blocks with on-hover effects.
• Figma design files — The download includes the original Figma file, not just code, so designers can modify the mockup.

Who is it for?

• Freelance developers — Use the single HTML page and Gulp workflow to spin up a client landing page quickly without building from scratch.
• Startups and SaaS teams — Present a product or service with the hero, feature, testimonial, and blog sections in one scrollable page.
• Designers — Edit the included Figma file first to adjust colors and content, then hand the approved design to a developer.
• Marketing teams — Publish a responsive campaign page that works on mobile and desktop and requires no backend setup.

What can you do with Trafalgar?

• Launch a product: Set up a hero header with gradient and illustration, add a call-to-action button, and collect user interest on a single page.
• Build a business landing page: Use the service, feature, and testimonial carousel sections to explain what your company offers and display social proof.
• Create a one-page blog or news teaser: The included blog section lets you link out to full articles or highlight latest updates.
• Test a design concept: Because the template is free and open source, you can modify the SCSS variables and Pug partials without licensing restrictions.

How does Trafalgar work?

Trafalgar is a static HTML template, so you download the package, open the HTML file in a browser or deploy it to any web host. For deeper customization, run the Gulp-based workflow to compile the SCSS and Pug files into plain HTML and CSS. The package contains one HTML page, all demo images, CSS and SCSS files, JavaScript source files, library files, and Figma design files.

Pricing

Trafalgar is free to download and use. According to the ThemeWagon listing, it is open source, can be used in commercial projects, and receives lifetime free updates. There is no paid tier for this template itself.

FAQ

Is Trafalgar free?

Yes, Trafalgar is a free template on ThemeWagon. You can use it in commercial projects without paying, but the free license requires you to keep the credit/attribution when using the template.

What frameworks does Trafalgar use?

Trafalgar is built with Bootstrap 5 (Beta 2), HTML5, CSS3, SCSS, and Pug. It also uses FontAwesome for icons and Google Fonts. The asset pipeline is powered by Gulp.

What files are included in the download?

The download includes one HTML page, all demo images, HTML files, font icons, CSS and SCSS files, JavaScript source files, library files, and Figma design files.

Can I customize Trafalgar?

Yes. You can edit the SCSS variables and Pug partials directly, or open the included Figma file to redesign the visual layout before generating the HTML. A Gulp-based workflow compiles your changes.

Does Trafalgar work on mobile and all browsers?

Yes, the template is fully responsive and compatible with Chrome, Edge, Firefox, Mobile, Opera, and Safari, according to the ThemeWagon listing.