项目简介link

Mediox 是一套面向医疗健康行业的响应式 HTML 网站模板，提供诊所、医院、美容整形、牙科等多种医疗场景页面。模板基于 Bootstrap 框架，包含完整的产品展示、预约、博客、购物车等业务页面，适合快速搭建医疗类商业网站。

技术栈link

• Bootstrap 3.3.4（栅格与组件）
• jQuery（交互与动画）
• Font Awesome（图标）
• 定制图标字体（mediox-icons）
• Google Fonts（Open Sans / Poppins / Manrope）

项目结构link

mediox-html-package/
├── mediox-html-documentations/   # 模板使用文档
│   ├── index.html
│   └── css/
│       ├── bootstrap.css
│       ├── font-awesome.css
│       └── style.css
├── mediox-html-main/             # 主模板（含 30+ 页面）
│   ├── index.html
│   ├── about.html
│   ├── contact.html
│   ├── appointment.html
│   ├── blog-*.html
│   ├── cart.html / checkout.html
│   └── ...
└── mediox-icons/                 # 自定义图标字体
    └── style.css

核心文件说明link

• mediox-html-main/index.html — 首页入口，展示模板主视觉与导航
• mediox-html-main/contact.html — 联系页面，含地图与表单配置说明
• mediox-html-main/appointment.html — 预约表单页面
• mediox-html-documentations/index.html — 完整使用文档（含 HTML/CSS/JS 结构说明）
• mediox-icons/style.css — 自定义图标字体样式，定义 icon-* 类名与对应字符

快速开始link

1. 进入 mediox-html-main/ 目录
2. 直接用浏览器打开 index.html 预览首页
3. 或使用本地服务器（如 npx serve .）获得完整浏览体验
4. 参考 mediox-html-documentations/index.html 了解各模块配置方式

使用建议link

模板页面较多（约 30+），实际项目通常只需选取其中部分页面进行定制开发；自定义图标需在 mediox-icons/ 目录下通过 IcoMoon 工具重新生成。