项目简介link

Travelor 是一款旅游/旅行社多用途 HTML 模板，适合快速搭建出境游、团队游或自由行业务网站。提供首页、目的地、套餐、博客、团队等完整页面，响应式布局支持移动端访问。

技术栈link

• HTML5 / CSS3（静态页面）
• Bootstrap 5
• jQuery
• GSAP（移动端菜单动画）
• Google Fonts（Satoshi、Philosopher、DM Sans、Sofia）

项目结构link

travelorhtml-10/
├── travelor/                    # 主模板目录
│   ├── index.html               # 首页
│   ├── about.html               # 关于我们
│   ├── destination.html          # 目的地列表
│   ├── package.html             # 旅游套餐
│   ├── blog.html                # 博客
│   ├── team.html                # 团队
│   ├── contact.html             # 联系方式
│   └── assets/
│       ├── css/main.css         # 主样式文件
│       └── js/main.js           # 主脚本（移动端菜单/返回顶部/搜索）
└── documentation/               # 官方文档入口

核心文件说明link

• travelor/index.html — 网站首页，包含幻灯片、热门目的地、用户评价等区块
• travelor/assets/css/main.css — 主样式表，定义颜色变量、布局、响应式断点
• travelor/assets/js/main.js — 交互逻辑：移动端菜单（GSAP动画）、滚动返回顶部、搜索弹窗高亮当前页面
• travelor/package.html — 旅游套餐详情页模板
• travelor/destination.html — 目的地列表页模板

快速开始link

直接用浏览器打开 travelor/index.html，或部署到任意静态服务器（如 VS Code Live Server、Nginx）即可预览全部页面。

使用建议link

模板中的页面可直接复制修改，建议先在 main.css 中调整 :root 颜色变量（--main-h/s/l）以统一品牌色，再替换 assets/images/ 下的占位图片。