Rovero - 酒店和预订服务 HTML 模板

# 项目简介 Rovero 是一套酒店及预订服务网站 HTML 模板，基于 Bootstrap 框架构建，包含首页、客房列表、预订流程、博客、联系页等完整页面，适合快速搭建酒店、民宿或旅游预订类网站。模板采用静态 HTML 开发，无需构建工具即可直接使用。 ## 技术栈 - HTML5 + CSS3（静态页面） - Bootstrap 5（栅格、组件、响应式） - jQuery（交互逻辑） - Font Awesome 6（图标） - AOS / Animate.css（页面动画） - Slick Slider（轮播） - Leaflet（地图，如需使用） - Nice Select / jQuery UI（表单美化） ## 项目结构 ``` roverohtml-10/ ├── documentation/ # 模板使用文档 │ ├── doc.html │ ├── css/ │ ├── img/ │ └── js/ └── rovero/ # 模板主体 ├── index.html # 首页 ├── about.html # 关于 ├── rooms.html # 客房列表 ├── rooms-details.html # 客房详情 ├── booking.html # 预订 ├── checkout.html # 结账 ├── confirmation.html # 确认 ├── blog.html # 博客列表 ├── blog-details.html # 博客详情 ├── contact.html # 联系 ├── css/ ├── images/ └── fonts/ ``` ## 核心文件说明 - `rovero/index.html` — 首页入口，包含 Banner、客房搜索、热门客房等区块 - `rovero/css/style.css` — 主样式文件，定义主题色（#a18549）、字体、排版及所有组件样式 - `rovero/css/bootstrap.min.css` — Bootstrap 框架核心 CSS - `rovero/booking.html` — 预订页面，承载房间选择及用户信息填写 - `rovero/checkout.html` — 结账流程页面 - `rovero/confirmation.html` — 预订确认页面 ## 快速开始 1. 直接用浏览器打开 `rovero/index.html` 即可预览完整效果； 2. 如需本地服务器（推荐），可在 `rovero/` 目录下运行： ```bash python -m http.server 8080 ``` 然后访问 `http://localhost:8080` ## 使用建议 - 正式使用时需将 Logo、联系方式、房间数据等占位内容替换为真实信息； - CSS 变量集中在 `style.css` 的 `:root` 区块，可统一调整主题色（`--theme-color`）以适配品牌色。