Nuro – Mental Health & Therapy HTML Bootstrap 5 Template

# 项目简介 Nuro 是一套基于 Bootstrap 5 的心理健康诊疗网站静态模板，包含首页、服务介绍、团队、预约、博客等完整页面，适合心理咨询机构、精神健康诊所或医疗健康类网站快速搭建。 ## 技术栈 - HTML5 + CSS3（原生样式 + CSS Variables） - Bootstrap 5（响应式布局、Offcanvas 导航） - jQuery（交互逻辑） - AOS（滚动动画） - Swiper（轮播组件） - Font Awesome + Bootstrap Icons（图标库） - Google Fonts（Nunito / Source Sans 3） - PHP（表单处理，仅 `form_process.php`） ## 项目结构 ``` nurohtml-10/ ├── documentation/ # 官方文档 │ ├── assets/ │ │ ├── css/ │ │ ├── fonts/ │ │ ├── img/ │ │ └── js/ │ └── index.html └── html_template/ # 模板主体 ├── index.html # 首页入口 ├── about-us.html ├── services.html ├── contact-us.html ├── pricing.html ├── team.html ├── blogs.html ├── faqs.html ├── error-404.html ├── appointment.html ├── css/ │ └── style.css # 主样式文件 ├── image/ # 模板图片资源 └── js/ └── script.js # 主要交互脚本 ``` ## 核心文件说明 - `html_template/index.html` — 首页入口文件 - `html_template/css/style.css` — 主样式表，定义配色、布局及所有组件样式 - `html_template/js/script.js` — 初始化 AOS 动画等交互逻辑 - `html_template/php/form_process.php` — 表单提交后端处理脚本 - `html_template/image/` — Logo、Hero 图等模板图片资源 - `documentation/index.html` — 官方文档目录页 ## 快速开始 1. 直接在浏览器中打开 `html_template/index.html` 即可预览； 2. 如需本地开发，建议使用 VS Code + Live Server 插件启动本地服务器； 3. 表单功能需配合后端环境（如 php -S localhost:8000）运行 `form_process.php`。 ## 使用建议 模板所有样式变量集中在 `css/style.css` 的 `:root` 区块，修改 `--primary-color`、`--secondary-color` 等变量即可快速更换主题配色；如需对接 CMS，请注意文档明确说明本模板为纯静态模板，不提供 WordPress 等平台集成支持。