项目简介link

Nuro 是一套基于 Bootstrap 5 的心理健康诊疗网站静态模板，包含首页、服务介绍、团队、预约、博客等完整页面，适合心理咨询机构、精神健康诊所或医疗健康类网站快速搭建。

技术栈link

• HTML5 + CSS3（原生样式 + CSS Variables）
• Bootstrap 5（响应式布局、Offcanvas 导航）
• jQuery（交互逻辑）
• AOS（滚动动画）
• Swiper（轮播组件）
• Font Awesome + Bootstrap Icons（图标库）
• Google Fonts（Nunito / Source Sans 3）
• PHP（表单处理，仅 form_process.php）

项目结构link

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       # 主要交互脚本

核心文件说明link

• 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 — 官方文档目录页

快速开始link

1. 直接在浏览器中打开 html_template/index.html 即可预览；
2. 如需本地开发，建议使用 VS Code + Live Server 插件启动本地服务器；
3. 表单功能需配合后端环境（如 php -S localhost:8000）运行 form_process.php。

使用建议link

模板所有样式变量集中在 css/style.css 的 :root 区块，修改 --primary-color、--secondary-color 等变量即可快速更换主题配色；如需对接 CMS，请注意文档明确说明本模板为纯静态模板，不提供 WordPress 等平台集成支持。