Lumina Clean and Modular Multi-Page Bootstrap 5 HTML Template

Lumina is a clean, modern and fully responsive multi-page HTML template built with Bootstrap 5. Designed with a modular block-based architecture, it lets you build professional websites quickly by combining and reordering pre-built sections — no deep customisation required.

Whether you're building a landing page, a corporate website, an agency portfolio, a SaaS product page, or a small business site, Lumina gives you the visual quality and structural flexibility to get there fast.

Pages Included

• Home — 3 variations (Default hero with stats, Full-width image slider, Full-screen banner)
• About
• Services
• Portfolio — Grid listing + single project detail
• Pricing
• Blog — Article listing + single post detail
• Contact — Form with map integration
• Elements — Complete UI component library

Key Features

• Built with Bootstrap 5.3.3
• 12 HTML pages ready to use
• 9 colour scheme variations — Indigo, Blue, Emerald, Rose, Amber, Violet, Teal, Orange, Slate
• Live colour scheme switcher included
• 25+ section blocks and reusable components
• Fully responsive, mobile-first layout
• Clean, semantic HTML5 markup
• Well-organised CSS with custom properties (CSS variables)
• Vanilla JavaScript — no jQuery dependency
• Scroll animations
• Sticky navigation with scroll effect
• Back to top button
• Inter font via Google Fonts
• Bootstrap Icons
• Well-commented, easy to read code
• Easy to customise and extend

What's Included

• All HTML page files
• `assets/css/style.css` — full source stylesheet
• `assets/css/style.min.css` — minified stylesheet
• `assets/css/variables.css` — CSS custom properties
• `assets/js/main.js` — full source JavaScript
• `assets/js/main.min.js` — minified JavaScript
• `documentation.html` — Getting started guide

Built With

• Bootstrap 5.3.3
• Bootstrap Icons
• Google Fonts – Inter

Browser Support

Compatible with all modern browsers — Chrome, Firefox, Safari, Edge.

Changelog

v1.0.0 — March 2026

• Initial release