Bloom & Glow | Beauty Salon HTML Template

Live Preview

Your salon makes people feel beautiful. Your website should do the same.

Bloom & Glow is a modern, responsive Bootstrap 5 HTML template for beauty salons, spas, and hair/makeup studios. With a custom rose-gold design theme, elegant typography, and 13 fully coded pages, it gives your salon a polished online presence that feels as considered as the services you offer.

Pages

Page	Description
Home	Hero, about intro, services, stats, team, testimonials, pricing, gallery, blog & CTA
About	Salon story, mission/vision/values, video banner, stats, team preview
Services	Full service menu grid
Service Details	Single service deep-dive with FAQ accordion
Pricing	Package pricing tiers + à la carte price list
Team	Full stylist/staff grid with social links
Gallery	Filterable image gallery (Hair / Makeup / Nails / Skin)
Blog	Blog listing with sidebar (search, recent posts, categories, tags)
Blog Details	Single blog post with author bio & comments
Contact	Contact info, appointment booking form, embedded map
FAQ	Categorized accordion of frequently asked questions
Style Guide	Colors, typography, buttons, badges, forms & UI components reference
404	Custom “page not found” error page

Why Bloom & Glow Works

1. It feels like the salon.
A custom rose-gold, charcoal, and gold color theme paired with Playfair Display headings and Jost body text gives the site a warm, upscale feel. Visitors know what kind of salon they’re looking at before they read a word.

2. It’s built for browsing.
Thirteen pages cover everything a salon visitor needs: services, pricing, team bios, gallery, blog, FAQ, and a booking form. The dropdown navigation covers every page, and the filterable gallery lets visitors browse by category — Hair, Makeup, Nails, or Skin.

3. It’s built on Bootstrap 5.3.
A modern, stable foundation with a full responsive grid. Custom styles extend Bootstrap through CSS variables, so adjusting colors and typography doesn’t break the layout.

4. It’s easy to customize.
No build step. No templating engine. Each page is plain HTML, and the shared header, footer, and navigation are documented clearly in the README. Edit the CSS variables at the top of css/style.css to re-theme the entire site in minutes.

Key Features

13 fully coded, responsive pages — Home, About, Services, Service Details, Pricing, Team, Gallery, Blog, Blog Details, Contact, FAQ, Style Guide, 404
Built on Bootstrap 5.3 via CDN, with Bootstrap Icons
Custom rose-gold / charcoal / gold theme in css/style.css, extending Bootstrap via CSS variables
Google Fonts: Playfair Display (headings) + Jost (body)
Sticky navbar with scroll effect and dropdown menus covering every page
“PRO” badge next to navigation items, matching premium marketplace themes
Animated stat counters and gallery category filter
Bootstrap form validation built in
Filterable gallery organized by Hair / Makeup / Nails / Skin
Preloader, back-to-top button, newsletter & contact form (front-end only)
Organized, reusable component classes — service cards, team cards, pricing cards, testimonial cards, blog cards, accordions
No build step — open the files, edit, and upload

Who Is This Template For?

Beauty salons and spas who need a polished, professional online presence
Hair and makeup studios showcasing services, pricing, and team
Nail and skin care professionals building a booking-focused site
Freelance developers and agencies building for beauty and wellness clients
Anyone wanting a warm, modern salon template with a complete page set

Customization

Colors & fonts — edit the CSS variables at the top of css/style.css (:root { --salon-primary: ...; })
Content — each page is plain HTML; update text, links, and images directly. The shared header/footer markup is duplicated across each page, so update it in every file when making sitewide changes.
Images — replace files inside images/ (keep the same filenames, or update the src and style references in the HTML)
“PRO” badges — remove the <span class="badge-pro">PRO</span> elements in the navigation markup if you don’t need them; the badge style lives in css/style.css under .badge-pro

Note: The newsletter and contact forms are front-end only. To receive submissions directly, connect a form service or backend.

Built by TemplatesJungle

This template was created and distributed by TemplatesJungle — a marketplace for clean, modern, developer-friendly HTML templates built for small businesses, local service providers, and beauty and wellness brands. Every template is lightweight, easy to customize, and ready to deploy.

Looking for more? Browse the full small business templates collection or explore focused, high-converting one page templates.