Touria - 旅游预订 HTML 模板

# 项目简介 Touria 是一套旅游预订场景的 HTML5 静态模板，包含行程列表、酒店、导游、博客、FAQ 等页面，适合快速搭建旅行或票务预订网站。源码使用 SCSS + Gulp 构建，预编译版本也可直接使用。 ## 技术栈 - HTML5 / CSS3（模板部分） - SCSS（Gulp 编译） - Bootstrap 5（响应式框架） - Swiper（轮播）、Isotope（瀑布流过滤）、Flatpickr（日期选择）等 JS 组件 ## 项目结构 ``` touriahtml-10/ ├── documentation/ # 官方文档 │ └── index.html └── html/ ├── package.json # npm 依赖配置 ├── gulpfile.js # Gulp 构建配置 └── src/ ├── html/ # 页面源码（17 个 HTML 页面） └── scss/ # 样式源码（_variable、_header、_footer 等） ``` ## 核心文件说明 - `html/package.json` — npm 依赖与构建脚本定义 - `html/gulpfile.js` — Gulp 任务配置（SCSS 编译、监听等） - `html/src/html/index.html` — 首页模板（旅游预订模式） - `html/src/scss/` — 样式模块（按组件拆分，_header、_hero、_destination 等） - `html/package-lock.json` — 锁定依赖版本 ## 快速开始 ```bash cd html npm install npm run dev # 启动 Gulp 监听+热重载 ``` 若不想本地构建，可直接打开 `html/src/html/index.html` 在浏览器中预览。 ## 使用建议 主题默认提供三个首页变体（Tour/Air/Hotel），可根据业务类型切换；所有页面路径硬编码，改动文件位置后需同步更新链接。