HireFlow | Job Board HTML Template

HireFlow is a complete job board HTML template with 46 pages covering the full hiring workflow — job listings, company profiles, candidate and employer dashboards, messaging, blog, pricing, authentication, and a component library. Built with HTML5, CSS3, and vanilla JavaScript.

Pages

46 pages across 11 categories:

• Homepages (5) — index, home-1 through home-4 (Original, Dark Alt, SaaS, Vibrant, Warm)
• Jobs (5) — job listing, job detail, post a job, application form, categories
• Companies (2) — company listing with filters, company profile with open positions
• Candidates (2) — candidate listing, candidate dashboard
• Employer (2) — employer dashboard, full messaging inbox
• Freelancers (2) — contractor listing, contractor profile
• Account (10) — profile, inbox, saved jobs, applications, interviews, job alerts, resume, history, activities, gigs, settings
• Content (6) — blog listing, blog post, pricing, contact, FAQ, about
• Authentication (3) — login, sign up, forgot password
• Legal & Utility ( — privacy, terms, 403, 404, 500, maintenance, coming soon, sitemap
• Component Library (5) — tables, cards, modals, buttons, forms — each with live previews and toggleable code snippets

Design

• Glassmorphism UI with backdrop blur and frosted-glass surfaces
• Responsive — mobile-first, works on all screen sizes
• Inter font (Google Fonts) and Font Awesome 6.5 icons
• 13 scroll animations with stagger delays (fade-in, slide, float, etc.)
• Consistent spacing, rounded cards, indigo/violet gradient accents

Key Features

• Self-injecting global navigation with mega menu (6 groups), home dropdown (5 variants), user menu, and mobile hamburger
• Grid/list toggle on job, candidate, and company listings
• Filter sidebars with search, checkboxes, selects, and range sliders
• Drag-and-drop file upload with preview
• WYSIWYG rich text editor (contenteditable with toolbar)
• Tag input (Enter-to-add with removable chips)
• Custom select dropdowns and CSS toggle switches
• Off-canvas slide-in drawers for inbox and gig management
• Monthly/annual pricing toggle with animated counter
• FAQ accordion (pure CSS)
• Sortable, searchable data tables with pagination
• Modal dialogs and toast notifications (success, error, warning, info)
• Testimonial carousel with auto-advance (homepage variant)
• Live countdown timer (coming soon page)

What’s Included

• 46 HTML pages — fully linked and navigable
• 5 component library pages with live code previews (HTML/CSS/JS tabs)
• Centralized CSS design system (src/style.css)
• Single JavaScript file for global navigation (src/global-nav.js)
• Full documentation (documentation/index.html)

Tech Stack

• HTML5, CSS3, vanilla JavaScript — no frameworks or build tools
• No jQuery, no React, no Vue, no Bootstrap
• Font Awesome 6.5 (CDN), Google Fonts — Inter (CDN)
• Images: Unsplash (headshots), Simple Icons (brand logos)

Credits

• Font Awesome — icons (CC BY 4.0 + SIL OFL)
• Google Fonts — Inter font (SIL OFL)
• Unsplash — headshot photography (Unsplash License)
• Simple Icons — brand logos (CC0)

Changelog

Version 1.0.0 — June 2026
Initial release — 46 pages + 5 component library pages + documentation.