{"id":242321,"date":"2026-09-29T05:34:30","date_gmt":"2026-09-29T05:34:30","guid":{"rendered":"https:\/\/colorlib.com\/wp\/?post_type=portfolio&p=242321"},"modified":"2026-10-11T10:07:50","modified_gmt":"2026-10-11T10:07:50","slug":"haircare","status":"publish","type":"portfolio","link":"https:\/\/colorlib.com\/wp\/template\/haircare\/","title":{"rendered":"Haircare"},"content":{"rendered":"
[vc_row][vc_column][vc_column_text]\"Haircare[\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column width=”1\/3″]
Template Details<\/span><\/div>[vc_column_text css=”.vc_custom_1568459571566{margin-top: 20px !important;}”]Author:<\/strong> Colorlib<\/p>\n

Updated:<\/strong> October 2026 \u00b7 v3.0.0<\/p>\n

Credits: <\/strong>Images from\u00a0Unsplash[\/vc_column_text][\/vc_column][vc_column width=”2\/3″]

Description<\/span><\/div>[vc_column_text css=”.vc_custom_1568790667100{margin-top: 20px !important;}”]Haircare is a website template for hair salons, barbershops and beauty studios, built on Bootstrap 5. The layout is responsive and mobile-ready, the menu sticks to the top as you scroll, and the page headers scroll with a parallax effect. There are seven pages: home, services, gallery, about, blog, blog post and contact.<\/p>\n

The home page has a full-height hero, men’s and women’s services, a services menu, an appointment booking form, a team slider, a work gallery with a lightbox, price lists and a client testimonials slider. The inner pages add a services page with the services menu, the booking form and the prices, a gallery page, an about page with the salon’s story, a video, the team and testimonials, a blog with a sidebar (search, categories, recent posts and tags), a blog post with comments and a comment form, and a contact page with the address, phone, email, opening hours, a working contact form and a map that loads on click. Haircare gives you a ready-made site to present a salon, its stylists and its prices, and to take bookings.<\/p>\n

What’s new in 3.0<\/h3>\n
    \n
  • Bootstrap 5.3.8 (the earlier release used Bootstrap 4.3.1 and jQuery 3.2.1), compiled from Sass together with the theme and the design’s original proportions, and plain JavaScript with no jQuery. Swiper 14 replaces Owl Carousel on the team and testimonial sliders, PhotoSwipe replaces Magnific Popup in the gallery, a video dialog plays the about page video, Jarallax replaces Stellar on the page headers, a small built-in module replaces Waypoints and animate.css, the browser’s own date and time fields replace the jQuery date and time pickers, and the unused AOS, Scrollax, animateNumber and easing scripts are gone. Lucide SVG icons and a 1 KB social-logo subset replace Open Iconic, Ionicons, icomoon and Flaticon (the Twitter bird is now the X logo), with the logo’s scissors badge and the beard service icon redrawn in Lucide’s style. npm run build (Dart Sass and esbuild) compiles one minified stylesheet and one script.<\/li>\n
  • Lighter pages: the home page went from 4.6 MB and 59 requests to 1.5 MB and 41 requests, and the contact page from 3.1 MB and 51 requests to 606 KB and 14 requests. Every photo has an AVIF version with the JPEG as the fallback, the gallery and blog photos have real dimensions and lazy loading, each page preloads its hero photo, and the full-screen preloader is gone. The download is now 4.3 MB (it was 5.3 MB).<\/li>\n
  • No third-party requests: Poppins and Barlow Condensed are self-hosted, the contact page map is an OpenStreetMap map that loads only when a visitor clicks “Show map”, the about page video is a stock barbershop clip that plays in a dialog from YouTube’s privacy-enhanced player only after a click, and a Google Analytics 4 snippet stays commented out until you add your own ID. Before, every page loaded its web fonts from Google Fonts and the Google Maps script, although no page had a map.<\/li>\n
  • Working forms: the booking form on the home and services pages sends through includes\/appointment.php, the contact form through includes\/send-email.php and the blog comment form through includes\/comment.php, all with validation, a spam trap and an in-page message, and the blog sidebar search opens the blog. Before, the booking form posted nowhere and neither it nor the comment form had field names, so nothing could be sent. The booking form now has email and phone fields and the browser’s own date and time fields.<\/li>\n
  • Accessibility: a skip link and a main landmark on every page, one h1 per page, names on icon-only links and buttons, labelled form fields, a visible focus ring and WCAG AA text contrast: a darker gold for gold text on the cream backgrounds, dark text on the gold buttons (white text on the gold was 2.8:1), darker body text, and a darker shade behind the text on the hero, page title, service and gallery photos.<\/li>\n
  • Fixed: the contact page was a copy of the blog page and is now a real contact page with contact details, opening hours, a contact form and a map that loads on click; the gallery captions linked to a page that does not exist; the testimonial slider’s dots no longer overlap the client’s name; placeholder links that pointed to “#” now go to the matching pages; and every page has its own title and description, with Open Graph tags, a favicon and hair salon structured data.<\/li>\n
  • Demo content: salon copy replaces placeholder text in the services, prices, team, gallery captions and footer, the blog has six hair-care posts with matching categories and tags, five different client testimonials replace five identical ones, and fictional names and contact details are used throughout. Two photos that showed brand signs are replaced with Unsplash photos, and small brand marks in eight others are blurred.<\/li>\n<\/ul>\n[\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column width=”1\/3″] [vc_btn title=”Preview” style=”flat” color=”purple” i_icon_fontawesome=”fa fa-eye” add_icon=”true” css=”.vc_custom_1568459597489{margin-left: 10px !important;}” link=”url:https%3A%2F%2Fpreview.colorlib.com%2F%23haircare||target:%20_blank|”][\/vc_column][vc_column width=”2\/3″][\/vc_column][\/vc_row]\n<\/div>","protected":false},"excerpt":{"rendered":"

    Haircare is a hair salon and barbershop website template with seven pages, a booking form, a team slider, a work gallery, price lists, client testimonials, a blog and working booking, contact and comment forms.<\/p>\n","protected":false},"author":697,"featured_media":386816,"menu_order":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"_yoast_wpseo_focuskw":"","_yoast_wpseo_title":"%%title%% - Free Hair Stylist Website Template %%currentyear%% %%sep%% %%sitename%%","_yoast_wpseo_metadesc":"Haircare is a modern, professional, creative and attention-grabbing free hair stylist website template for salons and barbershops.","footnotes":"","colorlib_dwn":"8621"},"portfolio_tag":[9251,6148],"portfolio_category":[6417,8618,62905,6806,5967],"class_list":["type-portfolio","status-publish","hentry","entry"],"yoast_head":"\nHaircare - Free Hair Stylist Website Template 2026 - Colorlib<\/title>\n<meta name=\"description\" content=\"Haircare is a modern, professional, creative and attention-grabbing free hair stylist website template for salons and barbershops.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/colorlib.com\/wp\/template\/haircare\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Haircare - Free Hair Stylist Website Template 2026 - Colorlib\" \/>\n<meta property=\"og:description\" content=\"Haircare is a modern, professional, creative and attention-grabbing free hair stylist website template for salons and barbershops.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/colorlib.com\/wp\/template\/haircare\/\" \/>\n<meta property=\"og:site_name\" content=\"Colorlib\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/colorlib\" \/>\n<meta property=\"article:modified_time\" content=\"2026-10-11T10:07:50+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/colorlib.com\/wp\/wp-content\/uploads\/sites\/2\/haircare-3.0.0.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"2400\" \/>\n\t<meta property=\"og:image:height\" content=\"1892\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@colorlib\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/colorlib.com\\\/wp\\\/template\\\/haircare\\\/\",\"url\":\"https:\\\/\\\/colorlib.com\\\/wp\\\/template\\\/haircare\\\/\",\"name\":\"Haircare - Free Hair Stylist Website Template 2026 - Colorlib\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/colorlib.com\\\/wp\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/colorlib.com\\\/wp\\\/template\\\/haircare\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/colorlib.com\\\/wp\\\/template\\\/haircare\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/colorlib.com\\\/wp\\\/wp-content\\\/uploads\\\/sites\\\/2\\\/haircare-3.0.0.jpg\",\"datePublished\":\"2026-09-29T05:34:30+00:00\",\"dateModified\":\"2026-10-11T10:07:50+00:00\",\"description\":\"Haircare is a modern, professional, creative and attention-grabbing free hair stylist website template for salons and barbershops.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/colorlib.com\\\/wp\\\/template\\\/haircare\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/colorlib.com\\\/wp\\\/template\\\/haircare\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/colorlib.com\\\/wp\\\/template\\\/haircare\\\/#primaryimage\",\"url\":\"https:\\\/\\\/colorlib.com\\\/wp\\\/wp-content\\\/uploads\\\/sites\\\/2\\\/haircare-3.0.0.jpg\",\"contentUrl\":\"https:\\\/\\\/colorlib.com\\\/wp\\\/wp-content\\\/uploads\\\/sites\\\/2\\\/haircare-3.0.0.jpg\",\"width\":2400,\"height\":1892,\"caption\":\"Haircare website template\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/colorlib.com\\\/wp\\\/template\\\/haircare\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/colorlib.com\\\/wp\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Barber Website Templates\",\"item\":\"https:\\\/\\\/colorlib.com\\\/wp\\\/cat\\\/barber\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Haircare\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/colorlib.com\\\/wp\\\/#website\",\"url\":\"https:\\\/\\\/colorlib.com\\\/wp\\\/\",\"name\":\"Colorlib\",\"description\":\"WordPress tutorials, theme reviews, and web design inspiration. Free themes and 1,000+ HTML templates from Colorlib.\",\"publisher\":{\"@id\":\"https:\\\/\\\/colorlib.com\\\/wp\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/colorlib.com\\\/wp\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/colorlib.com\\\/wp\\\/#organization\",\"name\":\"Colorlib\",\"url\":\"https:\\\/\\\/colorlib.com\\\/wp\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/colorlib.com\\\/wp\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/colorlib.com\\\/wp\\\/wp-content\\\/uploads\\\/sites\\\/2\\\/colorlib-logo-top-1.png\",\"contentUrl\":\"https:\\\/\\\/colorlib.com\\\/wp\\\/wp-content\\\/uploads\\\/sites\\\/2\\\/colorlib-logo-top-1.png\",\"width\":800,\"height\":400,\"caption\":\"Colorlib\"},\"image\":{\"@id\":\"https:\\\/\\\/colorlib.com\\\/wp\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/colorlib\",\"https:\\\/\\\/x.com\\\/colorlib\",\"https:\\\/\\\/www.instagram.com\\\/colorlib\\\/\",\"https:\\\/\\\/www.linkedin.com\\\/company\\\/colorlib\",\"https:\\\/\\\/youtube.com\\\/c\\\/Colorlib\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Haircare - Free Hair Stylist Website Template 2026 - Colorlib","description":"Haircare is a modern, professional, creative and attention-grabbing free hair stylist website template for salons and barbershops.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/colorlib.com\/wp\/template\/haircare\/","og_locale":"en_US","og_type":"article","og_title":"Haircare - Free Hair Stylist Website Template 2026 - Colorlib","og_description":"Haircare is a modern, professional, creative and attention-grabbing free hair stylist website template for salons and barbershops.","og_url":"https:\/\/colorlib.com\/wp\/template\/haircare\/","og_site_name":"Colorlib","article_publisher":"https:\/\/www.facebook.com\/colorlib","article_modified_time":"2026-10-11T10:07:50+00:00","og_image":[{"width":2400,"height":1892,"url":"https:\/\/colorlib.com\/wp\/wp-content\/uploads\/sites\/2\/haircare-3.0.0.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_site":"@colorlib","twitter_misc":{"Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/colorlib.com\/wp\/template\/haircare\/","url":"https:\/\/colorlib.com\/wp\/template\/haircare\/","name":"Haircare - Free Hair Stylist Website Template 2026 - Colorlib","isPartOf":{"@id":"https:\/\/colorlib.com\/wp\/#website"},"primaryImageOfPage":{"@id":"https:\/\/colorlib.com\/wp\/template\/haircare\/#primaryimage"},"image":{"@id":"https:\/\/colorlib.com\/wp\/template\/haircare\/#primaryimage"},"thumbnailUrl":"https:\/\/colorlib.com\/wp\/wp-content\/uploads\/sites\/2\/haircare-3.0.0.jpg","datePublished":"2026-09-29T05:34:30+00:00","dateModified":"2026-10-11T10:07:50+00:00","description":"Haircare is a modern, professional, creative and attention-grabbing free hair stylist website template for salons and barbershops.","breadcrumb":{"@id":"https:\/\/colorlib.com\/wp\/template\/haircare\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/colorlib.com\/wp\/template\/haircare\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/colorlib.com\/wp\/template\/haircare\/#primaryimage","url":"https:\/\/colorlib.com\/wp\/wp-content\/uploads\/sites\/2\/haircare-3.0.0.jpg","contentUrl":"https:\/\/colorlib.com\/wp\/wp-content\/uploads\/sites\/2\/haircare-3.0.0.jpg","width":2400,"height":1892,"caption":"Haircare website template"},{"@type":"BreadcrumbList","@id":"https:\/\/colorlib.com\/wp\/template\/haircare\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/colorlib.com\/wp\/"},{"@type":"ListItem","position":2,"name":"Barber Website Templates","item":"https:\/\/colorlib.com\/wp\/cat\/barber\/"},{"@type":"ListItem","position":3,"name":"Haircare"}]},{"@type":"WebSite","@id":"https:\/\/colorlib.com\/wp\/#website","url":"https:\/\/colorlib.com\/wp\/","name":"Colorlib","description":"WordPress tutorials, theme reviews, and web design inspiration. Free themes and 1,000+ HTML templates from Colorlib.","publisher":{"@id":"https:\/\/colorlib.com\/wp\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/colorlib.com\/wp\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/colorlib.com\/wp\/#organization","name":"Colorlib","url":"https:\/\/colorlib.com\/wp\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/colorlib.com\/wp\/#\/schema\/logo\/image\/","url":"https:\/\/colorlib.com\/wp\/wp-content\/uploads\/sites\/2\/colorlib-logo-top-1.png","contentUrl":"https:\/\/colorlib.com\/wp\/wp-content\/uploads\/sites\/2\/colorlib-logo-top-1.png","width":800,"height":400,"caption":"Colorlib"},"image":{"@id":"https:\/\/colorlib.com\/wp\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/colorlib","https:\/\/x.com\/colorlib","https:\/\/www.instagram.com\/colorlib\/","https:\/\/www.linkedin.com\/company\/colorlib","https:\/\/youtube.com\/c\/Colorlib"]}]}},"_links":{"self":[{"href":"https:\/\/colorlib.com\/wp\/wp-json\/wp\/v2\/portfolio\/242321","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/colorlib.com\/wp\/wp-json\/wp\/v2\/portfolio"}],"about":[{"href":"https:\/\/colorlib.com\/wp\/wp-json\/wp\/v2\/types\/portfolio"}],"author":[{"embeddable":true,"href":"https:\/\/colorlib.com\/wp\/wp-json\/wp\/v2\/users\/697"}],"replies":[{"embeddable":true,"href":"https:\/\/colorlib.com\/wp\/wp-json\/wp\/v2\/comments?post=242321"}],"version-history":[{"count":6,"href":"https:\/\/colorlib.com\/wp\/wp-json\/wp\/v2\/portfolio\/242321\/revisions"}],"predecessor-version":[{"id":386960,"href":"https:\/\/colorlib.com\/wp\/wp-json\/wp\/v2\/portfolio\/242321\/revisions\/386960"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/colorlib.com\/wp\/wp-json\/wp\/v2\/media\/386816"}],"wp:attachment":[{"href":"https:\/\/colorlib.com\/wp\/wp-json\/wp\/v2\/media?parent=242321"}],"wp:term":[{"taxonomy":"portfolio_tag","embeddable":true,"href":"https:\/\/colorlib.com\/wp\/wp-json\/wp\/v2\/portfolio_tag?post=242321"},{"taxonomy":"portfolio_category","embeddable":true,"href":"https:\/\/colorlib.com\/wp\/wp-json\/wp\/v2\/portfolio_category?post=242321"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}