项目简介link

Sifoxen 是一套基于 Bootstrap 的静态 HTML 模板，专为脊椎治疗、物理治疗及康复护理类医疗机构设计。包含完整文档站和可直接使用的主模板，提供博客、预约、购物车、联系表单等 30+ 页面模板，适合快速搭建医疗服务类网站。

技术栈link

• Bootstrap 3.x / 5.x（响应式布局框架）
• Static HTML5 + CSS3
• jQuery（交互脚本）
• FontAwesome 5.x（图标库）
• IcoMoon 自定义图标字体（sifoxen-icons）
• Google Fonts（Open Sans、Poppins、EB Garamond 等）

项目结构link

sifoxenhtml-10/sifoxen/
├── sifoxen-html-documentations/    # 模板使用文档
│   ├── index.html
│   ├── css/
│   │   ├── bootstrap.css
│   │   ├── font-awesome.css
│   │   └── style.css               # 文档页样式
│   ├── js/
│   └── images/
├── sifoxen-html-main/              # 主模板（30+ 页面）
│   ├── index.html                  # 首页
│   ├── about.html
│   ├── contact.html
│   ├── blog-*.html                 # 博客相关页面
│   ├── cart.html, checkout.html    # 商城功能页
│   └── assets/                     # CSS/JS/字体/图片
└── sifoxen-icons/                  # 定制图标字体

核心文件说明link

• sifoxen-html-main/index.html — 首页入口，展示模板整体风格
• sifoxen-html-main/assets/css/sifoxen.css — 主模板核心样式文件
• sifoxen-html-documentations/index.html — 官方文档页，含配置说明
• sifoxen-html-documentations/css/style.css — 文档页样式，含侧边栏导航
• sifoxen-icons/style.css — 自定义图标字体声明，包含所有业务图标
• sifoxen-html-main/assets/vendors/bootstrap/ — Bootstrap 框架文件

快速开始link

直接用浏览器打开 sifoxen-html-main/index.html 即可预览首页。如需本地服务器（推荐），可执行：

npx serve sifoxen-html-main
# 或
python -m http.server 8080

使用建议link

模板采用模块化 HTML 结构，可根据需要复制对应页面到项目中。定制时主要修改 assets/css/sifoxen.css 中的主题色变量（约 #AE61BE 紫色）即可更换品牌色。预约、联系表单等交互功能需后端对接。