Ironbound Strength Co. — Bold Fitness The Gym Page for Divi 5

The layout opens on a #ffd60a electric-yellow section that pairs a full-bleed 4:5 portrait photograph on the left with a white card group on the right. The card is pulled 128px into the image column by a negative left margin, creating a deliberate overlap rather than a standard two-column split. It carries a 32px border-radius, a 3px solid near-black border (#0c0c14), and a zIndex of 5 to sit cleanly above the photograph. Inside the card: a 14px Work Sans eyebrow in uppercase, an Unbounded 800-weight H1 at 52px with textWrap: balance and -1px letter-spacing, a short body paragraph in Work Sans 18px, and a solid electric-blue (#2438ff) button. On tablet the card retreats to -96px; on phone the margin zeroes and the card stacks below the image with 72px of top padding absorbing the gap.

The second and fourth sections use a shared technique: a full-width gym photograph behind a 70% dark gradient (rgba(12,12,20,0.7) running across both directions), turning the yellow page into near-black zones. The story section uses this ground to run a four-column milestone grid spanning 2019 to 2025. Each milestone is a Divi group module topped by a 4px white border rule, then an Unbounded year numeral at 48px, a short H3, and a one-sentence caption. The grid collapses from 4 columns to 2 on tablet and 1 on phone, and the year numerals scale with it (48px to 44px to 36px), preserving the hierarchy at every width.

Section three returns to yellow for a six-image gallery. The heading row is intentionally asymmetric: 14/24 width for the H2 column and 10/24 for the body copy, baseline-aligned at the bottom of the row (alignItems: flex-end). Below it, three equal column modules each hold a group with two image modules at alternating aspect ratios (4:5 and 4:3). All images use objectFit: cover with explicit ratio constraints, producing a staggered mosaic rhythm without a masonry plugin and with fully predictable cropping regardless of source photo dimensions.

The page closes with a large-format testimonial on the dark gradient ground (a 120px Unbounded opening quote mark, a 42px pull-quote, a 64px white divider rule, and a two-line attribution block), then a #2438ff blue CTA strip. The strip uses a horizontal flex group: the H2 sits in a flexGrow/flexShrink container on the left, and a button-plus-micro-copy group sits on the right, collapsing to a left-aligned vertical stack on phone. The three section backgrounds (yellow, near-black, blue) never appear adjacently, so each zone reads as its own environment without additional decoration.