项目简介
Medova 是一套面向医疗健康行业的多页面 HTML 模板，提供了诊所主页、口腔护理、儿童保健、博客、商品、医生团队等多个完整页面，适合快速搭建医院、诊所或医疗保健类网站。模板采用响应式布局，集成购物车（基于 WooCommerce）和联系表单功能。
技术栈
- HTML5 / CSS3（自定义样式 + Bootstrap 5）
- jQuery（移动端菜单、滚动动画、轮播等交互）
- FontAwesome（图标）
- PHP（联系表单后端 mail.php）
项目结构
text
medovahtml-10/
├── documentation/ # 模板使用文档（index.html + css/）
├── download-version/ # 实际可用的模板文件
│ ├── index.html # 主首页
│ ├── about.html # 关于我们
│ ├── contact.html # 联系页面
│ ├── blog*.html # 博客列表/详情（多种布局）
│ ├── shop*.html # 商品列表/详情
│ ├── doctor*.html # 医生团队
│ ├── service*.html # 服务项目
│ ├── home-*.html # 不同风格首页（牙科/诊所/儿科）
│ ├── mail.php # 表单后端
│ └── assets/
│ ├── css/style.css # 完整样式表
│ └── js/main.js # 所有交互逻辑
核心文件说明
download-version/index.html— 主首页，包含轮播、科室、医生展示等区块download-version/assets/css/style.css— 全局样式，定义了医疗主题配色（主色 #F96363）download-version/assets/js/main.js— 移动端菜单、滚动置顶、锚点导航等交互实现download-version/home-medical-clinic.html— 医疗诊所风格首页模板download-version/shop.html— 商品列表页，含购物车与结算流程download-version/mail.php— 联系表单的后端处理脚本
快速开始
直接在浏览器打开 download-version/index.html 即可预览。联系表单需要配置服务器环境（如 XAMPP）运行 mail.php，确保 PHP 环境可用。
使用建议
模板预设了多个首页变体，建议根据实际业务选择对应 home-*.html 作为入口页面进行二次开发。定制颜色时只需修改 style.css 顶部 CSS 变量（--theme-color 等）即可全局生效。
