Medova – 健康与医疗 HTML 模板

# 项目简介 Medova 是一套面向医疗健康行业的多页面 HTML 模板，提供了诊所主页、口腔护理、儿童保健、博客、商品、医生团队等多个完整页面，适合快速搭建医院、诊所或医疗保健类网站。模板采用响应式布局，集成购物车（基于 WooCommerce）和联系表单功能。 ## 技术栈 - HTML5 / CSS3（自定义样式 + Bootstrap 5） - jQuery（移动端菜单、滚动动画、轮播等交互） - FontAwesome（图标） - PHP（联系表单后端 mail.php） ## 项目结构 ``` 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` 等）即可全局生效。