Calder & Voss Injury Law — Personal Injury Law Firm Website (8 Pages)

8 pages, each a complete, self-contained HTML page — a calm, serious personal injury firm design: a split hero on warm stone with a claret-washed photo and an overlapping "quick case check" card, Spectral headings with italic claret accents over Geist, file-folder cards with raised tabs, brass-bracketed photo frames, slate and claret bands. 1. Home (index.html) — hero with quick case check, sample firm facts (count-ups), eight practice areas, tickable after-an-accident checklist, self-drawing case timeline, "you heal, we handle the rest", illustrative fee breakdown, deadlines band, sample reviews. 2. Practice Areas (practice-areas.html) — eight practice area folder cards, three questions in every case, matters you refer out, deadlines band. 3. Car & Truck Accidents (car-truck-accidents.html) — common causes, evidence to preserve, tabbed insurance basics, flip cards on commercial truck rules, crash FAQ (FAQPage markup). 4. How Your Case Works (how-your-case-works.html) — detailed six-stage timeline, your part and ours, what affects timing, process FAQ. 5. Fees (fees.html) — how contingency fees work, the interactive illustrative settlement example, case costs table, fee FAQ. 6. Results & Reviews (results-reviews.html) — attorney advertising notice, six sample results, how to read results, six sample reviews. 7. Our Attorneys (our-attorneys.html) — four nameplate attorney cards (monograms, no photos), team count-ups, how we work, commitments. 8. Free Case Review (free-case-review.html) — intake form, call box, next steps, deadline note, and the checklist again. ANIMATION. Sections fade up as you scroll; a slow claret underline draws under each italic heading accent; the case timeline line draws down the page and each stage's number fills in as it arrives; sample firm and team figures count up (they read the number you type); truck-rule cards turn over on hover, tap or Enter. Everything is visible without JavaScript, and visitors who ask for reduced motion see a still page. QUICK CASE CHECK. The hero card's incident chips and "when" dropdown rewrite the Continue link to free-case-review.html?type=…&when=…, and the review form pre-selects those answers and shows a short note. Its hint line changes with the timing choice and only ever says deadlines vary and to act promptly — keep it that way. If you rename or remove options, keep the option values matching between the card and the form. AFTER-AN-ACCIDENT CHECKLIST. Visitors can tick items; ticks are saved only in that visitor's browser (localStorage, wrapped so it fails safely when storage is blocked) and never sent anywhere. Edit the item text freely. FEE EXAMPLE. The Fees page slider is labelled illustrative. The fee percentages are the dropdown's option values (25, 33.33, 40) and the "fee figured on" choice switches between computing the fee on the gross or after costs. Set these to match your actual written fee agreement and your state's rules; keep the "illustrative / not an estimate / your written fee agreement controls" wording beside it. FONTS. Spectral (600/700 and italic) and Geist load via @font-face in each page's style block, with Georgia and system sans-serif fallbacks. SEO. Each page opens with a labeled block (title, meta description, canonical link, Open Graph tags and JSON-LD — LegalService, CollectionPage, FAQPage, WebPage, AboutPage or ContactPage). Copy it into your real <head> when you deploy and update the domain, address and areas served. No review rating is included in the schema because the reviews are samples; only add one with real, verifiable reviews. FORMS. The free case review form posts nowhere — connect it to your intake system or form service before publishing, and make sure that system stores what visitors send securely. EDITING. Change colours and fonts site-wide in the editor's Theme panel; edit the header or footer once and use "Apply to all pages"; sections can be moved, duplicated, hidden or deleted; use the Tablet and Mobile views for device-specific tweaks. CLAIMS & ADVERTISING. Attorney advertising is regulated by each state bar, and the rules differ. Before publishing, have the whole site checked against your state bar's advertising rules (and any state where you advertise). This template was written to be cautious, and every item below must stay accurate for your firm: - "Attorney Advertising" appears in every page's footer and at the top of the Results page. Some states require other labels or a named responsible attorney and office address; the footer has a sample "Responsible attorney" line to replace. - Results: all six results and their amounts are fictional samples, each tagged "Sample", with "Prior results do not guarantee a similar outcome" and a gross-before-fees note. Replace them only with real, verifiable results you are allowed to publish, and keep the disclaimer. - Reviews: all reviews are fictional samples marked "sample review". Use only genuine reviews you have permission to publish; some states require testimonial disclaimers or restrict testimonials. - Fees: "No attorney fee unless we recover" always appears with the clarification that clients may still owe case costs depending on the written fee agreement. The fee example is labelled illustrative and says actual terms are in the written fee agreement. Check your state's contingency-fee rules. - Outcomes and timing: the site never promises a result or a timeline, and the case timeline is labelled typical and variable. Don't add guarantees. - Deadlines: the site says statutes of limitations vary by state and claim type and recommends acting promptly; it states no specific deadline. If you add one, have it checked. - Not legal advice / no attorney-client relationship: stated in the footer, under the case check, on the form and in the checklist note. - Words to avoid: the copy avoids "guaranteed", "best", "#1", "specialist" and "expert". Don't describe an attorney as a specialist or as certified unless they hold a certification your state recognizes, and then follow its disclosure rules. - Attorneys: names, bios, focus areas and bar admissions (marked "Admitted (sample)") are fictional. Replace with each attorney's real admissions. Cards use monograms, not photos; if you add real headshots, use the attorneys' own photos. - Sample firm facts (22 years, 1,900+ clients, team sizes, languages), case-cost ranges, office hours, "phones answered 7 days" and response times are placeholders — replace them with true statements or remove them. - Practice and insurance content (fault rules, PIP/MedPay, uninsured motorist coverage, federal trucking rules, workers' compensation, dog bite and wrongful death notes) is general information written to apply across states; check it against your state's law. - The company name, address, phone, email and domain are fictional. IMAGES. All photography is real Unsplash stock, self-hosted under /content-images: Lady Justice statues, a library, generic classical columns (not a named courthouse), gavels, paperwork and an empty office. No photo shows a recognisable face, and no insurer or other brand appears anywhere. Photos get a soft claret wash from CSS (.cv-photo); your own photos will get it too, or remove the overlay in the stylesheet.