Homepage Custom HTML Blocks¶
Status: Live Project: Website
What this is¶
The homepage uses several custom HTML blocks rather than Kadence native blocks for specific sections (attorneys, client success stories) because the layout precision needed was hard to achieve with stock Kadence. These custom blocks are hand-styled and live inside a wp:html wrapper, distinct from the rest of the SA Template.
Work¶
- Homepage Custom HTML Blocks: Attorneys + Client Success Stories (March 12-13) — built and refined the custom HTML blocks for the attorneys section and client success stories, including hover states, responsive breakpoints, and the dark card treatment that later influenced the sitewide form standard
Why custom HTML¶
- Pixel-perfect attorney card alignment
- Complex hover states that Kadence couldn't express cleanly
- Client success story layout required a specific grid spec
- Dark translucent card treatment became the reference for forms sitewide (see Contact Page Redesign)