Appointment Form V02
Template Details
Author: Colorlib
Released: September 2026
License: CC BY 3.0
Description
A salon booking form where guests tick one or more services, each with a duration and price, and pick a stylist from photo cards, where senior stylists add a per-service surcharge. Start times are generated for the chosen day so the whole visit fits before closing and around existing bookings. A sticky dark summary panel keeps the running total, total duration and end time in view, and a confirmation card echoes the booking.
It is plain HTML and CSS plus a few lines of vanilla JavaScript: no jQuery, no Bootstrap files, no plugins, and the download is 721 KB. Use it on its own, or drop it into a Bootstrap 4, 5 or 6 project and it looks the same.
- Multi-select service cards built on real checkboxes
- Stylist radio cards with seniority pricing
- Start times respect total duration, closing time and booked gaps
- Sticky summary with live total price, duration and end time
- Closed days rejected with an inline message
- Accessible errors with focus moved to the first problem
Similar Templates
