The Law Corner — Law Firm Website Template
A professional law firm website template with a deep navy + gold palette. Pure HTML5 + CSS3, fully responsive. Design-reviewed by Themedown AI. Free for personal and commercial use.
Quick Start
bash
git clone https://github.com/tookit/ead-demo-thelawcorner-com.git
cd lead-demo-thelawcorner-com
# Open index.html in your browser, or use a local server:
npx serve .
No build step. No npm install. Just open and go.
Pages
| Page | Description |
|---|---|
| Home | Full-screen hero with background image + gradient overlay, service overview cards, attorney preview, testimonials, CTA |
| About | Firm story + core values grid (3-column) + founder attorney detailed profile |
| Practice Areas | 8 practice area cards (divorce, child custody, property division, mediation, etc.) |
| Testimonials | Client testimonial list + Google reviews badge |
| The Process | 4 separation paths (collaborative, mediation, negotiation, litigation) + step timeline |
| Contact | Contact form + office address/phone/email + embedded map |
Tech Stack
- HTML5 — Semantic markup, SEO-friendly
- CSS3 — Custom properties (variables), Flexbox, Grid, media queries
- Google Fonts — Playfair Display (headings) + Lora (subheads) + Inter (body)
- Vanilla JavaScript — Mobile menu, scroll-aware nav, FAQ accordion
Features
- Fully responsive — mobile-first, single-column below 768px
- Navy + gold brand color system (15 design tokens defined in
:root) - Full-screen Hero with background image + gradient overlay
- Scroll-aware sticky navigation (transparent → solid navy + shadow)
- Service card grid layout
- Attorney profile card (photo + BV rating badge)
- Core values 3-column grid
- Practice area icon list
- Client testimonial list + Google reviews badge
- Separation process timeline
- Contact form (Netlify data collection)
- Footer multi-column links + social icons
- Smooth scroll + font anti-aliasing
Design System
See design.md for the complete design specification — navy + gold color palette, Playfair Display / Lora / Inter typography hierarchy, component behaviors, and layout principles.
License
MIT — free for personal and commercial use.
