Mosaic

Mosaic is a free, multi-page Bootstrap 4 HTML5 website template from ThemeWagon for architectural and construction businesses that want a portfolio-style online presence. It packages a minimal, sophisticated design with 8 HTML files, a hero header, project grid, blog section, and multiple contact and marketing components into a single downloadable starter.

What is Mosaic?

Mosaic is a free Bootstrap 4 HTML5 website template created by Colorlib and distributed by ThemeWagon, designed specifically for architectural business and portfolio websites. It takes static HTML/CSS files as input and produces a fully responsive, multi-page website with a hero slider, project grid with modal views, blog section, and contact tools. The template runs entirely in the browser with no backend, and it is open source with permission for commercial use.

Key Features

• Bootstrap 4 with HTML5 & CSS3 — The template is built on Bootstrap 4 with hand-written HTML5 and CSS3, and the download includes both CSS and SCSS source files for customization.
• Hero header with asymmetric design and fadeout slider — The homepage opens with an asymmetric hero section and a fadeout slider that suits visual-focused architectural brands.
• Project grid with modal view — A portfolio-style project grid displays work, and each project opens in a Magnific-popup modal, accompanied by hover effects.
• Sticky top navigation and call-to-action — A sticky top navigation bar stays visible while scrolling, with a call-to-action button and breadcrumbs on inner pages.
• Fun fact counters and scroll animations — Fun fact counters and load on-scroll animations activate as users scroll, adding motion without heavy media.
• Parallax and slider components — Parallax effects, an Owl Carousel testimonial slider, and a client slider add visual depth and social proof.
• Newsletter and communication forms — The template includes a newsletter subscription form, contact form, comment form UI, and an embedded Google Map.
• Multi-page starter structure — It ships with 8 HTML files, all demo images, font icons, JavaScript sources, and library/plugin files, plus a pagination UI and search option.

Who is it for?

Architecture and construction firms can publish a portfolio of their projects using the project grid, modal view, and hero slider to highlight completed buildings. Freelance web designers and developers can use the Bootstrap 4 and SCSS codebase as a starting point for client websites without starting from scratch. Anyone with basic HTML and CSS knowledge can replace the demo text and images to launch a polished multi-page website.

What can you do with Mosaic?

• Architecture firms: display completed projects in a responsive grid, with each project opening in a modal view to show plans and photos.
• Design agencies: add a testimonial slider and client slider on the homepage to build credibility, and use the blog section for content marketing.
• Small businesses: collect visitor emails with the newsletter subscription form and answer inquiries through the contact form paired with Google Maps.
• Developers: start a multi-page website quickly — the template includes 8 HTML files, SCSS sources, and JavaScript plugins you can restyle.

Pricing

Mosaic is free to download from ThemeWagon under an open-source license. It allows use in commercial projects and includes lifetime free updates. No paid tier is listed.

Alternatives

• Sparsh – Free Bootstrap 4 HTML5 Architecture Website Template
• Ararat – Free Bootstrap 4 HTML5 Architecture Website Template
• Woodrox – Free Bootstrap 4 HTML5 interior design agency website template

FAQ

Is Mosaic free?

Yes, Mosaic is a free template. It is open source, can be used in commercial projects, and comes with lifetime free updates. You download the ZIP from ThemeWagon, and no paid upgrade is listed on the page.

What do I need to customize Mosaic?

Basic knowledge of HTML and CSS is enough to edit content and tailor the design. The package includes CSS and SCSS source files, JavaScript source files, and library/plugin files so developers can rebuild the styles with a preprocessor.

Is Mosaic responsive?

Yes, the template is 100% responsive. It is cross-browser compatible and tested with Chrome, Edge, Firefox, Opera, Safari, and mobile devices.

Which libraries does Mosaic include?

Mosaic bundles Bootstrap 4, jQuery, Owl Carousel, Magnific-popup, and the flat icon sets Flaticon, Ionicons, and Icomoon. It also integrates Google Maps for the contact section.

How many HTML files are in the download?

The download contains 8 HTML files, all demo images, font icons, CSS and SCSS files, JavaScript source files, and library/plugin files, so you can build a full multi-page site.