Velora - Luxury Spa Clinic HTML Template

Velora is a complete HTML website and business kit for med spas, aesthetic clinics, skincare studios and premium wellness brands.

The main website includes 18 responsive pages covering treatments, individual treatment details, results, memberships, team profiles, journal content, booking, contact, policies and a consultation quiz. Treatment content is kept in one JavaScript data file, so names, categories, pricing, images and descriptions can be updated without editing the same information on several pages.

I wanted the package to be useful beyond the website itself, so it also includes a small browser-based Brand Studio, 12 editable social graphics, printable clinic materials and an Excel business workbook.

The front end uses plain HTML, CSS and vanilla JavaScript. There is no framework, npm setup, database or build process. Forms are front-end examples and need to be connected to the buyer's preferred booking service, CRM or backend before production use.

The demo clinic, prices, provider profiles, testimonials and medical copy are fictional. They are there to show the layouts and must be replaced and professionally reviewed before a real clinic publishes the site.

Features

- 18 responsive HTML pages - Luxury editorial med spa design - Treatment directory with category filters and search - Data-driven treatment detail page - Separate Injectables, Skin and Laser/Devices landing pages - Consultation quiz with progress, back/continue controls and restart - Before/after comparison component - Membership page and pricing layouts - Provider/team profiles - Journal and article layouts - Booking and contact form interfaces with client-side validation - Dark/light theme preference - Mobile navigation and keyboard-friendly controls - Browser-based Brand Studio - 12 editable SVG social graphics - Printable consultation guide, treatment menu and launch material - Excel Business Command Center - HTML, CSS and vanilla JavaScript only - No framework or build step - Customer guide, architecture notes and customization map included

Requirements

- A modern browser such as Chrome, Firefox, Safari, Edge or Opera - Basic HTML/CSS knowledge for normal customization - Basic JavaScript knowledge for deeper changes - Standard static or shared web hosting - A booking/form/CRM service if you want live form submissions - Microsoft Excel or compatible spreadsheet software for the included workbook - Internet access while using the supplied remote demo photography - Independent review of medical, privacy, advertising and policy content before production use

Instructions

1. Extract the ZIP file. 2. Open README-FIRST.md. 3. Preview 01-website/index.html or use one of the included local demo launchers. 4. Change brand colors and typography in 01-website/assets/css/style.css. 5. Edit treatments, pricing, images and provider profiles in 01-website/assets/js/data.js. 6. Replace the fictional clinic details, testimonials and medical copy. 7. Connect the booking/contact forms to your own service or backend. 8. Review the full customer guide in 04-documentation/CUSTOMER-GUIDE.html. 9. Test the finished site on the browsers and devices you plan to support. 10. Upload the contents of 01-website to your web host.