Invi — Tailwind CSS Private Investigation Template (HTML)

About This Item

Invi gives a detective firm a ready site for its case results, investigation services and investigator profiles, with 12 pages styled in Tailwind CSS 4 and a Tailwind CSS private investigation template structure. It suits private investigators, detective agencies, surveillance specialists, background-check firms and corporate investigators who need a site that earns a client’s trust before the first call.

A Tailwind CSS Private Investigation Template for Case-Driven Agencies

Because it includes two home layouts, this Tailwind CSS private investigation template lets an agency pick the hero style that matches its tone. Both homepages lead into the same set of inner pages, so you can switch later without rebuilding anything.

Freelancers and web agencies may start from it for investigation clients, since the structure is already in place.

Recent Cases Archive and Case Detail Pages

For this niche, the case pages matter most. A prospective client wants proof that you have handled work like theirs, so the Portfolio page carries the weight of the site.

• The Portfolio page lists recent cases and filters them by investigation type, for example Find A Person or Financial Fraud.
• Each Portfolio Detail page tells one case in full, so a visitor can read how the work went.
• A lightbox opens case and evidence images full screen, while a carousel features selected cases.

Animated counters on the homepage show investigations completed, honors received and years of experience, so credibility is visible before anyone scrolls to the cases.

Investigation Services and Investigator Profiles

The Services page gives an overview of everything the agency offers. Each Service Detail page then explains one service, which helps when a visitor searches for a single need such as surveillance or a background check.

The Team page holds founder and investigator profiles. Clients hire a person, so showing who will work their case is as important as listing services.

• Home v1 and Home v2, two distinct hero and showcase layouts
• About Us, for the agency story and investigation approach
• Portfolio and Portfolio Detail
• Services and Service Detail
• Team
• Blog and Blog Detail, for investigation insights and full articles
• Contact Us, with a contact form and map

Client testimonials run in a carousel. The icons are Flaticon and FontAwesome, while text is set in Google Fonts.

Theme, Hover States and Breakpoints in the Case Pages

Colors, typefaces and gaps are defined in one Tailwind theme, so one edit there reaches every page, from the Home layouts to the Contact Us form. Interactive states for hover and focus are written directly in the markup beside the default styles, which shows how a case card or service link behaves.

Layouts adapt to screen size through mobile-first breakpoint prefixes, so the case archive and team profiles reflow on phones without separate rules.

Files, Placeholders and Setup Notes

The pages in the download are ready to open in a browser. A copy of the Tailwind source comes with them, which lets you change the theme and compile the styles again. The preview photos are swapped for neutral placeholders, so case photos and portraits are yours to add. Step-by-step documentation covers setup and customisation, and the template works in Chrome, Firefox, Safari, Edge and Opera. Image credits go to Freepik and Unsplash.