Medcinsk – 健康和医疗 HTML 模板 preview 1

Medcinsk – 健康和医疗 HTML 模板

bookmark

Medicinsk 是一款面向医疗行业的响应式 HTML5 网站模板，适用于医院、诊所、医生个人主页等场景。模板内置多个预制页面，支持单页导航、颜色切换和 RTL/LTR 切换功能，页面可直接在浏览器中打开查看。

HTMLappointmentblogclinicdentaldoctorformhealth

项目简介

Medicinsk 是一款面向医疗行业的响应式 HTML5 网站模板，适用于医院、诊所、医生个人主页等场景。模板内置多个预制页面，支持单页导航、颜色切换和 RTL/LTR 切换功能，页面可直接在浏览器中打开查看。

技术栈

  • Bootstrap 5.2.0
  • jQuery（导航、滚动条等交互）
  • Font Awesome（图标）
  • Google Fonts（Open Sans、Source Sans Pro、Roboto、Caveat）
  • PHP（联系表单后端）

项目结构

text
medicinskhtml-10/
└── medicinsk pack/
    ├── doc/                          # 模板文档
    │   ├── index.html
    │   ├── css/
    │   │   ├── bootstrap.css
    │   │   ├── font-awesome.css
    │   │   ├── scrollbar.css
    │   │   └── style.css
    │   └── js/
    │       ├── bootstrap.min.js
    │       ├── jquery.js
    │       ├── jquery.nav.js
    │       ├── jquery.scrollTo.js
    │       └── script.js
    └── medicinsk/                    # 实际模板
        ├── index.html
        ├── about.html, contact.html
        ├── departments.html, doctors.html
        ├── blog.html, portfolio.html
        ├── sendemail.php             # 联系表单处理
        └── assets/css/, assets/js/

核心文件说明

  • medicinsk/index.html — 模板首页，完整展示所有区块
  • medicinsk/sendemail.php — 处理联系表单提交并发送邮件
  • doc/index.html — 官方文档页面，含 HTML/CSS/JS 结构说明
  • doc/css/style.css — 文档页面样式，含侧边栏和内容区布局
  • assets/css/style.css — 模板主样式文件
  • doc/js/script.js — 文档页单页导航和滚动条初始化脚本

快速开始

直接用浏览器打开 medicinsk/index.html 即可预览完整模板。联系表单需部署到 PHP 环境并修改 sendemail.php 中的收件人邮箱。

使用建议

修改模板时优先调整 assets/css/style.css 中的颜色变量；若需要联系功能，请将整个 medicinsk 文件夹部署至支持 PHP 的 Web 服务器。

help_outline

常见问题