Dentia - 牙医和牙科诊所网站模板 preview 1

Dentia - 牙医和牙科诊所网站模板

bookmark

Dentia 是一套牙科诊所网站模板，包含首页、服务介绍、医生团队、预约咨询等完整页面。模板采用深蓝配色方案，支持 5 种首页风格切换，适合牙科医疗机构快速搭建品牌形象网站。

HTML

项目简介

Dentia 是一套牙科诊所网站模板，包含首页、服务介绍、医生团队、预约咨询等完整页面。模板采用深蓝配色方案，支持 5 种首页风格切换，适合牙科医疗机构快速搭建品牌形象网站。

技术栈

  • Bootstrap 5 — 响应式布局框架
  • Swiper — 轮播滑动组件
  • Custom CSS — 主题样式（Urbanist + Inter 字体）
  • PHP — 联系表单与预约表单后端处理
  • JavaScript — 表单验证与交互

项目结构

text
dentiahtml-10/Dentia/Dentia HTML/
├── index.html              # 首页入口
├── homepage-2~5.html       # 其他首页风格
├── services.html           # 服务总览
├── service-*.html          # 6 种细分服务页
├── dentists.html           # 牙医团队
├── booking.html/booking.php # 预约表单
├── contact.html/contact.php # 联系表单
├── blog.html/blog-single.html # 博客
├── about.html              # 关于我们
├── faq.html/gallery.html/testimonials.html
├── css/
│   ├── bootstrap.min.css
│   ├── style.css           # 主样式
│   ├── swiper.css/plugins.css
├── js/
│   ├── designesia.js       # 核心交互
│   ├── swiper.js/custom-swiper-1.js
│   ├── validation-*.js     # 表单验证
└── images/

核心文件说明

  • index.html — 主首页模板，顶部导航含下拉菜单
  • css/style.css — 完整主题样式，定义深蓝配色与排版系统
  • js/designesia.js — 导航、滚动、菜单等核心交互逻辑
  • booking.php / contact.php — 表单提交后端，调用 mail() 发送邮件
  • js/validation-*.js — 预约/联系表单的前端验证脚本

快速开始

纯静态展示：直接在浏览器中打开 index.html

动态表单（需本地/服务器环境）：

bash
# PHP 环境运行
php -S localhost:8000
# 访问 http://localhost:8000

使用建议

  • 部署前需修改 contact.php 和 booking.php 中的收件邮箱地址
  • 字体和图标资源通过 CDN 引入，确保网络畅通
  • 预约与联系表单依赖 PHP mail() 函数，生产环境建议替换为 SendGrid 等邮件服务
help_outline

常见问题