Sycho - Psychology and Counseling HTML5 Template

# 项目简介 Sycho 是一款心理学与心理咨询行业的 HTML5 网站模板，提供 3 种首页风格，集成博客、团队、服务、案例、预约等功能页面。采用响应式布局，兼容桌面端与移动端，可直接通过浏览器打开 `index.html` 进行预览和二次开发。 ## 技术栈 - Bootstrap 5.x（响应式框架） - jQuery（交互与动画驱动） - Slick Slider / Owl Carousel（轮播组件） - metisMenu（移动端菜单） - Nice Select（下拉选择框） - Font Awesome + Flaticon（图标库） - animate.css（CSS 动画） ## 项目结构 ``` sychohtml-10/ ├── sycho/ # 模板主目录 │ ├── index.html # 首页（风格一） │ ├── index-2.html # 首页（风格二） │ ├── index-3.html # 首页（风格三） │ ├── about-us.html # 关于我们 │ ├── services.html # 服务列表 │ ├── blog.html # 博客列表 │ ├── team.html # 团队成员 │ ├── contact.html # 联系页面 │ └── assets/ │ ├── css/ │ │ └── style.css # 主样式文件 │ └── mail.php # 邮件发送脚本 └── documentation/ # 官方文档（含安装说明） ``` ## 核心文件说明 - `sycho/index.html` — 模板入口首页，整合所有 CSS/JS 引用 - `sycho/assets/css/style.css` — 主样式表，定义主题色、排版与布局 - `sycho/assets/js/main.js` — 交互逻辑，含轮播、滚动监听、懒加载等 20+ 功能模块 - `sycho/assets/mail.php` — 邮件发送后端脚本（需配合服务器使用） - `documentation/index.html` — 官方文档，说明模板结构与自定义方法 ## 快速开始 1. 解压下载的压缩包，进入 `sychohtml-10/sycho/` 目录 2. 双击 `index.html` 直接在浏览器中打开即可预览 3. 如需本地服务器（如 VS Code Live Server），在 `sycho/` 目录右键启动即可 ## 使用建议 该模板适合心理咨询师个人网站或小型诊所使用。Contact 页面依赖 `mail.php` 发送邮件，上线前需将脚本部署至支持 PHP 的 Web 服务器。如需对接现代框架，可将 `style.css` 中的样式与页面结构移植到 React/Vue 项目中复用。