JobFinderPortal

Author: Colorlib

Updated: October 2026 · v3.0.0

Credits: Images from Unsplash

JobFinderPortal is a job board template built on Bootstrap 5, for a recruitment agency or a job search site. The home page opens with a job search form over the hero, followed by the top job categories, a CV upload band, featured jobs with salaries and locations, a three-step “How it works” section, a candidate testimonial and career advice from the blog. The layout is responsive and mobile-ready, with a sticky header and a mobile menu. There are eight pages: home, find a job, job details, about, blog, blog details, contact and elements.

The find a job page has a filter sidebar (category, job type, location, experience, date posted and a salary range) next to the job list. The job details page shows the description, skills and experience, a job overview with an apply button and the company information. You will also find a blog with a sidebar, a blog post with comments and a comment form, and a contact page with a working contact form and a map that loads on click.

What’s new in 3.0

• Bootstrap 5.3.8 (the earlier release used Bootstrap 4.1.3 and jQuery), compiled from Sass with the Bootstrap 4 proportions the design was drawn with, and plain JavaScript with no jQuery. An accessible menu dialog replaces SlickNav, PhotoSwipe replaces Magnific Popup, native selects and range inputs replace Nice Select and the range slider plugin, and unused plugins such as Owl Carousel, Slick and WOW are gone. npm run build (Dart Sass and esbuild) compiles one minified stylesheet and one script.
• Lighter pages: all nine pages together went from 20.6 MB and 460 requests to 5.1 MB and 206 requests, and the home page from 2.9 MB and 56 requests to 0.75 MB and 28 requests. Every photo has an AVIF version with the original as the fallback, real dimensions and lazy loading below the first screen, and the hero is preloaded.
• No third-party requests: Mulish and Barlow are self-hosted, Lucide SVG icons and a small social-logo subset replace three icon fonts, and the contact page map is an OpenStreetMap map (no API key needed) that loads only when a visitor clicks it.
• Working forms: the contact form, the newsletter in the footer and blog sidebar, and the blog comment form send through included PHP handlers with a spam trap and in-page messages; the home search and the job filters send their choices to the job list.
• Accessibility: a skip link, one main heading per page, labelled form fields, visible keyboard focus, submenus that open from the keyboard, and WCAG AA text contrast with a deeper pink for buttons and labels.
• Job board demo content: fictional employers with their own logos, distinct jobs with salary ranges, a full job description and recruiter blog posts instead of placeholder text, a new SVG logo, sharper photos, and titles, descriptions and structured data on every page.