项目简介
Curenix 是一套基于 Bootstrap 的医疗/咨询行业静态 HTML 网站模板,包含首页、关于页、服务页、团队页、博客页、联系表单等十余个完整页面,适用于企业官网快速搭建。模板内置 Owl Carousel 轮播、动画计数器、搜索遮罩等交互功能。
技术栈
- Bootstrap 4(响应式布局框架)
- jQuery(DOM 操作与交互逻辑)
- Magnific Popup(视频弹窗)
- Owl Carousel 2(轮播组件)
- Font Awesome 6.5.1(图标库)
- 静态 HTML/CSS/JS
项目结构
text
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 环境)
快速开始
- 直接在浏览器打开
curenix/index.html即可预览完整效果(本地服务器环境更佳)。 - 如需使用联系表单功能,需将项目部署至支持 PHP 的 Web 服务器,并确保
contact-form.php可正常执行。
使用建议
- 模板图片均为占位图,实际部署时需替换
assets/images/目录下的图片资源。 - 页面导航使用 Bootstrap navbar,dropdown 依赖 jQuery,确保引用了
jquery.min.js后再加载业务脚本。
