Mediox - 医疗和保健 HTML 模板

# 项目简介 Mediox 是一套面向医疗健康行业的响应式 HTML 网站模板，提供诊所、医院、美容整形、牙科等多种医疗场景页面。模板基于 Bootstrap 框架，包含完整的产品展示、预约、博客、购物车等业务页面，适合快速搭建医疗类商业网站。 ## 技术栈 - Bootstrap 3.3.4（栅格与组件） - jQuery（交互与动画） - Font Awesome（图标） - 定制图标字体（mediox-icons） - Google Fonts（Open Sans / Poppins / Manrope） ## 项目结构 ``` 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 ``` ## 核心文件说明 - `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-* 类名与对应字符 ## 快速开始 1. 进入 `mediox-html-main/` 目录 2. 直接用浏览器打开 `index.html` 预览首页 3. 或使用本地服务器（如 `npx serve .`）获得完整浏览体验 4. 参考 `mediox-html-documentations/index.html` 了解各模块配置方式 ## 使用建议 模板页面较多（约 30+），实际项目通常只需选取其中部分页面进行定制开发；自定义图标需在 `mediox-icons/` 目录下通过 IcoMoon 工具重新生成。