Jonson

Jonson is a free multi-page Bootstrap 4 HTML5 personal profile website template from Colorlib, designed to present a person's bio, skills, work timeline, and portfolio projects in one responsive layout. Distributed through ThemeWagon, it downloads as a static site skeleton with 7 HTML files, 1 PHP file, documentation, CSS/SCSS, JavaScript, and library/plugin assets ready for direct upload to any static host.

What is Jonson?

Jonson is a free multi-page Bootstrap 4 HTML5 personal profile template created by Colorlib and distributed on ThemeWagon. You feed it your profile content — biography, skill bars, portfolio images, blog posts, and contact details — and it outputs a fully responsive multi-page website with a hero header, sticky navigation, a portfolio gallery, and a contact page. The template runs as static HTML, so no backend is required unless you use the included PHP file to power the working contact form.

Key Features

• Bootstrap 4 foundation — Built on Bootstrap 4 with HTML5 and CSS3, the layout is fully responsive and tested in Chrome, Edge, Firefox, Opera, Safari, and mobile browsers.
• Multi-page structure — Ships with 7 HTML files covering home, portfolio, blog, and contact pages, plus a single PHP file for form handling.
• Sticky navigation with drop-down menu — The top navigation bar stays fixed while scrolling and supports a drop-down menu, with a back-to-top button included.
• Portfolio gallery with modal view — Uses Magnific-popup and Masonry (via library files) to display a filterable gallery and open images in a modal viewer with hover effects.
• Timeline and fun fact counters — Presents professional history as a visual timeline and animates stat counters, typical for "years of experience" sections.
• Blog and text slider sections — Includes a blog area with pagination UI, a comment form UI, and a text slider for testimonials or announcements.
• Working contact form with Google Maps — The PHP file integrates with Ajax MailChimp for form submissions, and a Google Map embed can be dropped into the contact page.
• Documentation and source files — Comes with extensive documentation, all demo images, CSS and SCSS source, JavaScript source, font icons, and library/plugin files to customize directly.

Who is it for?

Jonson suits freelancers, consultants, and creative professionals who want a quick personal profile site without hiring a developer. It also works for developers learning Bootstrap 4 by studying the documented SCSS, JS, and HTML structure, and for portfolio owners who want a gallery plus blog in a single theme.

What can you do with Jonson?

• Customize the design via SCSS — Edit the source SCSS files to change colors, fonts, and spacing, then recompile or adjust the compiled CSS.
• Replace demo content — Swap the Pexels demo images, skill bars, timeline entries, portfolio items, and blog posts in the HTML files with your own content.
• Collect inquiries through the contact form — The included PHP file connects to Ajax MailChimp, so you can route form submissions to an email list.
• Embed a location map — Replace the placeholder Google Map iframe with your own embed code to show your office or studio location.

FAQ

Is Jonson free to use?

Yes, Jonson is free. The product page states it is open source, can be used in commercial projects, and includes lifetime free updates.

What files come with Jonson?

The download contains 7 HTML files, 1 PHP file, documentation, font icons, CSS and SCSS files, JavaScript source files, library/plugin files, and all demo images.

Which libraries does Jonson rely on?

Jonson uses Bootstrap 4, jQuery, Owl Carousel, Magnific-popup, Masonry, Flaticon, Font Awesome, Ajax MailChimp, and Themify icons, with demo images from Pexels.

How popular is Jonson?

The ThemeWagon listing shows 4,222 downloads for Jonson.