Smilora 是一款专为牙科诊所、口腔医疗机构及医疗健康品牌打造的 HTML 模板。模板采用简洁现代的设计风格,将沉稳的视觉美学与实用的功能特性相结合,帮助医疗机构快速建立专业、可信赖的线上形象。 模板提供以患者体验为核心的页面布局,涵盖服务项目展示、医护团队介绍、患者评价、在线预约等核心模块。访客可便捷获取关键信息并完成预约操作,降低就医门槛。 内置丰富的内页模板,包括服务详情页、医生简介页、收费参考页、治疗方案说明页、常见问题解答、博客资讯页及联系页面等,共 25 套页面模板,满足诊所官网的各类内容承载需求。模板采用 Bootstrap v4.6.2 框架、HTML5 与 CSS3 技术构建,兼容主流浏览器,SEO 友好。
HTML 文件编辑指南
模板提供 25 套自定义 HTML 模板,涵盖首页、关于我们、服务介绍、项目案例及联系页面等。使用文本编辑器(如 Dreamweaver、Notepad、Notepad++)打开相应 HTML 文件即可修改任意内容。
CSS 样式自定义
所有自定义样式集中在 style.css 文件中。通过文本编辑器打开 Smilora/assets/css/style.css 即可调整样式规则。 修改横幅颜色时,在 style.css 中定位 .banner-con 选择器即可更换背景图片。
颜色方案配置
模板内置完整配色体系,主要色彩定义如下:
- 主色:#3a4498
- 辅助色:#ffffff
- 正文色:#575764
- 强调色:#000000
如需更换品牌主色,可直接在 style.css 中搜索 #3a4498 并替换为新的色值,实现全局颜色统一调整。
加载动画设置
页面加载动画基于 wow.js 实现。通过添加或修改预定义的 CSS 类名,即可自定义元素的入场动画效果。
依赖资源说明
模板使用以下前端库:
字体规范
默认使用 Inter 和 Urbanist 两款 Google Fonts 无衬线字体。字体大小层级如下:
- h1:80px
- h2:60px
- h3:46px
- h4:28px
- h5:24px
- h6:18px
- 正文:16px


评论0 注意:评论区不审核也不处理售后问题!如有售后问题请前往用户中心提交工单以详细说明!