Mentor 是一套面向培训机构、课程品牌和教育服务团队的多页网站模板，用课程、讲师、活动和价目页面展示机构业务。它采用 Bootstrap 5，适合先搭建招生介绍站、再接入咨询或报名服务；现有页面没有学员账户、教学视频管理、学习进度或在线支付系统。
招生首页的组织方式
首页以大幅人物照片、白色标题和绿色行动按钮开场，随后安排机构介绍、数字统计、办学特点、图标入口、热门课程与讲师介绍。整体是白底配浅灰分区，绿色用于按钮、分类标签和重点背景，适合把机构形象与课程信息放在同一条浏览路径上。
两处 Get Started 都进入课程列表，并不打开注册或报名表。首屏的英文说明仍是设计团队的占位文案，下面也留有较多拉丁文样例；改成机构官网时，应先补课程方向、面向人群和咨询方式，再决定保留哪些介绍区块。统计数字、人物经历和评价同样是演示内容，不能直接当作办学成果使用。
包内共 9 个 HTML 文件：8 个内容页面分别是首页、机构介绍、课程列表、课程详情、讲师、活动、定价和联系页，另有 starter-page.html 起始空白页，便于沿用页眉页脚扩展新内容。若内容重心是年龄分班、园所设施和监护人咨询，可对照 Kider 幼儿园网站模板；Mentor 的页面组织更侧重课程、讲师与收费方案。
课程详情与五项标签
课程列表预置三张卡片，分别展示网站设计、搜索优化和文案课程，包含图片、类别、价格、讲师头像及人数、收藏数样式。三张卡片都指向 course-details.html，没有按课程 ID 读取数据，也没有各自独立的详情。
详情页采用左侧大图与介绍、右侧课程信息的布局，侧栏放讲师、费用、名额和上课时段。下方有五个 Bootstrap 标签面板，每项使用一组文字与图片，可改成课程概览、学习内容、适合人群、授课安排和常见问题。这些名称是可采用的修改方案，原页仍使用占位标题。
课程卡与详情侧栏需要一起维护：例如首张卡片显示 169 美元，而共用详情显示 165 美元，讲师姓名也没有自动关联。准备放入多门真实课程时，可复制详情页并逐一改链接，或继续开发课程数据与路由；只改列表卡片，详情中的价格、名额和时间不会跟着更新。
讲师、活动和价目页
这几页提供的是并列的介绍版式，便于按机构业务选择保留：
| 页面 | 现有内容 | 使用时要补的部分 |
|---|---|---|
| 讲师页 | 六张人物卡片与专业、简介 | 真实师资资料；个人详情页需另做 |
| 活动页 | 两张大图卡片、日期和简介 | 活动内页、报名入口与名额处理 |
| 定价页 | 四栏月费方案、重点方案与角标 | 实际服务项目、收费周期及购买流程 |
活动标题是空链接，并没有日历或独立活动详情。定价页的 Buy Now 指向占位锚点，不会创建订单，也不会开通会员；这些示例月费与课程详情里的课程费用是不同展示区域，改版时应先确定自己的收费方式，避免两套信息混用。
机构介绍页还带有五条评价的轮播，可以换成获准展示的学员反馈。原包已经包含对应头像与课程标签插图，课程、讲师和活动图片也在 assets/img/ 中；替换时应同时检查图片里的文字、人物身份和页面附近的说明。
联系与订阅接入
联系页有姓名、邮箱、主题和留言表单，每页页脚还有订阅邮箱。原包的脚本会向 PHP 地址发送请求，但两个 PHP 文件都依赖包内不存在的 php-email-form.php 邮件库，收件地址也只是示例，尚不能作为可用的邮件服务。
- 先选择接收方式：沿用原 PHP 代码需要 PHP 环境并补齐邮件库，也可以改接自己的表单服务。
- 把页面字段、接收端处理和实际收件配置对应起来，联系留言与邮件订阅分别处理。
- 配置后检查成功、失败时的反馈，并确认邮件确已收到或订阅确已保存；前端出现成功文字不能代替投递结果。
联系页的地图是外部嵌入的示例地点，并不会获取访客位置。更换机构地址时，地图、页面地址、电话、邮箱和页脚联系资料要一起更新。本页在线演示已停用真实表单提交和原有成功提示，只在操作后显示未发送信息的说明。
演示副本还把页面遮罩和动画改为文档就绪后初始化，避免外部地图加载迟缓时整页等待；原包文件保持原样。
修改页面与素材
页面展示部分是静态 HTML、CSS 和 JavaScript，无须先安装 Node.js 依赖或执行构建命令。可直接修改现有页面，再通过本地 HTTP 服务或静态托管空间查看导航和资源；表单收件按前面的接入条件另行配置。
- 改机构名称和导航：页眉页脚直接写在各个 HTML 中，需同步修改相关页面；新增课程内页可参考
starter-page.html的共用结构。 - 改配色与字体：编辑
assets/css/main.css中的--accent-color、--heading-color及字体变量。原包主色为#5fcf80，另有导航配色变量，改品牌色时应一并检查。 - 换招生主图与课程素材：首屏引用
assets/img/hero-bg.jpg，课程、活动和讲师图片分放在同一图片目录及其子目录中；窄屏会重新裁切首屏照片，重要人物和文字要留出空间。
实际库文件为 Bootstrap 5.3.3，标签切换和页面布局基于 Bootstrap，评价轮播使用本地 Swiper 11.1.9；AOS 与 PureCounter 负责滚动显现和数字动画，图标资源也在包内。字体仍通过在线服务加载 Open Sans、Raleway 和 Poppins，联系页地图也依赖联网。assets/scss/ 仅有说明文件，没有完整 Sass 源码，当前包应直接维护现成 CSS，不按完整 Sass 工程介绍。
暂无评论内容