Tour 是面向旅行社与目的地推广的多页网站模板，用蓝色分栏首屏、地名切换和拱形风景图展示旅行主题。包内有首页、服务、关于、联系四个业务页，以及一张组件示例页，适合先搭建品牌与目的地展示网站；日期搜索、保存条件和联系表单都需要自行接入处理。
地名与照片一起切换
首屏左侧的标题逐字切换五个地名，右侧五张照片随之更换，白色搜索框横跨文字与图片两栏。蓝灰色背景、大面积留白和衬线标题让风景图比较突出，适合把旅行主题先呈现出来，再引导访客浏览服务或联系旅行社。
这组切换使用预写的文字与图片对应关系，和表单中选择的国家没有联动。更换目的地时，应同时整理五个地名、照片及对应顺序；只替换标题，容易让画面与地点对不上。
首页下方的六张目的地卡片可以打开图片灯箱，并按组浏览大图。六张卡片共用了五张源图，轮播克隆项也会重复出现在灯箱中，卡片标题不是线路详情入口。制作自己的内容时，需要把地名、照片与实际行程重新配对，并整理重复条目；如果还要展示每日安排、出发日期和包含项目，应另外建立线路详情页。
展示页怎样承接询盘
服务页主要展示服务特点和配图，关于页提供机构介绍、四位示例团队成员及评价，联系页放置姓名、邮箱和留言表单。它们可以组成“看目的地—了解服务与团队—联系咨询”的路径，重点是展示与询盘。
特价区预置四张卡片，显示 $520.00 或 $750.00 等金额，没有给出按人、按天或其他计费口径，卡片链接也仍是占位地址。正式使用时，应先确定行程、价格单位、包含项目及咨询入口，再把这些示例换成实际产品。
组件页集中提供折叠面板、六图图库、表单和轮播样例，可按页面需要拆用。里面的密码框只是表单样式，不附带账户或登录功能。服务说明、统计数字、团队资料和评价同样需要替换，不能直接当成机构的真实介绍。
原包的“Get in touch”按钮指向不存在的预订页。本站演示副本将它接到已有联系页，修正手机关闭图标及缺失图片引用，并为搜索和提交操作加上未查询、未保存、未发送的反馈；下载原包仍需自行处理这些位置。
日期搜索能做什么
首屏有八个国家选项、日期范围框、人数框与“Save this search”复选框。各部分的实际范围如下：
- 日期范围： 已有双日历控件，选定起止日期后可以回填日期框；默认没有设置最早出行日期，也没有连接线路库存或报价数据。
- 搜索与保存： 原包没有检索、过滤目的地卡片或保存搜索条件的处理。复选框虽默认勾选，但没有持久保存功能；目的地选项值也仍为空，需要为真实查询配置数据。
- 人数与联系： 人数使用普通文本框，没有正整数或人数上限校验。联系表单提供四个输入区域，尚无收件服务、留言存储或通知处理。
按目的地、日期与人数返回可售线路，需要先确定查询数据和结果页，再接入现有搜索界面；目前的页面不会生成预订订单。
两种修改路径
直接修改现成页面
本地文件实际采用 Bootstrap 4.5.2 与 jQuery 3.4.1，HTML、CSS、脚本、图片和图标字体均已提供，可通过静态服务器预览，无须先安装构建工具。
修改首页内容时，除了 index.html 的标题、卡片和表单，还要同步首屏地名数组与 images/hero-slider-*.jpg 的顺序。品牌颜色可从 css/style.css 的深蓝 #1a374d 和蓝灰 #6998ab 入手，再检查白色表单与按钮文字的对比。
Inter 与 Source Serif Pro 通过在线字体服务加载，视频弹窗也保留外部示例地址。替换视频、字体或风景素材时，应一起检查相关链接，避免页面仍请求旧素材。
继续维护样式源码
包内另有 scss/style.scss 入口，以及变量、混入和页面样式文件。主色、辅助色与字体在入口文件中定义，适合需要统一调整多页视觉时使用；包内没有配套构建命令，需自行准备 Sass 编译方式，并将生成样式放回页面引用的位置。
若当前只是替换品牌、目的地照片和联系资料，直接修改现成 HTML/CSS 就能开始预览。等页面范围和真实数据确定后，再扩展线路详情、查询结果及业务服务，并核对各入口的对应关系。
暂无评论内容