项目简介
HotelHub 是一套面向高端酒店场景的静态 HTML5 网站模板，包含 12 种首页变体和 30+ 个完整页面，覆盖客房展示、餐饮服务、运动设施、新闻博客、预订流程等酒店业务常用模块。基于 Bootstrap 构建，自带响应式布局和基础动画效果，适合快速搭建酒店官网或专题页面。
技术栈
- HTML5 / CSS3（静态模板）
- Bootstrap 5（栅格与基础组件）
- Owl Carousel（轮播）
- Font Awesome 6 / Flaticon（图标）
- Venobox（图片灯箱）
- AOS（滚动动画）
- Swiper（滑动组件）
项目结构
text
hotelhub/
index.html # 首页（12 种变体：index-2~5 及 light 版本）
about.html
rooms.html / rooms-details.html
service.html / service-details.html
dine.html / restaurant.html / cafy.html / cafy2.html
sports.html / sports2.html / sports3.html
blog-*.html / booking.html / contact.html
testimonial.html / team.html / pricing.html
faq.html / offer.html / galary.html / 404.html
assets/
css/ # 样式表（bootstrap、owl、fontawesome、主题等）
js/ # 脚本（modernizr、业务逻辑）
images/ # 图片资源
venobox/ # 灯箱组件（CSS/JS/资源图）
核心文件说明
index.html— 主首页模板，引用全部 CSS/JS 依赖assets/css/bootstrap.min.css— Bootstrap 框架样式assets/css/owl.carousel.min.css— 轮播组件样式assets/css/style.css— 项目主样式表（主题色、布局在此定义）assets/js/vendor/modernizr-3.5.0.min.js— 浏览器特性检测venobox/venobox.min.js— 图片灯箱脚本
快速开始
模板为纯静态，无需构建工具。直接用浏览器打开 index.html 即可预览：
bash
# macOS
open index.html
# Windows
start index.html
# 或启动任意本地服务器（如 VS Code Live Server 插件）
使用建议
- 模板本身已有完整结构和样式，修改时重点关注
assets/css/style.css中的主题变量（如颜色、字体）和各 HTML 页面中的文案、图片路径 - 正式部署时建议通过 FTP 将
hotelhub目录上传至服务器根目录
