Jobi - Responsive Job Board HTML Template

# 项目简介 Jobi 是一款响应式招聘网站 HTML 模板，基于 Bootstrap 5.1.3 构建，提供职位列表、候选人展示、企业页面、博客等功能页面，适合快速搭建招聘平台或灵活用工展示页。 ## 技术栈 - Bootstrap v5.1.3 - HTML5 / CSS3 - Vanilla JavaScript - SCSS（源码包含） ## 项目结构 ``` jobi/ ├── index.html # 主页（含 7 种首页变体） ├── job-list-v1.html # 职位列表页（3 种布局） ├── job-list-v2.html ├── job-list-v3.html ├── job-grid-v1.html # 职位网格页 ├── job-details-v1.html # 职位详情页 ├── candidates-v1.html # 候选人列表页 ├── candidate-profile-v1.html # 候选人详情页 ├── company-v1.html # 企业列表页 ├── company-details.html # 企业详情页 ├── contact.html # 联系页 ├── blog-v1.html # 博客列表页 ├── 404.html # 错误页 ├── css/ │ ├── style.css │ └── responsive.css ├── js/theme.js ├── vendor/ # 第三方插件（jQuery/Bootstrap JS） ├── images/ # 图片资源 └── scss/ # SCSS 源文件 ``` ## 核心文件说明 - `index.html` — 首页入口，含 7 种视觉变体 - `job-list-v1.html` — 职位列表页，支持多种布局切换 - `candidate-profile-v1.html` — 候选人详情展示 - `contact.html` — 联系表单页（含地图区块） - `css/style.css` — 全局样式主文件 - `js/theme.js` — 模板交互逻辑（导航、懒加载等） ## 快速开始 解压包后直接在浏览器打开 `Template/jobi/index.html` 即可预览全部页面。如需本地服务，可使用 VS Code Live Server 或任意静态服务器打开该目录。 ## 使用建议 修改模板时注意调整 section 的 margin/padding 间距；contact 页面表单依赖后端处理，需要自行对接；图片路径需根据实际部署环境调整。SCSS 源码可用于深度定制样式。