Le’practi Angular is a lawyer directory Angular template for law firms and solo attorneys, written in TypeScript on Angular 17. Each page is a standalone component. The Angular CLI handles serving, building and testing.

The law firm logic sits in injectable services. As a result, components stay small and easy to test. For instance, one service handles the lawyer directory, and every component that needs it reuses it.

Home Page Components

• Home v1 – a full-bleed hero slider with a crimson call to action.
• Home v2 – a split-screen hero, image left and headline right.
• Home v3 – a video background hero with two calls to action.
• Home v4 – a minimalist text-first hero that needs no image.

Law Firm Features And Services

• Lawyer Directory – five listing pages with left or right sidebars and an attorney profile.
• Practice Areas – two service layouts, a service detail page and a classification page.
• Blog – nine post formats, from standard to audio, gallery and video.
• Gallery – two gallery layouts.
• Client Account – login, register, my account, wishlist and checkout.
• Contact – a contact page with a Google Maps embed.

Lawyer Directory Angular Template Features

• Angular 17 standalone components for 37 pages
• Typed models and services in TypeScript
• RxJS for shared state such as the cart and the theme
• Lazy-loaded routes and the Angular CLI
• Responsive from phones to wide screens
• Documentation for setup, structure and changes

Working With The Angular CLI

Install Node 18 or newer and the Angular CLI. Then run npm install and ng serve. Later, ng build writes the production files.

Looking for this lawyer directory Angular template in another stack? Le’practi also comes as HTML5, React, Vue and WordPress. Every format is in the developer bundle at 20% off. Browse more Legal & Law Angular templates.

Built with Angular and TypeScript.