Lawfirm

Author: Colorlib

Updated: October 2026 · v3.0.1

Credits: Images from Unsplash

Lawfirm is a law firm website template built on Bootstrap 5, ready to use out of the box. It has a sophisticated design with many practical features and comes with eight pages (home, about, practice areas, cases, attorneys, blog, blog post and contact). Doing the work from scratch is a thing of the past: save yourself time and energy and get your law firm’s website online sooner rather than later.

The design is flexible and easy to adapt to your own branding, and it also works well as is. Some of the main traits of Lawfirm are sticky navigation, scroll animations, parallax page headers, animated counters, a client testimonial slider, a video, a case consultation form and a contact page with a working form and a click-to-load map. Present your case studies in depth and start a blog as well.

What’s new in 3.0

• Bootstrap 5.3.8 (the earlier release used Bootstrap 4.3.1), compiled from Sass with only the parts the pages use and the original Bootstrap 4 proportions, and plain JavaScript with no jQuery. Swiper 14 replaces Owl Carousel on the testimonial slider, Jarallax replaces Stellar on the page headers, the video opens in a built-in dialog, and small built-in modules replace Waypoints, animate.css and the counter plugin. npm run build (Dart Sass and esbuild) compiles one minified stylesheet and one script.
• Lighter pages: the home page went from 3.2 MB and 44 requests to 1.4 MB and 30 requests, and the contact page from 1.5 MB and 36 requests to 485 KB and 12 requests. Every photo has an AVIF version with the JPEG as the fallback, each page preloads its header photo, and the full-screen preloader is gone.
• No third-party requests: Roboto is self-hosted, the Font Awesome 4.7 and Flaticon icon fonts are replaced by Lucide SVG icons and a 1.4 KB social-logo subset, and the contact map is OpenStreetMap, loaded only when a visitor clicks “Show map”. Before, every page loaded a maps script with a sample API key, and the contact map showed an error. The play buttons now open a stock conference-room clip (a brand’s promotional video before), loaded only after a click.
• Working forms: the case consultation form on the home, about and practice areas pages, the contact form and the blog comment form send through includes/send-email.php, with validation, a spam trap and an in-page message. Before, no mail handler shipped, and the consultation form had no field names and only reloaded the page.
• Accessibility: a skip link and a main landmark on every page, names on icon-only links, labelled form fields, visible keyboard focus (the old CSS removed it) and WCAG AA text contrast, with dark text and icons on the gold buttons and a darker gold and grey for text on light backgrounds.
• Fixed: the page jumped up under the reader when the menu bar became fixed on scroll, the four counter icons and the menu button’s icon never showed, every page without a map logged a script error from the maps script, the phone and email links in the top bar and footer went nowhere, unclosed quote icons broke the testimonials markup, and typos such as “Have a Questions?” and “Cases Studies” are corrected.
• Demo content that fits a law firm: neutral headings and counter labels that make no claims about case results, a fictional contact address (a real street before), an invented name for the blog author (a historical figure before), and a blog heading about website themes now fits the law niche.