项目简介link

Turmet 是一套旅游与探险旅行机构的 HTML 网站模板，提供首页变体、活动详情、目的地、团队、新闻等多个页面模板，适合快速搭建旅行预订或旅行社展示型网站。模板基于响应式设计，配备加载动画、滚动导航等交互效果。

技术栈link

• HTML5 语义化结构
• CSS3（含自定义属性、Flexbox、Grid 布局）
• Vanilla JavaScript（jQuery 依赖）
• Google Fonts（Hind 字体）

项目结构link

turmethtml-10/
├── buyer-file/
│   └── turmet/
│       ├── index.html              # 主首页
│       ├── index-2.html            # 首页变体
│       ├── 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                  # 模板使用文档

核心文件说明link

• buyer-file/turmet/index.html — 主首页模板，包含 Banner、热门目的地、团队展示等区块
• buyer-file/turmet/assets/css/main.css — 主样式文件，定义全站布局与组件
• buyer-file/turmet/assets/css/color.css — 主题色与变量配置
• buyer-file/turmet/assets/js/main.js — 交互逻辑，含导航、滚动效果、加载动画
• documentation/index.html — 官方文档页面，含模板结构说明与定制指引
• documentation/assets/css/style.css — 文档站点样式（非模板样式）

快速开始link

纯静态模板，无需构建工具：

1. 直接用浏览器打开 buyer-file/turmet/index.html 预览
2. 或通过本地服务器访问（如 npx serve buyer-file/turmet）

使用建议link

• color.css 中定义了主题色变量，修改 --primary-color 和 --theme-color 即可快速换肤
• 模板内含多个首页变体，可按需替换对应 HTML 文件的区块内容
• contact.html 存在同名 .php 文件，需配合 PHP 环境使用表单功能