项目简介link

Touria 是一套旅游预订场景的 HTML5 静态模板，包含行程列表、酒店、导游、博客、FAQ 等页面，适合快速搭建旅行或票务预订网站。源码使用 SCSS + Gulp 构建，预编译版本也可直接使用。

技术栈link

• HTML5 / CSS3（模板部分）
• SCSS（Gulp 编译）
• Bootstrap 5（响应式框架）
• Swiper（轮播）、Isotope（瀑布流过滤）、Flatpickr（日期选择）等 JS 组件

项目结构link

touriahtml-10/
├── documentation/          # 官方文档
│   └── index.html
└── html/
    ├── package.json        # npm 依赖配置
    ├── gulpfile.js         # Gulp 构建配置
    └── src/
        ├── html/           # 页面源码（17 个 HTML 页面）
        └── scss/           # 样式源码（_variable、_header、_footer 等）

核心文件说明link

• html/package.json — npm 依赖与构建脚本定义
• html/gulpfile.js — Gulp 任务配置（SCSS 编译、监听等）
• html/src/html/index.html — 首页模板（旅游预订模式）
• html/src/scss/ — 样式模块（按组件拆分，_header、_hero、_destination 等）
• html/package-lock.json — 锁定依赖版本

快速开始link

cd html
npm install
npm run dev          # 启动 Gulp 监听+热重载

若不想本地构建，可直接打开 html/src/html/index.html 在浏览器中预览。

使用建议link

主题默认提供三个首页变体（Tour/Air/Hotel），可根据业务类型切换；所有页面路径硬编码，改动文件位置后需同步更新链接。