HireFlow is an entire job board HTML template with 46 pages protecting the total hiring workflow — job listings, firm profiles, candidate and employer dashboards, messaging, weblog, pricing, authentication, and a part library. Constructed with HTML5, CSS3, and vanilla JavaScript.
Pages
46 pages throughout 11 classes:
- Homepages (5) — index, home-1 by means of home-4 (Authentic, Darkish Alt, SaaS, Vibrant, Heat)
- Jobs (5) — job itemizing, job element, put up a job, software kind, classes
- Firms (2) — firm itemizing with filters, firm profile with open positions
- Candidates (2) — candidate itemizing, candidate dashboard
- Employer (2) — employer dashboard, full messaging inbox
- Freelancers (2) — contractor itemizing, contractor profile
- Account (10) — profile, inbox, saved jobs, purposes, interviews, job alerts, resume, historical past, actions, gigs, settings
- Content material (6) — weblog itemizing, weblog put up, pricing, contact, FAQ, about
- Authentication (3) — login, join, forgot password
- Authorized & Utility (
— privateness, phrases, 403, 404, 500, upkeep, coming quickly, sitemap - Part Library (5) — tables, playing cards, modals, buttons, types — every with stay previews and toggleable code snippets
Design
- Glassmorphism UI with backdrop blur and frosted-glass surfaces
- Responsive — mobile-first, works on all display sizes
- Inter font (Google Fonts) and Font Superior 6.5 icons
- 13 scroll animations with stagger delays (fade-in, slide, float, and so forth.)
- Constant spacing, rounded playing cards, indigo/violet gradient accents
Key Options
- Self-injecting international navigation with mega menu (6 teams), residence dropdown (5 variants), person menu, and cell hamburger
- Grid/checklist toggle on job, candidate, and firm listings
- Filter sidebars with search, checkboxes, selects, and vary sliders
- Drag-and-drop file add with preview
- WYSIWYG wealthy textual content editor (contenteditable with toolbar)
- Tag enter (Enter-to-add with detachable chips)
- Customized choose dropdowns and CSS toggle switches
- Off-canvas slide-in drawers for inbox and gig administration
- Month-to-month/annual pricing toggle with animated counter
- FAQ accordion (pure CSS)
- Sortable, searchable knowledge tables with pagination
- Modal dialogs and toast notifications (success, error, warning, information)
- Testimonial carousel with auto-advance (homepage variant)
- Reside countdown timer (coming quickly web page)
What’s Included
- 46 HTML pages — totally linked and navigable
- 5 part library pages with stay code previews (HTML/CSS/JS tabs)
- Centralized CSS design system (src/model.css)
- Single JavaScript file for international navigation (src/global-nav.js)
- Full documentation (documentation/index.html)
Tech Stack
- HTML5, CSS3, vanilla JavaScript — no frameworks or construct instruments
- No jQuery, no React, no Vue, no Bootstrap
- Font Superior 6.5 (CDN), Google Fonts — Inter (CDN)
- Pictures: Unsplash (headshots), Easy Icons (model logos)
Credit
- Font Superior — icons (CC BY 4.0 + SIL OFL)
- Google Fonts — Inter font (SIL OFL)
- Unsplash — headshot pictures (Unsplash License)
- Easy Icons — model logos (CC0)
Changelog
Model 1.0.0 — June 2026
Preliminary launch — 46 pages + 5 part library pages + documentation.
