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!

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-Awesome

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:

https://elements.envato.com/collections/N9HZEYGAMK?
https://elements.envato.com/smiling-hairdresser-with-comb-scissors-and-spray-b-4PJ547W
https://elements.envato.com/mens-grooming-icon-pack-2H8GVQM
https://elements.envato.com/contact-us-get-in-touch-icons-ZHG6FSW
https://elements.envato.com/professional-barber-using-hairspray-to-finish-hair-9VRKUPA
https://elements.envato.com/client-during-beard-and-moustache-grooming-in-barb-2SWYUUT
2TVSH6E”>https://elements.envato.com/woman-with-hairdresser-looking-hair-dye-sample-in-2TVSH6E
https://elements.envato.com/smiling-young-hairdresser-looking-at-handsome-happ-WAYK4KK
https://elements.envato.com/cute-female-barber-washes-and-massages-the-head-of-VBLA4M4
https://elements.envato.com/smiling-hairdresser-with-combs-and-brush-on-gray-b-83XT99E
https://www.freepik.com/premium-vector/hairdressing-saloon-icon-with-barber-pole_40730851.htm
https://elements.envato.com/brutal-barber-master-with-scissors-and-a-comb-in-h-F3QDRTD
8Z66Q3B”>https://elements.envato.com/beautiful-woman-getting-haircut-by-hairdresser-in-8Z66Q3B

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

Trimly - Barbershop & Hair Salon HTML Template