Trimly - Barbershop & Hair Salon HTML Template

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

• assets/js/jquery-3.7.1.min.js
• assets/js/bootstrap.min.js
• js/popper.min.js
• js/animation.js

Photos

• Enveto Elements
• Freepik Photos

Icons:

• Font-Awesome

font:

• Inter Tight
• Teko

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