Curenix - 医疗保健和医疗 HTML 模板 preview 1

Curenix - 医疗保健和医疗 HTML 模板

bookmark

Curenix 是一套基于 Bootstrap 的医疗/咨询行业静态 HTML 网站模板,包含首页、关于页、服务页、团队页、博客页、联系表单等十余个完整页面,适用于企业官网快速搭建。模板内置 Owl Carousel 轮播、动画计数器、搜索遮罩等交互功能。

HTML

项目简介

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 环境)

快速开始

  1. 直接在浏览器打开 curenix/index.html 即可预览完整效果(本地服务器环境更佳)。
  2. 如需使用联系表单功能,需将项目部署至支持 PHP 的 Web 服务器,并确保 contact-form.php 可正常执行。

使用建议

  • 模板图片均为占位图,实际部署时需替换 assets/images/ 目录下的图片资源。
  • 页面导航使用 Bootstrap navbar,dropdown 依赖 jQuery,确保引用了 jquery.min.js 后再加载业务脚本。
help_outline

常见问题