Ronin

Ronin is a free, open-source Bootstrap 4 (v4.1.3) HTML5 personal portfolio template created by Colorlib, offering a multi-page website with portfolio, blog, and contact form for professionals to showcase their work and online resume.

What is Ronin?

Ronin is a free, multi-page personal portfolio website template built on Bootstrap v4.1.3, distributed through ThemeWagon and created by Colorlib. It takes your content — text, images, project details, blog posts, and contact information — and renders a complete portfolio site using 9 HTML files and 1 PHP file. The template is open source and licensed for commercial use with lifetime free updates.

Key Features

• Bootstrap v4.1.3 foundation — Responsive layout using the classic Bootstrap grid, compatible with Chrome, Edge, Firefox, Safari, Opera, and mobile browsers.
• Multi-page structure — 9 HTML files covering home, about, services, project detail, blog, and contact pages, plus pagination UI.
• Sortable portfolio grid — Interactive, animated filtering of portfolio items by category with hover effects.
• Animated skill bars — Backlit gradient glow effect on skill bars, ideal for resume-style about sections.
• Working contact form — PHP/Ajax powered validation and submission, plus a newsletter subscription form with Ajax Mailchimp integration.
• Testimonial carousel — Owl Carousel slider for client quotes and feedback.
• Built-in blog section — Paginated blog layout for sharing articles and updates.
• Google Maps — Embedded map on the contact page to show a studio or office location.
• Hover effects and gradient styling — Gradient hover on services icons, glossy animated gradient button, and sticky top navigation with drop-down menu and animation.
• 15+ unique UI block elements — Pre-built sections for quick page assembly, plus breadcrumbs and font icons from Font Awesome and Linearicons.
• Extensive documentation — Includes setup and customization guide.

Who is it for?

• Web developers and designers — Use the pre-built portfolio grid and project detail pages to present case studies, code samples, and client work.
• UI/UX designers — Showcase design projects with the animated skill bars, services icons, and testimonials slider.
• Architects and interior designers — Display project galleries and descriptions using the portfolio layout and Google Maps for studio location.
• Freelancers and job seekers — Turn the template into an online resume with the about page, skills bars, and contact form.

What can you do with Ronin?

• Create a personal brand page — Combine the hero header, services section, and blog to build an audience and share updates.
• Publish a project portfolio — Categorize your work in the sortable grid and link each item to a detailed project page with images and descriptions.
• Collect leads — The PHP/Ajax contact form and newsletter subscription form capture visitor emails and inquiries.
• Display client testimonials — Use the Owl Carousel slider to rotate quotes on the home page.

How does Ronin work?

Ronin is a static HTML template. After downloading and extracting the zip, you open the HTML files in any text editor, replace the demo images (supplied by Pexels) and text with your own content, and upload the files to any web host that supports PHP for the contact form. The included SCSS files let you recompile the stylesheet to customize colors and fonts.

Pricing

Ronin is free to download and use, including in commercial projects. The license grants open-source usage, commercial use, and lifetime free updates. No paid tier is mentioned on the download page.

Alternatives

The page lists three other free portfolio templates from the same marketplace: MeetMe (a free HTML5 Bootstrap personal portfolio template), Porta (a free Bootstrap one-page portfolio template), and Browny (a free one-page HTML5 personal portfolio template for web developers and UX designers).

FAQ

Is Ronin free?

Yes, Ronin is a free download from ThemeWagon, open source, and licensed for commercial use with lifetime free updates.

What does Ronin include in the download?

The package includes 9 HTML files, 1 PHP file, CSS and SCSS files, JavaScript source files, font icons, library and plugin files, all demo images (from Pexels), and documentation.

Does Ronin have a working contact form?

Yes, the contact form is powered by PHP and Ajax with validation, and the newsletter subscription form uses Ajax Mailchimp integration.

What frameworks and plugins does Ronin use?

Ronin is built on Bootstrap v4.1.3 and uses Owl Carousel for sliders, Magnific Popup for lightboxes, Nice Select for styled dropdowns, Font Awesome and Linearicons for icons, and Google Maps for map embeds.

Can I use Ronin for commercial projects?

Yes, the license allows open-source use in commercial projects, and the template receives lifetime free updates.