Travhub – Travel Booking HTML Template

# 项目简介 Travhub 是一套面向旅行社与旅游预订平台的静态 HTML 模板，包含 3 种首页布局、博客、景点、旅游团等完整页面，适合快速搭建旅游展示或预订类网站。 ## 技术栈 - HTML5 + CSS3 + Vanilla JavaScript - Bootstrap 5（栅格、组件） - jQuery + jQuery UI（交互、日期选择） - Owl Carousel / Slick（轮播图） - GLightbox（图片灯箱） - FontAwesome（图标） - 自定义图标字体（travhub-icons） - Google Fonts（Caveat、Geologica、Roboto） ## 项目结构 ``` 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/` 下的占位图替换为实际素材 - 表单功能：当前模板表单为静态展示，如需真实提交需自行对接后端或接入表单服务 - 移动端：模板已内置响应式布局，导航在移动端会自动折叠为汉堡菜单