项目简介
Travhub 是一套面向旅行社与旅游预订平台的静态 HTML 模板，包含 3 种首页布局、博客、景点、旅游团等完整页面，适合快速搭建旅游展示或预订类网站。
技术栈
- HTML5 + CSS3 + Vanilla JavaScript
- Bootstrap 5（栅格、组件）
- jQuery + jQuery UI（交互、日期选择）
- Owl Carousel / Slick（轮播图）
- GLightbox（图片灯箱）
- FontAwesome（图标）
- 自定义图标字体（travhub-icons）
- Google Fonts（Caveat、Geologica、Roboto）
项目结构
text
travhub-html-package/
├── Documentation/ # 模板说明文档
│ └── index.html
└── travhub/ # 模板主目录
├── index.html # 首页一
├── index2.html # 首页二
├── index3.html # 首页三
├── about.html # 关于我们
├── tour.html # 旅游团列表
├── tour-details.html # 旅游团详情
├── destination.html # 目的地列表
├── blog-grid.html # 博客（网格布局）
├── blog-list.html # 博客（列表布局）
├── contact.html # 联系方式
├── login.html # 登录页
├── 404.html # 错误页
└── assets/ # 静态资源（CSS、JS、图片、字体）
核心文件说明
travhub/index.html— 模板主入口，包含完整导航、轮播与内容结构assets/css/travhub.css— 主样式文件，整合所有页面样式assets/vendors/— 第三方库（Bootstrap、Owl Carousel、Slick 等）assets/js/— 模板脚本目录assets/images/— 图片资源travhub-icons/style.css— 模板自定义图标字体
快速开始
直接用浏览器打开 travhub/index.html 即可预览。
如需本地服务，推荐安装 VS Code 的 Live Server 插件，右键点击 index.html 选择 "Open with Live Server"。
修改页面内容：用代码编辑器（如 VS Code）打开对应 HTML 文件，定位区块直接编辑文字与图片路径。
使用建议
- 图片替换：将
assets/images/下的占位图替换为实际素材 - 表单功能：当前模板表单为静态展示，如需真实提交需自行对接后端或接入表单服务
- 移动端：模板已内置响应式布局，导航在移动端会自动折叠为汉堡菜单
