Opticest - Optometrist & Eye Care HTML Template

# 项目简介 Opticest 是一套眼科诊所 / 视力健康机构的静态网页模板，包含首页、服务、案例、团队、博客、FAQ、定价等 20+ 完整页面。模板基于 Bootstrap 5 构建，集成轮播图、动画滚动、表单提交等交互功能，适合快速搭建医疗机构展示型网站。 ## 技术栈 - HTML5 + CSS3（静态页面） - Bootstrap 5（响应式布局框架） - Owl Carousel（轮播组件） - AOS（滚动动画库） - Magnific Popup（图片弹层） - PHP（仅 contact-form.php 处理表单提交） ## 项目结构 ``` opticesthtml-10/ ├── Documentation/ │ └── doc.html └── opticest/ ├── index.html # 首页 ├── about.html # 关于我们 ├── service.html # 服务列表 ├── contact.html # 联系我们（含表单） ├── contact-form.php # 表单后端处理 ├── blog.html # 博客列表 ├── team.html # 团队成员 ├── pricing.html # 定价页 └── assets/ ├── bootstrap/ # Bootstrap CSS └── css/ # 自定义样式（含 style.css、responsive.css、owl.carousel、aos、magnific-popup 等） ``` ## 核心文件说明 - `opticest/index.html` — 首页入口，展示 Banner、服务、团队等完整布局 - `opticest/contact.html` — 联系页面，含联系表单 - `opticest/contact-form.php` — 表单后端处理脚本（需 PHP 环境），将用户提交发送至指定邮箱 - `opticest/assets/css/style.css` — 主样式文件，定义配色方案及所有页面组件样式 - `opticest/assets/css/responsive.css` — 响应式适配样式 - `opticest/assets/css/aos.css` — AOS 滚动动画效果样式 ## 快速开始 1. 进入 `opticest` 目录 2. 直接用浏览器打开 `index.html` 即可预览（表单功能需要配置本地 PHP 服务器） 3. 如需启用表单提交，启动任意本地 PHP 服务（如 `php -S localhost:8000`）后访问 ## 使用建议 该模板为完整展示站，页面结构固定，建议在已有页面基础上修改文字和图片内容。表单发送目标邮箱硬编码在 `contact-form.php` 中，部署时需替换为实际收件地址。