Jooben — Tailwind CSS Recruitment Template (HTML)

About This Item

Agencies and job boards that list openings, recruiters and employers on one site get 38 ready pages from this Tailwind CSS recruitment template, and Jooben styles every one of them with Tailwind CSS 4. It suits recruitment agencies, hiring platforms, candidate directories and career sites that want a finished front end.

Job Archive, Job Details and Compare Jobs Pages

Job seekers spend most of their time on three pages, so these matter first. The Job Archive lists openings, and the Job Details page holds the full description for one role. Compare Jobs then puts two or more roles side by side, which helps a candidate decide before applying.

• Job Archive for browsing every opening
• Job Details for a single role
• Compare Jobs for side-by-side feature checks

An Owl Carousel slider can show featured jobs on the home pages. A Countdown timer also adds a visible application deadline when a role closes soon.

Recruiter and Employer Directory Pages

A job portal earns trust when candidates can see who is hiring. Jooben includes a Recruiter Archive and Recruiter Details page for individual profiles. It also includes an Employer Archive and Employer Details page for company profiles.

Magnific Popup opens company and gallery images in a lightbox, so an employer can show its workplace. A custom scrollbar styles scrolling panels and sidebars.

Job Board Pages in This Tailwind CSS Recruitment Template

A job board needs more than a list of vacancies, so this Tailwind CSS recruitment template gives recruiters and employers their own archive and profile pages. Three home layouts let you choose a hero and job showcase that match your site. About Us tells the agency story, and the Contact Us page adds a form and location.

Blog, FAQ and Utility Pages

Career advice brings candidates back, and the blog comes in five formats: Blog Grid, Blog List, Blog Left Sidebar, Blog Right Sidebar and Blog Single. The FAQ page answers common questions from job seekers and employers. Coming Soon, Legal and a custom 404 page cover the rest of a launch.

Styling the Job and Profile Pages with Version 4

Styling sits in the markup, so a block such as a job card can move from the Job Archive to another page with its appearance intact. Each hover and focus state sits beside the default styles in the same element, which makes link and button behavior easy to read. Layouts also adapt to screen size with mobile-first prefixes written on the elements, so the job and profile pages work on phones.

You can open the pages in the download straight away. The Tailwind source is in the package too, which lets you edit the styling and compile it again, and the documentation explains setup and customisation. The photos from the live preview are left out, and neutral placeholders sit where they were until you supply your own. The icon sets are Flaticon and FontAwesome, the fonts load from Google Fonts, and image credits go to Freepik and Unsplash.

Jooben ships 38 pages in total, covering home, jobs, recruiters, employers, blog and utility pages.