Project Overviewlink

Touria is a set of HTML5 static templates for travel booking scenarios, including pages for itinerary lists, hotels, guides, blogs, FAQ, etc. It is suitable for quickly building travel or ticket booking websites. The source code is built using SCSS + Gulp, and the pre-compiled version can also be used directly.

Tech Stacklink

• HTML5 / CSS3 (template part)
• SCSS (compiled with Gulp)
• Bootstrap 5 (responsive framework)
• Swiper (carousel), Isotope (masonry filtering), Flatpickr (date picker) and other JS components

Project Structurelink

touriahtml-10/
├── documentation/          # Official documentation
│   └── index.html
└── html/
    ├── package.json        # npm dependency configuration
    ├── gulpfile.js         # Gulp build configuration
    └── src/
        ├── html/           # Page source files (17 HTML pages)
        └── scss/           # Style source files (_variable, _header, _footer, etc.)

Key File Descriptionlink

• html/package.json — npm dependencies and build script definitions
• html/gulpfile.js — Gulp task configuration (SCSS compilation, watching, etc.)
• html/src/html/index.html — Homepage template (travel booking mode)
• html/src/scss/ — Style modules (split by component: _header, _hero, _destination, etc.)
• html/package-lock.json — Locked dependency versions

Quick Startlink

cd html
npm install
npm run dev          # Start Gulp watching + hot reload

If you don't want to build locally, you can directly open html/src/html/index.html in your browser to preview.

Usage Suggestionslink

The theme provides three homepage variants (Tour/Air/Hotel) by default, which can be switched based on business type. All page paths are hardcoded; if you change file locations, you need to update the links accordingly.