Project Overview
Turmet is a set of HTML website templates for travel and adventure tour agencies, offering multiple page templates including homepage variants, activity details, destinations, team, news, and more. It is suitable for quickly building travel booking or travel agency showcase websites. The template is responsive and features interactive effects such as loading animations and scroll navigation.
Tech Stack
- HTML5 semantic structure
- CSS3 (including custom properties, Flexbox, Grid layout)
- Vanilla JavaScript (jQuery dependency)
- Google Fonts (Hind font)
Project Structure
turmethtml-10/
├── buyer-file/
│ └── turmet/
│ ├── index.html # Main homepage
│ ├── index-2.html # Homepage variant
│ ├── index-three-page.html
│ ├── index-two-page.html
│ ├── about.html
│ ├── contact.html / contact.php
│ ├── tour.html / tour-details.html
│ ├── destination.html / destination-details.html
│ ├── activities.html / activities-details.html
│ ├── team.html / team-details.html
│ ├── news.html / news-details.html / news-classic.html
│ ├── faq.html
│ └── assets/
│ ├── css/
│ ├── js/
│ └── img/
└── documentation/
└── index.html # Template usage documentation
Core File Description
buyer-file/turmet/index.html— Main homepage template, includes sections such as Banner, popular destinations, team showcasebuyer-file/turmet/assets/css/main.css— Main stylesheet, defines global layout and componentsbuyer-file/turmet/assets/css/color.css— Theme color and variable configurationbuyer-file/turmet/assets/js/main.js— Interactive logic, including navigation, scroll effects, loading animationdocumentation/index.html— Official documentation page, includes template structure explanation and customization guidedocumentation/assets/css/style.css— Documentation site styles (not template styles)
Quick Start
Pure static template, no build tools required:
- Open
buyer-file/turmet/index.htmldirectly in a browser to preview - Or access via a local server (e.g.,
npx serve buyer-file/turmet)
Usage Suggestions
- Theme color variables are defined in
color.css; modify--primary-colorand--theme-colorfor quick skin changes - The template includes multiple homepage variants; replace the corresponding HTML file sections as needed
- contact.html has a corresponding .php file; a PHP environment is required for form functionality
