Hotelhub – Hotel Booking and Travel Resort HTML5 Template

# 项目简介 HotelHub 是一套面向高端酒店场景的静态 HTML5 网站模板，包含 12 种首页变体和 30+ 个完整页面，覆盖客房展示、餐饮服务、运动设施、新闻博客、预订流程等酒店业务常用模块。基于 Bootstrap 构建，自带响应式布局和基础动画效果，适合快速搭建酒店官网或专题页面。 ## 技术栈 - HTML5 / CSS3（静态模板） - Bootstrap 5（栅格与基础组件） - Owl Carousel（轮播） - Font Awesome 6 / Flaticon（图标） - Venobox（图片灯箱） - AOS（滚动动画） - Swiper（滑动组件） ## 项目结构 ``` 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` 目录上传至服务器根目录