Trimly is a barbershop and hair salon HTML template for shops that need bookings, service menus, and a gallery that looks as sharp as the work in the chair. It is built for independent barbers, grooming lounges, and multi-chair salons that want a site they can launch without a custom design sprint.
Who it is for: owners who already know their offer (cuts, color, beard work, spa add-ons) and need a public site that converts walk-ins and Google searches into appointments. The demo shows homepage, services, pricing, team, booking, and blog layouts so you can map your real pages before you buy.
What you get: a responsive Bootstrap HTML pack with multiple inner pages, appointment-style forms, service grids, testimonial blocks, and a gallery. Stack is HTML5, CSS3, and Bootstrap. Instant download after WooCommerce checkout on designingmedia.com. Swap the Melbourne dummy address and demo phone for yours, drop in your barbers, and publish.
Changelog lives with the product files. Lifetime updates are included; six months of human support covers install questions and how the template is meant to be edited. If you searched for a barbershop website template, this is the buyable URL — not the live demo on html.designingmedia.com.
A) Introduction
Upgrade your barbershop or hair salon website with Trimly — a modern, stylish HTML template crafted specifically for barbers, hair stylists, grooming studios, and beauty salons. Trimly blends contemporary design with practical functionality to create a professional online presence that reflects the style, confidence, and personality of your brand.
With Trimly’s clean, client-focused layout, building a powerful digital identity for your grooming business is effortless. Whether you run a classic barbershop, a modern hair studio, or a luxury grooming lounge, Trimly adapts seamlessly to your services — helping you attract new clients, showcase your expertise, and grow your reputation online.
Showcase your work and services with Trimly’s versatile features. From stylish service sections and pricing tables to barber profiles, appointment booking layouts, galleries, testimonials, and contact pages, Trimly provides everything you need to present your craft, highlight your team, and turn visitors into loyal customers.
Built on a fully responsive and performance-optimized framework, Trimly ensures your website looks sharp and functions smoothly across all devices. Whether viewed on smartphones, tablets, or desktops, your site will deliver a seamless browsing experience — helping your barbershop stand out, build trust with clients, and elevate your grooming brand to the next level.
It contains 1 Home Page layouts and about page layout and 27 valid HTML5 page templates designs, different Blog page styles and . Trimly template features are coded with Bootstrap Bootstrap v5.3.8, HTML5 & CSS3 and unlimited color schemes. It’s compatible with all modern browsers and search engine friendly. So showcase your artworks and services with this awesome template!
B) How to Edit HTML Files?
We have included 27 custom HTML templates like Home Page, About, Services, Projects and Contact etc. Please open any HTML files with a text editor like Dreamweaver, Notepad or Notepad++ and edit any lines what you want.
C) How to Edit CSS Files?
We have included some custom CSS styles like style.css (default). Please open any CSS files with a text editor like Dreamweaver, Notepad or Notepad++ and edit any lines what you want. For example if you want to edit your banner color open style.css and look at “.home-outer-wrapper ” for banner image and change your image.
D) How to use Color Schemes?
Please open style.css file from Trimly/assets/css folder with a text editor and build your own colors. #be8644 this is our primary color, you can search and replace all to your new color code.
E) How to use On Load Animation?
We are wow.js on load animation for our website. you can edit them by simply adding or changeing the predefined classes name.
jQuery Files
Photos
Icons:
font:
F) Resources Used
Global
Colors:
- Primary: #be8644
- Secondary: #ffffff
- Text: #6a6a6a
- Accent: #f8f3ec
Font Sizes:
- h1 >> 190
- h2 >> 80
- h3 >> 50
- h4 >> 30
- h5 >> 24
- h6 >> 20
- p >> 16
Image Links:
Note: All images are used for preview purposes only. They are not part of the template and hence, not included in the final purchase files.
Once again, thank you so much for purchasing this template. As I said at the beginning, I’d be glad to help you if you have any questions relating to this template. No guarantees, but I’ll do my best to assist. If you have a more general question relating to the themes and templates on ThemeForest, you might consider visiting the forums and asking your question in the “Item Discussion” section.
Designing Media Team
