SA Element Registry
Catalog
Admin
+ Add
Edit element
sa-managing-partner-block
Name (slug)
Version
Category
Heroes & Top-of-Page
Social Proof
Differentiators
Content Blocks
Sidebar
CTA / Footer
Office Anchoring
Status
Live
Beta
Deprecated
Description
Main-column office-anchoring block with a large circular orange-bordered headshot, name, role kicker, 1-2 sentence regional bio, and 'Meet [Name] →' link. Use directly under the hero on location pages.
When to use
Location pages directly under the hero to anchor the regional attorney.
Source skill
Rules (one per line, leading dash optional)
1. Main-column office-anchoring block (distinct from the sidebar partner card). 2. Circular orange-bordered headshot 200px desktop / collapses to centered on mobile. 3. Name, role kicker (MANAGING PARTNER — [Office] Office), 1-2 sentence regional bio, 'Meet [Name] →' link. 4. Use on location pages directly under the hero/trust-bar to anchor the regional attorney.
Live reference URL
Deployment notes
Copy verbatim. Replace bracketed placeholders. Run pre-publish-qa, playwright-visual-qa (desktop 1280 / mobile 390), sa-content-rot-detector, and sa-css-leak-guard after deploy. Log via content-publish-logger and notify search engines via batch-indexnow. See the source skill for full rules.
HTML
<!-- Managing partner block - main-column office anchoring (Jon Hollan example) --> <section class="sa-jon-block"> <div class="sa-jon-inner"> <div class="sa-jon-photo"><img src="https://aguiarinjurylawyers.com/wp-content/uploads/2026/03/Sam-Headshot-1.webp" alt="[Attorney name] managing partner" loading="lazy"></div> <div class="sa-jon-copy"> <p class="sa-jon-name">[Attorney Name]</p> <p class="sa-jon-title">Managing Partner - [Office] Office</p> <p class="sa-jon-details">[1-2 sentence bio about regional connection and case focus]</p> <a href="https://aguiarinjurylawyers.com/about-us/meet-our-team/sam-aguiar/" class="sa-jon-link">Meet [First Name] →</a> </div> </div> </section>
CSS
.sa-jon-block{background:#F7F9FB;padding:48px 24px;font-family:Poppins,sans-serif} .sa-jon-inner{max-width:980px;margin:0 auto;display:grid;grid-template-columns:200px 1fr;gap:32px;align-items:center} .sa-jon-photo{width:200px;height:200px;border-radius:50%;overflow:hidden;border:4px solid #D97706} .sa-jon-photo img{width:100%;height:100%;object-fit:cover;display:block} .sa-jon-name{font-weight:700;font-size:24px;color:#0B212D;margin:0 0 4px} .sa-jon-title{font-weight:600;font-size:14px;color:#D97706;letter-spacing:1px;text-transform:uppercase;margin:0 0 14px} .sa-jon-details{font-size:16px;line-height:1.55;color:#2C3E50;margin:0 0 16px} .sa-jon-link{color:#D97706;font-weight:700;text-decoration:none;font-size:15px} .sa-jon-link:hover{text-decoration:underline} @media(max-width:640px){.sa-jon-inner{grid-template-columns:1fr;text-align:center}.sa-jon-photo{margin:0 auto}}
Save changes
Cancel