Optilux - Eye Care Clinic Optometrist & Optical Store HTML Template

# 项目简介 Optilux 是一款面向眼科诊所、验光师和眼镜商店的静态 HTML 网站模板，提供了 5 种首页风格以及服务、医生、预约、博客等完整页面，适合快速搭建医疗类商业网站。 ## 技术栈 - Bootstrap 5（CSS 框架） - Swiper.js（轮播组件） - Google Fonts（Urbanist / Manrope 字体） - Font Awesome 6 + Elegant Icons + ET-Line Icons - PHP（仅 contact.php / booking.php 提供表单后端） ## 项目结构 ``` 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 ``` ## 核心文件说明 - `index.html` — 模板入口首页，展示诊所概览与导航 - `css/style.css` — 主样式表，定义配色、字体、排版等 CSS 变量 - `contact.php` / `booking.php` — 表单提交后端（依赖服务器 PHP 环境） - `js/custom-swiper.js` — Swiper 轮播实例配置 - `about.html` — 诊所介绍页面 ## 快速开始 1. 直接用浏览器打开 `Optilux HTML/index.html` 即可预览（纯 HTML 页面无需构建）。 2. 若需使用联系/预约表单，需将 `Optilux HTML/` 目录部署至支持 PHP 的 Web 服务器。 3. 如需更换配色，可修改 `css/colors/scheme-01.css` 引用路径。 ## 使用建议 - 模板中所有演示图片（`images/demo/`）需自行替换为真实素材；当前压缩包中未包含这些图片文件。 - 导航菜单在 `index.html` 中通过 `<ul id="mainmenu">` 定义，复制到其他页面时需保持一致。