OLURO - Luxury Hotel HTML5 Template

# 项目简介 Oluro 是一套酒店/餐饮业务 HTML5 响应式模板，包含首页、客房、餐厅、博客、联系等 20+ 完整页面，适合酒店官网、度假村或餐厅品牌展示使用。基于 Bootstrap 5 构建，支持多语言下拉菜单、预订表单等交互功能。 ## 技术栈 - Bootstrap 5（响应式布局框架） - jQuery（DOM 交互） - Font Awesome（图标库） - Flaticon（自定义图标字体） - Owl Carousel / Slick / Swiper（轮播组件） - Google Fonts（Open Sans、Cinzel、Epilogue 等字体） ## 项目结构 ``` olurohtml-10/oluro-package/ ├── oluro/ # 主模板目录 │ ├── index.html # 首页（3 个首页变体） │ ├── about.html # 关于我们 │ ├── contact.html # 联系方式 │ ├── room-1.html # 客房页面 │ ├── restaurant.html # 餐厅与酒吧 │ ├── reservation.html # 在线预订 │ ├── gallery.html # 图库 │ ├── blog.html # 博客列表 │ ├── team.html # 团队成员 │ ├── faq.html # 常见问题 │ ├── sendemail.php # 邮件发送脚本 │ ├── css/ # 样式文件（style.css 等 15+ 个） │ ├── js/ # 脚本文件 │ ├── fonts/ # 字体图标 │ └── images/ # 图片资源 └── oluro-doc/ # 模板使用文档 ``` ## 核心文件说明 - `oluro/css/style.css` — 主样式文件，含全局配置、Header、Footer、Slider 等样式 - `oluro/css/global.css` — CSS 变量定义（颜色、字体、间距） - `oluro/index.html` — 首页入口，集成 Bootstrap 5 与多级导航菜单 - `oluro/sendemail.php` — 邮件发送后端脚本（需 PHP 环境） - `oluro/js/bootstrap.min.js` — Bootstrap JS 依赖 - `oluro-doc/index.html` — 官方文档，含 HTML 结构、CSS 说明、联系表单配置说明 ## 快速开始 1. 直接在浏览器打开 `oluro/index.html` 即可预览 2. 如需本地服务器运行：`python -m http.server 8080`，然后访问 `http://localhost:8080` 3. 预订表单需部署到 PHP 环境以接收邮件 ## 使用建议 模板采用模块化 HTML 结构，可按需修改 `css/global.css` 中的 CSS 变量快速换肤；多语言下拉菜单为静态演示，实际接入需对接 i18n 框架。