ClinicMaster - Gynecology and Women's Health Landing Template

# 项目简介 ClinicMaster 是一款专为妇科诊所和女性健康医疗机构设计的 Bootstrap 响应式 HTML 模板。提供首页、服务介绍、团队展示、预约表单、博客等完整页面，支持 8 种配色主题切换，适合快速搭建专业医疗网站。 ## 技术栈 - HTML5 + Bootstrap 5 - CSS3（含 SCSS 源码，可自定义编译） - Vanilla JavaScript + jQuery - Google Fonts（Poppins、Playfair Display、Montserrat） - Font Awesome 5 图标库 ## 项目结构 ``` ClinicMaster-Gynecology-v1.0/ ├── doc/ # 模板文档 │ ├── index.html # 文档首页 │ ├── css/style.css # 文档样式 │ ├── js/custom.js │ └── plugins/ ├── package/ # 模板主体 │ ├── index.html # 首页 │ ├── about-us.html # 关于我们 │ ├── appointment.html # 预约页面 │ ├── contact-us.html # 联系页面 │ ├── services.html # 服务列表 │ ├── team.html # 团队展示 │ ├── blog-grid.html # 博客列表 │ ├── pricing-table.html # 定价表 │ ├── css/style.css # 编译后的样式 │ ├── package.json # npm 配置 │ └── js/ # JS 文件目录 ``` ## 核心文件说明 - `package/index.html` — 模板主页入口，包含完整头部、导航与页脚结构 - `package/css/style.css` — 编译后的完整样式文件（约 1000 行） - `package/package.json` — Sass 编译配置，可通过 `npm run sass` 监听编译 - `doc/index.html` — 模板使用文档，内含文件夹结构、基础 HTML 结构说明 - `package/js/custom.js` — 交互逻辑（导航、动画、插件初始化） - `package/js/dz.ajax.js` — Ajax 请求封装（用于表单提交等） ## 快速开始 1. 直接用浏览器打开 `package/index.html` 即可预览完整效果。 2. 如需修改样式，进入 `package/` 目录执行： ```bash npm install npm run sass ``` Sass 会监听 `scss/` 目录并自动编译到 `css/style.css`。 ## 使用建议 模板预设了 8 种皮肤配色（通过 `data-theme-color` 属性切换），可根据诊所品牌色选择对应皮肤。文档页面（`doc/index.html`）中包含 reCAPTCHA、MailChimp 等第三方服务集成说明，建议在部署前查阅。