Healingy - 治疗和咨询心理学家 HTML 模板 preview 1

Healingy - 治疗和咨询心理学家 HTML 模板

bookmark

Healingy 是一款专业的心理咨询与治疗网站 HTML 模板,基于 Bootstrap 5 框架构建,适合心理诊所、咨询师个人网站或健康服务机构使用。模板提供首页、服务介绍、治疗师团队、预约功能及商城模块,支持响应式布局和多种交互动效,可直接用于生产环境。

HTML

项目简介

Healingy 是一款专业的心理咨询与治疗网站 HTML 模板,基于 Bootstrap 5 框架构建,适合心理诊所、咨询师个人网站或健康服务机构使用。模板提供首页、服务介绍、治疗师团队、预约功能及商城模块,支持响应式布局和多种交互动效,可直接用于生产环境。

技术栈

  • Bootstrap 5(CSS 框架)
  • jQuery(JavaScript 交互层)
  • HTML5 / CSS3(语义化 markup 与样式)
  • PHP(联系表单后端处理)
  • SVG 图标(icons 目录)

项目结构

text
healingy-package/
├── documentation/           # 模板使用文档
│   ├── index.html
│   ├── css/style.css
│   └── javascript/main.js
└── healingy/               # 正式模板文件
    ├── index.html          # 首页
    ├── about.html          # 关于我们
    ├── our-service.html    # 服务介绍
    ├── our-therapists.html # 治疗师团队
    ├── book-appointment.html # 预约页面
    ├── shop-*.html         # 商城相关
    ├── contact-us.html     # 联系我们
    ├── contact/            # 表单后端
    │   └── contact-process.php
    ├── css/
    │   ├── bootstrap.css   # Bootstrap 框架
    │   └── styles.css      # 主题样式
    ├── js/
    │   └── main.js         # 交互逻辑
    └── icons/              # SVG 图标集

核心文件说明

  • healingy/index.html — 网站首页,包含顶部导航、banner、服务展示等主要区块
  • healingy/css/bootstrap.css — Bootstrap 5 框架核心样式,提供网格与组件基础
  • healingy/css/styles.css — 模板自定义主题样式,覆盖 Bootstrap 默认外观
  • healingy/js/main.js — 交互逻辑,含粘性导航、滚动效果、日期选择、表单处理等
  • healingy/contact/contact-process.php — 联系表单 AJAX 提交后端处理脚本
  • healingy/book-appointment.html — 在线预约页面,含日期选择与表单验证

快速开始

  1. 直接在浏览器打开 healingy/index.html 即可预览完整效果
  2. 如需本地服务器运行(启用 PHP 表单功能):
bash
# 使用 PHP 内置服务器
cd healingy-package/healingy
php -S localhost:8000

使用建议

  • 部署时需替换 contact-process.php 中的邮件接收地址配置,确保联系表单正常工作
  • 所有页面图片路径需根据实际部署环境调整,模板默认使用占位图
help_outline

常见问题