
Travelor - 旅行和旅游预订代理 HTML 模板
# 项目简介
Travelor 是一款旅游/旅行社多用途 HTML 模板,适合快速搭建出境游、团队游或自由行业务网站。提供首页、目的地、套餐、博客、团队等完整页面,响应式布局支持移动端访问。
## 技术栈
- HTML5 / CSS3(静态页面)
- Bootstrap 5
- jQuery
- GSAP(移动端菜单动画)
- Google Fonts(Satoshi、Philosopher、DM Sans、Sofia)
## 项目结构
```
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/ # 官方文档入口
```
## 核心文件说明
- `travelor/index.html` — 网站首页,包含幻灯片、热门目的地、用户评价等区块
- `travelor/assets/css/main.css` — 主样式表,定义颜色变量、布局、响应式断点
- `travelor/assets/js/main.js` — 交互逻辑:移动端菜单(GSAP动画)、滚动返回顶部、搜索弹窗高亮当前页面
- `travelor/package.html` — 旅游套餐详情页模板
- `travelor/destination.html` — 目的地列表页模板
## 快速开始
直接用浏览器打开 `travelor/index.html`,或部署到任意静态服务器(如 VS Code Live Server、Nginx)即可预览全部页面。
## 使用建议
模板中的页面可直接复制修改,建议先在 `main.css` 中调整 `:root` 颜色变量(`--main-h/s/l`)以统一品牌色,再替换 `assets/images/` 下的占位图片。
help_outline
常见问题
评论0
发布时间Jan 20, 2026
技术栈
HTML