Arlux - Hotel Booking HTML Template

# 项目简介 Arlux 是一款面向高端酒店与度假村的专业 HTML 模板，基于 Bootstrap 5 构建，提供了客房展示、预约咨询、新闻动态、团队介绍等完整页面模板，适合快速搭建酒店官网或在线预订平台。 ## 技术栈 - Bootstrap 5（CSS 框架） - jQuery 3.7.1（DOM 操作） - Swiper.js（轮播与幻灯片） - Magnific Popup（图片/视频弹窗） - MeanMenu（响应式移动端菜单） - Nice Select（自定义下拉选择） - Wow.js（滚动动画） - Google Fonts（Barlow + Gilda Display 字体） ## 项目结构 ``` arluxhtml-10/ ├── buyer-file/ # 正式模板文件 │ ├── index.html # 首页 │ ├── about.html # 关于我们 │ ├── contact.html # 联系页面 │ ├── contact.php # PHP 邮件处理 │ ├── room.html # 客房列表 │ ├── room-details.html # 客房详情 │ ├── news.html # 新闻列表 │ ├── news-grid.html # 新闻网格 │ ├── news-details.html # 新闻详情 │ ├── service.html # 服务项目 │ ├── team.html # 团队成员 │ ├── testimonial.html # 客户评价 │ ├── 404.html # 错误页面 │ └── assets/ │ ├── css/main.css # 主样式表 │ ├── js/main.js # 主交互脚本 │ └── img/ # 图片资源 └── documentation/ # 在线文档站点 ``` ## 核心文件说明 - `buyer-file/index.html` — 首页，包含幻灯片、客房滑块、特色服务等区块 - `buyer-file/assets/css/main.css` — 主题完整样式，包含响应式断点和所有组件样式 - `buyer-file/assets/js/main.js` — 主要交互逻辑：移动端菜单、粘性导航、Swiper 轮播初始化、计数器等 - `buyer-file/contact.php` — PHP 后端脚本，处理联系表单邮件发送 - `buyer-file/room.html` — 客房展示页面模板 ## 快速开始 本项目为纯静态模板，无需构建工具。 1. 直接用浏览器打开 `buyer-file/index.html` 即可预览完整效果； 2. 如需本地服务器运行，可使用： ```bash # Python 3 python -m http.server 8000 # 或使用任意静态服务器工具 ``` 3. 修改页面内容请直接编辑对应 HTML 文件，修改样式可调整 `assets/css/main.css` 中的 CSS 变量（如 `--gt-theme` 主题色）。 ## 使用建议 模板提供了多种首页变体（`index-2.html`、`index-3.html`）和功能页面，可根据实际需求组合使用。部署到生产环境时，建议将图片资源压缩并接入 CDN，同时将 `contact.php` 替换为实际可用的邮件服务。