Project Overview
Healingy is a professional psychological counseling and therapy website HTML template built on the Bootstrap 5 framework, suitable for psychology clinics, therapist personal websites, or health service organizations. The template includes a homepage, service introduction, therapist team, appointment booking functionality, and a shop module, supporting responsive layout and various interactive effects, ready for production use.
Tech Stack
- Bootstrap 5 (CSS framework)
- jQuery (JavaScript interaction layer)
- HTML5 / CSS3 (semantic markup and styles)
- PHP (contact form backend processing)
- SVG icons (icons directory)
Project Structure
healingy-package/
├── documentation/ # Template usage documentation
│ ├── index.html
│ ├── css/style.css
│ └── javascript/main.js
└── healingy/ # Official template files
├── index.html # Homepage
├── about.html # About Us
├── our-service.html # Service Introduction
├── our-therapists.html # Therapist Team
├── book-appointment.html # Appointment Booking Page
├── shop-*.html # Shop related pages
├── contact-us.html # Contact Us
├── contact/ # Form backend
│ └── contact-process.php
├── css/
│ ├── bootstrap.css # Bootstrap framework
│ └── styles.css # Theme styles
├── js/
│ └── main.js # Interaction logic
└── icons/ # SVG icon set
Core File Description
healingy/index.html— Website homepage, includes top navigation, banner, service showcase and other main sectionshealingy/css/bootstrap.css— Bootstrap 5 framework core styles, providing grid and component foundationhealingy/css/styles.css— Template custom theme styles, overriding Bootstrap default appearancehealingy/js/main.js— Interaction logic, including sticky navigation, scroll effects, date picker, form handling, etc.healingy/contact/contact-process.php— Contact form AJAX submission backend processing scripthealingy/book-appointment.html— Online appointment booking page, includes date picker and form validation
Quick Start
- Open
healingy/index.htmldirectly in your browser to preview the full effect - To run with a local server (enable PHP form functionality):
# Use PHP built-in server
cd healingy-package/healingy
php -S localhost:8000
Usage Suggestions
- When deploying, replace the email recipient configuration in
contact-process.phpto ensure the contact form works properly - All page image paths need to be adjusted according to the actual deployment environment; the template uses placeholder images by default
