项目简介link

Breezie 是一套面向酒店、度假村、民宿等住宿行业的静态 HTML 网站模板，提供首页多版本、房间展示、在线预订、表单登录等完整页面，适合快速搭建商业住宿类网站。

技术栈link

• HTML5 + CSS3（纯静态，无需构建工具）
• Bootstrap 5（响应式布局框架）
• Font Awesome 6（图标）
• Google Fonts（Playfair Display / Poppins / Meddon）
• 插件：AOS 动画、Slick 轮播、LightGallery、Odometer 数字滚动、DatePicker 日期选择器

项目结构link

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/

核心文件说明link

• assets/css/style.css — 主样式表，含 CSS 变量、排版、间距工具类及所有组件样式
• index.html — 首页主版，含顶部导航、幻灯片、特色设施、房间预览等完整区块
• rooms.html — 房间列表页，支持网格视图展示
• payment.html — 支付页面，提供在线预订信息确认和支付表单布局
• home-v2.html / home-v3.html — 首页备选布局，提供不同视觉风格

快速开始link

直接用浏览器打开 index.html 即可本地预览全部页面。如需本地服务器，建议使用 VS Code Live Server 或任意静态服务器工具。

使用建议link

• 修改 assets/css/style.css 顶部的 CSS 变量（如 --accent-color）可快速调整品牌色。
• 模板所有页面均为纯前端页面，预订、登录、支付等功能需自行对接后端接口实现业务逻辑。
• 首页含 3 种布局变体，建议根据实际定位选择其中一种作为主入口，避免重复。