Jobboard

Author: Colorlib

Updated: October 2026 · v3.0.0

Credits: Images from Unsplash

JobBoard is a job listing website template built on Bootstrap 5. The layout is responsive and mobile-ready. It has sixteen pages: home, job listings, job details, post a job, log in and sign up, about, services, service details, testimonials, FAQ, contact, blog, blog post, gallery, portfolio and portfolio details.

The home page has a job search form (keyword, region and job type), animated statistics, a list of open jobs, hiring partners, a testimonials slider and an app promotion band. The search sends a request to the job listings page, which shows the matching jobs. The post-a-job page has a full employer form, the blog has comments and a keyword search, and the portfolio has a filterable project grid.

What’s new in 3.0

• Bootstrap 5.3.8 (the earlier release used Bootstrap 4.3.1 and jQuery), compiled from Sass, and plain JavaScript with no jQuery. Swiper 14 runs the testimonials slider and PhotoSwipe 5 the gallery. npm run build (Dart Sass and esbuild) compiles the stylesheets and one script.
• Lighter pages: the seventeen pages together went from 38.1 MB and 517 requests to 10.9 MB and 253 requests. Every photo has an AVIF version with the JPEG as the fallback, real dimensions and lazy loading below the first screen.
• No third-party requests: Nunito is self-hosted, the icon fonts are replaced by Lucide SVG icons and a small social-logo subset, and a Google Analytics 4 snippet stays commented out until you add your own ID.
• Working search and forms: both search forms filter the job list, and the contact, comment and post-a-job forms send through a PHP handler with validation, a spam trap and an in-page message; set your address in php/send-email.php.
• Accessibility: a skip link, one h1 per page, labelled form fields, named icon links, AA text contrast (a deeper brand green behind white labels), visible keyboard focus and a native mobile menu.
• New sample photos, company marks and portraits, and fixes for the original markup errors, empty descriptions and placeholder links.