项目简介link

Sycho 是一款心理学与心理咨询行业的 HTML5 网站模板，提供 3 种首页风格，集成博客、团队、服务、案例、预约等功能页面。采用响应式布局，兼容桌面端与移动端，可直接通过浏览器打开 index.html 进行预览和二次开发。

技术栈link

• Bootstrap 5.x（响应式框架）
• jQuery（交互与动画驱动）
• Slick Slider / Owl Carousel（轮播组件）
• metisMenu（移动端菜单）
• Nice Select（下拉选择框）
• Font Awesome + Flaticon（图标库）
• animate.css（CSS 动画）

项目结构link

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/              # 官方文档（含安装说明）

核心文件说明link

• sycho/index.html — 模板入口首页，整合所有 CSS/JS 引用
• sycho/assets/css/style.css — 主样式表，定义主题色、排版与布局
• sycho/assets/js/main.js — 交互逻辑，含轮播、滚动监听、懒加载等 20+ 功能模块
• sycho/assets/mail.php — 邮件发送后端脚本（需配合服务器使用）
• documentation/index.html — 官方文档，说明模板结构与自定义方法

快速开始link

1. 解压下载的压缩包，进入 sychohtml-10/sycho/ 目录
2. 双击 index.html 直接在浏览器中打开即可预览
3. 如需本地服务器（如 VS Code Live Server），在 sycho/ 目录右键启动即可

使用建议link

该模板适合心理咨询师个人网站或小型诊所使用。Contact 页面依赖 mail.php 发送邮件，上线前需将脚本部署至支持 PHP 的 Web 服务器。如需对接现代框架，可将 style.css 中的样式与页面结构移植到 React/Vue 项目中复用。