Sycols - 心理咨询 HTML 模板

# 项目简介 Sycols 是一套面向心理咨询/心理健康服务机构的 HTML 网站模板，包含首页、作品集、博客、团队展示、咨询服务介绍等多个页面。模板采用响应式设计，适合搭建心理咨询工作室、医院心理科或在线心理辅导平台。 ## 技术栈 - Bootstrap 3.x（文档）/ Bootstrap 5.x（模板主样式） - jQuery（交互逻辑） - Font Awesome 4.x（图标） - 自定义 IcoMoon 图标字体（心理主题图标） - Google Fonts（Open Sans、Poppins 等字体） ## 项目结构 ``` sycols-html-package/ ├── sycols-html/ # 模板主体 │ ├── index.html # 首页 │ ├── index2.html / index3.html # 首页变体 │ ├── services.html # 服务总览 │ ├── contact.html # 联系我们 │ ├── blog-*.html # 博客相关页面 │ ├── team-*.html # 团队页面 │ └── assets/ # 静态资源（CSS/JS/图片） ├── sycols-html-documentations/ # 开发文档 │ ├── index.html # 文档首页 │ └── css/style.css # 文档样式 └── sycols-icons/ # 自定义图标字体 ├── style.css # 图标样式定义 └── demo.html # 图标预览页 ``` ## 核心文件说明 - `sycols-html/index.html` — 主站首页入口，包含头部导航、banner、服务介绍区块 - `sycols-html/assets/css/sycols.css` — 模板核心样式文件 - `sycols-html/assets/js/script.js` — 页面交互脚本（需查看确认） - `sycols-icons/style.css` — IcoMoon 图标字体声明与 40+ 心理主题图标类定义 - `sycols-html-documentations/index.html` — 官方开发文档，含 HTML 结构、CSS 说明、第三方集成指引 ## 快速开始 1. 进入 `sycols-html/` 目录 2. 用浏览器直接打开 `index.html` 即可预览 3. 如需本地服务器运行，可执行： ```bash npx serve sycols-html ``` ## 使用建议 - 正式使用前建议替换所有占位内容（联系方式、地址、图片） - 图标库位于 `sycols-icons/`，需同时引入字体文件方可正常显示 - 该模板为纯静态页面，如需表单功能需对接后端或第三方服务（如 Formspree）