项目简介link

Optilux 是一款面向眼科诊所、验光师和眼镜商店的静态 HTML 网站模板，提供了 5 种首页风格以及服务、医生、预约、博客等完整页面，适合快速搭建医疗类商业网站。

技术栈link

• Bootstrap 5（CSS 框架）
• Swiper.js（轮播组件）
• Google Fonts（Urbanist / Manrope 字体）
• Font Awesome 6 + Elegant Icons + ET-Line Icons
• PHP（仅 contact.php / booking.php 提供表单后端）

项目结构link

eyeclinichtml-10/Optilux/
└── Optilux HTML/
    ├── index.html          # 首页（第 1 种风格）
    ├── index-2~5.html      # 其他首页变体
    ├── about.html
    ├── services.html
    ├── our-doctors.html
    ├── booking.php         # 预约表单后端
    ├── contact.php         # 联系表单后端
    ├── blog.html
    ├── shop.html
    ├── testimonials.html
    ├── faq.html
    ├── pricing.html
    ├── css/
    │   ├── bootstrap.min.css
    │   ├── style.css       # 主样式（含 CSS 变量定义）
    │   ├── plugins.css
    │   └── coloring.css
    └── js/
        ├── designesia.js
        ├── custom-swiper.js
        └── validation-*.js

核心文件说明link

• index.html — 模板入口首页，展示诊所概览与导航
• css/style.css — 主样式表，定义配色、字体、排版等 CSS 变量
• contact.php / booking.php — 表单提交后端（依赖服务器 PHP 环境）
• js/custom-swiper.js — Swiper 轮播实例配置
• about.html — 诊所介绍页面

快速开始link

1. 直接用浏览器打开 Optilux HTML/index.html 即可预览（纯 HTML 页面无需构建）。
2. 若需使用联系/预约表单，需将 Optilux HTML/ 目录部署至支持 PHP 的 Web 服务器。
3. 如需更换配色，可修改 css/colors/scheme-01.css 引用路径。

使用建议link

• 模板中所有演示图片（images/demo/）需自行替换为真实素材；当前压缩包中未包含这些图片文件。
• 导航菜单在 index.html 中通过 <ul id="mainmenu"> 定义，复制到其他页面时需保持一致。