Breezie – 优雅的酒店和度假村 HTML 模板

# 项目简介 Breezie 是一套面向酒店、度假村、民宿等住宿行业的静态 HTML 网站模板，提供首页多版本、房间展示、在线预订、表单登录等完整页面，适合快速搭建商业住宿类网站。 ## 技术栈 - HTML5 + CSS3（纯静态，无需构建工具） - Bootstrap 5（响应式布局框架） - Font Awesome 6（图标） - Google Fonts（Playfair Display / Poppins / Meddon） - 插件：AOS 动画、Slick 轮播、LightGallery、Odometer 数字滚动、DatePicker 日期选择器 ## 项目结构 ``` Breezie - Template/ ├── index.html ├── home-v2.html ├── home-v3.html ├── about-us.html ├── rooms.html ├── room-details-v1.html ├── room-details-v2.html ├── facilities.html ├── search-result.html ├── payment.html ├── offers.html ├── services.html ├── service-details.html ├── gallery.html ├── faq.html ├── blog.html ├── blog-details.html ├── contact-us.html ├── login.html ├── register.html ├── password.html ├── error.html └── assets/ ├── css/ │ ├── style.css │ ├── bootstrap.min.css │ ├── slick.min.css │ ├── aos.min.css │ └── datepicker.css ├── fonts/ └── img/ ``` ## 核心文件说明 - `assets/css/style.css` — 主样式表，含 CSS 变量、排版、间距工具类及所有组件样式 - `index.html` — 首页主版，含顶部导航、幻灯片、特色设施、房间预览等完整区块 - `rooms.html` — 房间列表页，支持网格视图展示 - `payment.html` — 支付页面，提供在线预订信息确认和支付表单布局 - `home-v2.html` / `home-v3.html` — 首页备选布局，提供不同视觉风格 ## 快速开始 直接用浏览器打开 `index.html` 即可本地预览全部页面。如需本地服务器，建议使用 VS Code Live Server 或任意静态服务器工具。 ## 使用建议 - 修改 `assets/css/style.css` 顶部的 CSS 变量（如 `--accent-color`）可快速调整品牌色。 - 模板所有页面均为纯前端页面，预订、登录、支付等功能需自行对接后端接口实现业务逻辑。 - 首页含 3 种布局变体，建议根据实际定位选择其中一种作为主入口，避免重复。