Arlux - 酒店预订 HTML 模板 preview 1

Arlux - 酒店预订 HTML 模板

bookmark

Arlux 是一款面向高端酒店与度假村的专业 HTML 模板，基于 Bootstrap 5 构建，提供了客房展示、预约咨询、新闻动态、团队介绍等完整页面模板，适合快速搭建酒店官网或在线预订平台。

HTMLaccommodationapartmentcabincottageguesthouseholidayhotel

项目简介

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 字体）

项目结构

text
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 替换为实际可用的邮件服务。

help_outline

常见问题