Project Overview
Jobie is a Bootstrap-based recruitment platform admin dashboard HTML template, offering complete pages including dashboards, job management, resume submissions, email system, e-commerce modules, chart visualization, etc. It is suitable for quickly building frontend prototypes for recruitment websites or HR management systems.
Tech Stack
- Bootstrap 4 / Bootstrap 5
- Static HTML + CSS + JavaScript
- jQuery (some pages)
- Third-party plugins: Chartist, Owl Carousel, jQVMap, DataTables, SweetAlert, Toastr, etc.
Project Structure
text
Jobie-v3.0/
├── BS-4/
│ ├── doc/ # Official documentation (entry: index.html)
│ └── xhtml/ # Core template directory
│ ├── index.html # Main dashboard
│ ├── css/ # Stylesheets
│ ├── vendor/ # Third-party dependencies (global, charts, jqvmap, etc.)
│ ├── images/ # Image assets
│ ├── icons/ # Multiple icon sets
│ ├── index2.html # Dashboard variant
│ ├── search-job.html
│ ├── application.html
│ ├── companies.html
│ ├── profile.html
│ ├── statistics.html
│ ├── email-*.html # Email module (inbox/compose/read)
│ ├── ecom-*.html # E-commerce module (products/orders/customers/checkout)
│ ├── form-*.html # Form pages
│ ├── chart-*.html # Chart pages
│ ├── table-*.html # Table pages
│ ├── ui-*.html # UI component examples
│ ├── uc-*.html # Third-party component examples
│ ├── page-*.html # Authentication/error pages
│ └── widget-*.html
├── BS-5/ # Bootstrap 5 version (same structure as BS-4)
└── THEMELOCK.COM.* # Download source identifier (can be ignored)
Key Files Description
BS-4/xhtml/index.html— Main dashboard entry, includes sidebar navigation and key data cardsBS-4/xhtml/css/style.css— Global stylesheet, integrates all component stylesBS-4/xhtml/js/custom.min.js— Main business logic scriptBS-4/xhtml/js/deznav-init.js— Sidebar navigation initialization configurationBS-4/doc/index.html— Official documentation (includes directory structure and plugin list)BS-4/xhtml/page-login.html— Login page template
Quick Start
- Download and extract the template package
- Open
BS-4/xhtml/index.htmldirectly in your browser to preview the full effect - For a local server, it is recommended to use VS Code Live Server or
python -m http.server
Usage Suggestions
- The template provides BS-4 and BS-5 versions. Choose one based on your project dependencies — no need to use both simultaneously
- The sidebar navigation and global scripts are already configured in
deznav-init.js. When copying pages, ensure the same CSS and JS files are included
