Curenix - Healthcare & Medical HTML Template

# 项目简介 Curenix 是一套基于 Bootstrap 的医疗/咨询行业静态 HTML 网站模板，包含首页、关于页、服务页、团队页、博客页、联系表单等十余个完整页面，适用于企业官网快速搭建。模板内置 Owl Carousel 轮播、动画计数器、搜索遮罩等交互功能。 ## 技术栈 - Bootstrap 4（响应式布局框架） - jQuery（DOM 操作与交互逻辑） - Magnific Popup（视频弹窗） - Owl Carousel 2（轮播组件） - Font Awesome 6.5.1（图标库） - 静态 HTML/CSS/JS ## 项目结构 ``` curenixhtml-10/ ├── Documentation/ │ └── doc.html └── curenix/ ├── index.html # 首页（主页一） ├── index2.html # 首页（主页二） ├── about.html # 关于我们 ├── service.html # 服务列表 ├── service-detail.html # 服务详情 ├── team.html # 团队成员 ├── consultants.html # 顾问介绍 ├── blog.html # 博客列表 ├── single-blog.html # 博客详情 ├── contact.html # 联系我们 ├── contact-form.php # 表单后端（需配合服务器） ├── faq.html # 常见问题 ├── testimonial.html # 用户评价 ├── 404.html # 错误页 ├── coming-soon.html # 即将上线页 ├── assets/ │ ├── bootstrap/ │ │ └── bootstrap.min.css │ ├── css/ # 自定义样式（含 responsive、custom、superclasses 等） │ ├── images/ # 图片资源 │ └── js/ # jQuery 交互脚本（counter、search、video-section 等） ``` ## 核心文件说明 - `curenix/index.html` — 首页入口，集成顶部栏、导航、轮播 Banner、服务展示、计数器等模块 - `curenix/assets/js/counter.js` — 数字滚动动画，用于统计数据展示 - `curenix/assets/js/search.js` — 全屏搜索遮罩交互逻辑 - `curenix/assets/js/video-section.js` — Magnific Popup 视频弹窗初始化配置 - `curenix/assets/css/responsive.css` — 媒体查询相关响应式样式 - `curenix/contact-form.php` — 联系表单后端处理脚本（依赖 PHP 环境） ## 快速开始 1. 直接在浏览器打开 `curenix/index.html` 即可预览完整效果（本地服务器环境更佳）。 2. 如需使用联系表单功能，需将项目部署至支持 PHP 的 Web 服务器，并确保 `contact-form.php` 可正常执行。 ## 使用建议 - 模板图片均为占位图，实际部署时需替换 `assets/images/` 目录下的图片资源。 - 页面导航使用 Bootstrap navbar，dropdown 依赖 jQuery，确保引用了 `jquery.min.js` 后再加载业务脚本。