Template details
Landie - Free Bootstrap 5 Landing Page Template
Free single-page Bootstrap 5 landing page template with hero header, gradient style, call-to-action button, and Figma file.
About this template
Landie is a free single-page landing page template built on Bootstrap 5 (Beta 2), created by ThemeWagon with design credit to SaasDesign. It is distributed as a static HTML/CSS/JS package that outputs a responsive, retina-ready landing page featuring a fixed top navigation bar, an illustrated hero header, gradient styling, and a call-to-action button. The download includes one HTML page, CSS and SCSS files, JavaScript source files, FontAwesome icons, demo images, and a Figma design file.
What is Landie?
Landie is a free single-page landing page template built on Bootstrap 5 (Beta 2), created by ThemeWagon with design credit to SaasDesign. It is distributed as a static HTML/CSS/JS package that outputs a responsive, retina-ready landing page featuring a fixed top navigation bar, an illustrated hero header, gradient styling, and a call-to-action button. The download includes one HTML page, CSS and SCSS files, JavaScript source files, FontAwesome icons, demo images, and a Figma design file.
Key Features
- Bootstrap 5 (Beta 2) — Built on the Bootstrap 5 framework, using its grid system and responsive utilities for layout.
- Single-page layout — All content is contained in one HTML page, with a fixed navigation bar for jumping between sections.
- Hero header with customized illustration — A hero section featuring a unique illustration, designed to introduce the product or service immediately.
- Gradient style — The template uses gradient backgrounds as a prominent visual element throughout.
- Call-to-action button — Includes prominent CTA buttons to encourage visitor conversions.
- Fixed top navigation bar — A sticky navigation bar that remains visible while scrolling.
- On-hover effects — Interactive hover effects on buttons and elements to enhance engagement.
- FontAwesome font icons — Incorporates the FontAwesome icon library for scalable vector icons.
- Cross-browser compatibility — Tested on Chrome, Edge, Firefox, Opera, Safari, and mobile devices.
Who should use Landie?
- Startups and SaaS teams — Quickly launch a product page with a bold hero header, CTA button, and clean design to capture early sign-ups.
- Business and corporate sites — Present core company information on a single page with navigation, sections, and footer.
- Web designers and developers — Use the included Figma file to customize the illustration and layout, then translate it to HTML/SCSS edits.
Use cases for Landie
- Product launch page — Set your headline and CTA in the hero header, then link to a pricing or sign-up section to drive conversions.
- Business one-pager — Build an about/features/contact page with the fixed nav, gradient sections, and footer navigation.
- Portfolio or service teaser — Adapt the illustration and copy to showcase a service offering with a call-to-action.
How does Landie work?
Landie is a static HTML template: download the files, open the single HTML page in your editor, modify the content, and upload the folder to your hosting. The SCSS files let you adjust styling variables, while the JavaScript source files handle interactive behavior like the sticky navigation.
Pros and cons
- Pros: Free for commercial use with lifetime updates; includes a Figma design file; built on the widely-used Bootstrap 5 framework.
- Cons: Single-page only — creating a multi-page site requires splitting the template manually; Bootstrap 5 is Beta 2 version, not a stable release at the time.
Pricing
Landie is free to download under an open-source license, and ThemeWagon states it can be used in commercial projects with lifetime free updates.
FAQ
Is Landie free?
Yes, Landie is free to download from ThemeWagon. Its license allows open-source use and commercial projects, with lifetime free updates.
What files are included with Landie?
The package contains one HTML page, all demo images, HTML files, FontAwesome icons, CSS and SCSS files, JavaScript source files, library/plugin files, and a Figma design file.
Does Landie work on mobile devices?
Yes, it is fully responsive and retina-ready, and it is compatible with Chrome, Edge, Firefox, Opera, Safari, and mobile browsers.
Can I customize the design?
Yes, you can edit the HTML and SCSS files directly. Additionally, the included Figma design file lets you modify the illustration and layout before building the site.
Is Landie based on Bootstrap 4 or 5?
Landie is built on Bootstrap 5 (Beta 2), not Bootstrap 4. It also uses FontAwesome and Google Fonts.











