Turmet - Travel Agency HTML Template

# 项目简介 Turmet 是一套旅游与探险旅行机构的 HTML 网站模板，提供首页变体、活动详情、目的地、团队、新闻等多个页面模板，适合快速搭建旅行预订或旅行社展示型网站。模板基于响应式设计，配备加载动画、滚动导航等交互效果。 ## 技术栈 - HTML5 语义化结构 - CSS3（含自定义属性、Flexbox、Grid 布局） - Vanilla JavaScript（jQuery 依赖） - Google Fonts（Hind 字体） ## 项目结构 ``` 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 # 模板使用文档 ``` ## 核心文件说明 - `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` — 文档站点样式（非模板样式） ## 快速开始 纯静态模板，无需构建工具： 1. 直接用浏览器打开 `buyer-file/turmet/index.html` 预览 2. 或通过本地服务器访问（如 `npx serve buyer-file/turmet`） ## 使用建议 - `color.css` 中定义了主题色变量，修改 `--primary-color` 和 `--theme-color` 即可快速换肤 - 模板内含多个首页变体，可按需替换对应 HTML 文件的区块内容 - contact.html 存在同名 .php 文件，需配合 PHP 环境使用表单功能