Assured
Assured is a free Bootstrap 5 website template for insurance agencies, brokers, and financial advisors. It ships with a home page and an About page, an inline hero quote form, animated trust stats, a coverage grid, a claims-process timeline, a vanilla testimonials carousel, and an FAQ accordion. The build uses self-hosted Bootstrap 5 with a custom deep-teal design layer and vanilla JavaScript — no jQuery.
Key features
- Inline hero 'Get a free quote' form (coverage type, name, ZIP) with a friendly success state
- Animated count-up trust-stats band: clients covered, claims paid, years, approval rate
- Six-card coverage grid for Auto, Home, Life, Health, Business, and Travel
- Four-step claims-process timeline that animates as it scrolls into view
- Vanilla JS testimonials carousel with dots, autoplay, keyboard and pause-on-hover
- Meet-the-agents cards plus a dedicated About page with story, values, and full team
- Native details/summary FAQ accordion and carrier logo chips
- Sticky blur navbar with a working slide-in mobile menu and phone/quote CTAs
- Accessible and responsive: ARIA, visible focus, keyboard support, prefers-reduced-motion
Best for
- Insurance agencies and independent brokers
- Financial advisors and planners
- Local agents needing a quote-capture landing page
- Mortgage, benefits, and risk-advisory firms
At a glance
- Framework: Bootstrap 5 (self-hosted), no jQuery
- JavaScript: vanilla ES5-safe, one module per feature
- Pages: index.html, about.html
- Fonts: Manrope (display) + Inter (body) via Google Fonts
- Palette: deep teal ink, fresh spring-green accent, cool grey, warm amber highlight
- Images: local paths with width/height + lazy loading
- License: free for personal and commercial use
How to use it
Download the ZIP, unzip it, and open index.html — no build step, nothing to install. Edit the text and images, point any forms at your backend or a form service, and deploy the folder to any static host. Colours and fonts live in css/style.css; the interactions are in js/main.js.
Frequently asked questions
Is the Assured template really free to use?
Yes. Assured is free for both personal and commercial projects, including client work. You can use it to build a live insurance agency site, customize the copy and colors, and deploy it without attribution requirements. There is no paid tier gating the pages or features shown in the demo.
Is it built on Bootstrap 5 and does it use jQuery?
Assured is built on Bootstrap 5, which is self-hosted in the template so it works offline and passes strict content-security policies. It contains zero jQuery. Every interaction — the mobile menu, count-up stats, carousel, timeline, and quote form — is written in dependency-free vanilla JavaScript.
How many pages and sections are included?
The template includes two pages: a full-length home page and a dedicated About page. The home page covers the hero quote form, trust stats, coverage grid, why-choose-us, claims timeline, agents, testimonials, carriers, FAQ, and a CTA band. The About page adds the agency story, an animated stats band, a values grid, and the full team.
Does the quote form actually send data anywhere?
Out of the box the hero form validates input and shows a success confirmation entirely on the client side — no backend is wired up, so no data leaves the page. To make it live, point the form's submit handler at your CRM, email service, or a form endpoint. The markup uses standard names and autocomplete attributes to make that integration straightforward.
Can I change the colors and fonts to match my brand?
Easily. The entire palette is defined as CSS custom properties at the top of css/style.css, so swapping the teal ink or spring-green accent is a one-line change that cascades across the whole site. Fonts are loaded from Google Fonts (Manrope and Inter) and can be replaced by editing a single link tag and the font-family variables.
Is the template responsive and accessible?
Yes. The layout is mobile-first and reflows cleanly from phones to widescreen, with the navbar collapsing into a slide-in mobile menu. Accessibility is built in: semantic landmarks, alt text on every image, ARIA on interactive controls, visible focus outlines, keyboard support for the carousel and menu, and full respect for the prefers-reduced-motion setting.
How do I add my own images?
Every image references a local path inside the img/ folder (for example img/hero.jpg and img/agent-1.jpg) and already includes width, height, and lazy-loading attributes to prevent layout shift. Replace the placeholder files with your own photos at the same dimensions, keeping team and testimonial images square, and the layout stays intact.
Can I use Assured for a non-insurance business?
Absolutely. While the copy and sections are tailored to insurance agencies, the structure suits any advisory or service business — financial planning, mortgage brokerage, benefits consulting, or legal services. The coverage grid, quote form, process timeline, and team sections map naturally onto most trust-driven service niches with only copy changes.
