Mona

Mona is a free Bootstrap 4 HTML5 responsive portfolio website template created by Colorlib and distributed through ThemeWagon, built to deliver a multi-page personal and agency portfolio site with portfolio grid, blog, contact form, and testimonial sections.

What is Mona?

Mona is a free, open-source Bootstrap 4 HTML5 portfolio website template that provides a complete multi-page site structure for showcasing creative work. It takes standard HTML, CSS/SCSS, and JavaScript files as its source and produces a fully responsive, cross-browser-compatible website that runs on any static web host. The template is developed by Colorlib and is available for download from ThemeWagon with a live preview hosted at themewagon.github.io/mona.

Key Features

• Built on Bootstrap 4 — The layout uses the Bootstrap 4 grid and components, ensuring responsive behavior across Chrome, Edge, Firefox, Opera, Safari, and mobile devices.
• Multi-page structure — Includes 8 HTML files covering portfolio, blog, contact, and other standard pages, plus footer navigations and breadcrumbs for site hierarchy.
• Hero header with slider — The homepage opens with a hero header featuring a slider, overlay effects, and a call-to-action button.
• Sticky top navigation — A sticky navigation bar with a drop-down menu keeps primary links accessible while scrolling.
• Portfolio grid and testimonial carousel — Work samples are displayed in a grid with hover effects, and client testimonials rotate through an Owl Carousel slider.
• Media and interaction components — Includes a modal search option, modal video player (Magnific Pop-Up), tabbed content, and load-on-scroll animations.
• Contact and map integration — Ships with a contact form UI, a comment form UI, and Google Maps embed for location display.
• Asset and build files included — The download contains CSS and SCSS source files, JavaScript source files, all demo images, FontAwesome font icons, a Gulp file, and library/plugin files.

Who is it for?

• Freelance designers and developers — Use the pre-built portfolio grid and blog pages to publish project case studies and written updates quickly.
• Creative agencies — Present team capabilities through the testimonial carousel, portfolio sections, and a contact page with Google Maps.
• Photographers and visual artists — Display a visual portfolio using the full-width hero slider, hover-effect gallery, and modal video player for showreels.

What can you do with Mona?

• Launch a personal portfolio site — Replace the demo images and text in the 8 HTML files to publish a live portfolio on any static host.
• Build a small agency website — Combine the services-style sections, blog, and contact form with Google Maps to give clients multiple ways to reach you.
• Prototype a Bootstrap 4 layout — Use the included Gulp build setup and SCSS source files to customize the design system before adding your own backend.

How does Mona work?

Mona is a static HTML template: download the zip from ThemeWagon, unzip it locally, and open any HTML file in a browser to preview. To customize, edit the CSS and SCSS files and recompile with the included Gulp build, then upload the finished files to any web server or hosting service.

Pricing

Mona is free to download and open source, and the ThemeWagon license permits use in commercial projects with lifetime free updates. No premium tier or paid version is listed on the page.

FAQ

Is Mona free to use?

Yes, Mona is a free Bootstrap 4 portfolio template. The download page lists it as open source and allows commercial use, and the license covers lifetime free updates.

What files come with Mona?

The package includes 8 HTML files, CSS and SCSS source files, JavaScript source files, all demo images, FontAwesome font icons, a Gulp file, and library/plugin files for Bootstrap 4, Owl Carousel, and Magnific Pop-Up.

Does Mona work on mobile?

Yes, the template is fully responsive and cross-browser compatible. Its compatibility list covers Chrome, Edge, Firefox, Opera, Safari, and mobile browsers.

Can I use Mona for a client project?

Yes, the license permits use in commercial projects, so you can use it as a starting point for client portfolio or agency websites and charge for your work.

Who created Mona?

Mona was created by Colorlib, and it is distributed through ThemeWagon, which provides the download page, live preview, and version history.