OLURO - 豪华酒店 HTML5 模板 preview 1

OLURO - 豪华酒店 HTML5 模板

bookmark

Oluro 是一套酒店/餐饮业务 HTML5 响应式模板，包含首页、客房、餐厅、博客、联系等 20+ 完整页面，适合酒店官网、度假村或餐厅品牌展示使用。基于 Bootstrap 5 构建，支持多语言下拉菜单、预订表单等交互功能。

HTML

项目简介

Oluro 是一套酒店/餐饮业务 HTML5 响应式模板，包含首页、客房、餐厅、博客、联系等 20+ 完整页面，适合酒店官网、度假村或餐厅品牌展示使用。基于 Bootstrap 5 构建，支持多语言下拉菜单、预订表单等交互功能。

技术栈

  • Bootstrap 5（响应式布局框架）
  • jQuery（DOM 交互）
  • Font Awesome（图标库）
  • Flaticon（自定义图标字体）
  • Owl Carousel / Slick / Swiper（轮播组件）
  • Google Fonts（Open Sans、Cinzel、Epilogue 等字体）

项目结构

text
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 框架。

help_outline

常见问题