ClinicMaster - 妇科和女性健康引导模板 preview 1

ClinicMaster - 妇科和女性健康引导模板

bookmark

ClinicMaster 是一款专为妇科诊所和女性健康医疗机构设计的 Bootstrap 响应式 HTML 模板。提供首页、服务介绍、团队展示、预约表单、博客等完整页面，支持 8 种配色主题切换，适合快速搭建专业医疗网站。

HTML商业bootstrapFertility clinicgynecologistgynecologyhealthcarematernity

项目简介

ClinicMaster 是一款专为妇科诊所和女性健康医疗机构设计的 Bootstrap 响应式 HTML 模板。提供首页、服务介绍、团队展示、预约表单、博客等完整页面，支持 8 种配色主题切换，适合快速搭建专业医疗网站。

技术栈

  • HTML5 + Bootstrap 5
  • CSS3（含 SCSS 源码，可自定义编译）
  • Vanilla JavaScript + jQuery
  • Google Fonts（Poppins、Playfair Display、Montserrat）
  • Font Awesome 5 图标库

项目结构

text
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 等第三方服务集成说明，建议在部署前查阅。

help_outline

常见问题