Jobi - 响应式求职板 HTML 模板 preview 1

Jobi - 响应式求职板 HTML 模板

bookmark

Jobi 是一款响应式招聘网站 HTML 模板，基于 Bootstrap 5.1.3 构建，提供职位列表、候选人展示、企业页面、博客等功能页面，适合快速搭建招聘平台或灵活用工展示页。

HTML

项目简介

Jobi 是一款响应式招聘网站 HTML 模板，基于 Bootstrap 5.1.3 构建，提供职位列表、候选人展示、企业页面、博客等功能页面，适合快速搭建招聘平台或灵活用工展示页。

技术栈

  • Bootstrap v5.1.3
  • HTML5 / CSS3
  • Vanilla JavaScript
  • SCSS（源码包含）

项目结构

text
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 源码可用于深度定制样式。

help_outline

常见问题