Ironbound Strength Co. — Bold Fitness Coaches Page for Divi 5

Full Landing Fitness Bold

Meet the certified coaches at Ironbound Strength Co. Small classes, personal attention, and a coaching philosophy built on technique, accountability, and community.

Rate this element

Be the first to rate

Download this section, free

Divi 5 JSON, imports in seconds
Commercial license included
No account needed

Part of a theme pack

This page ships inside Ironbound: Strength & Conditioning Gym Theme (6 Pages), 6 coherent pages that share one brand.

$12.00one-time, commercial license

See everything in the pack

Click to view the full page

Overview

Ironbound Strength Co. opens with a full-bleed dark section — background #0c0c14, padding 112px top and 168px bottom on desktop — where a centered H1 in Unbounded at 800 weight and 60px announces "Coaches who watch every rep." Everything in the hero renders in the brand's high-voltage yellow (#ffd60a): the uppercase overline label, the headline, a centered 72px-wide 4px divider rule, and the 19px intro copy in Work Sans below it. A curve-shaped section divider in the same yellow (100px tall on desktop, collapsing to 44px on phone) flows the hero directly into the next band, treating the transition as a structural design moment rather than a decorative afterthought.

The team section runs on a solid #ffd60a canvas. A split header row gives the H2 "Meet your coaches" in Unbounded 44px the left 14/24 columns while a brief supporting sentence occupies the right 10/24, the two columns aligning to their flex baselines. Below it, four equal coach cards — each holding a square 1:1 portrait with deliberately hard corners (zero border radius), followed by a group with a 4px solid #0c0c14 top-border, an H3 name in Unbounded 20px, and an uppercase role label in Work Sans 13px — sit in a four-column row with 28px column gaps. On tablet the grid collapses to 2x2; on phone each card takes full width and stacks vertically, with the column and row gaps preserving clear breathing room at every size.

The founder spotlight section on white (#ffffff) pairs a 4:5-ratio portrait of Dana Ruiz, shaped with a pill-top / 32px-bottom-corner border radius that reads as an arch, against a right column of editorial copy set entirely in Unbounded at 22px with 1.6em line-height. The asymmetric flex layout gives the text column 15 of 24 units on desktop, letting the quote-style paragraphs command genuine weight. The column closes with an italic "Dana" signature in the same typeface at 22px, reinforcing the personal-gym voice the brand is built around.

A fourth section on #0c0c14 lists four coaching principles as numbered rows. Each row is a three-part flex group: a fixed 64px column for the index number in yellow Work Sans, a flex-grow column holding an H3 at Unbounded 34px, and a constrained 360px column for the supporting sentence, all separated by 4px solid yellow divi/divider modules. On phone the row collapses to a vertical stack. The page closes with a CTA section that layers a full-cover Pexels gym photo behind a #ffd60a background, anchoring a left-aligned white card with 32px corner radius, a 3px dark border, and a blue (#2438ff) divi/button that inverts its fill and text color on hover.

What’s inside

5-section full-page layout: dark hero, yellow team grid, white founder spotlight, dark philosophy list, and a photo-backed CTA with a floating card
4-coach card grid using native divi/image and divi/heading modules, square 1:1 portraits with hard corners and a 4px top-border name group below each card
Curve section divider in #ffd60a exiting the hero at 100px desktop height, scaling to 70px tablet and 44px phone via responsive decoration values
Arch-shaped founder portrait using native divi/image border-radius (999px top corners, 32px bottom corners) inside a locked 4:5 aspect-ratio frame
Numbered philosophy list: four rows each built with nested divi/group flex columns, a fixed-width index number column, and horizontal divi/divider separators between each item
CTA card floating over a full-cover background image: white card, 32px border radius, 3px solid border, and a hover-invert divi/button in #2438ff blue
Explicit responsive padding tiers on every section and font-size values set for desktop, tablet, and phone on every headline

Who it’s for

This layout fits independent gym owners, personal training studios, strength and conditioning coaches, CrossFit boxes, and boutique fitness brands that want a site reflecting the seriousness of the sport. It works for a solo trainer building a personal brand and for a multi-coach facility that needs to introduce its whole team with individual portraits. The numbered values section and the founder letter also make it a strong structural model for adjacent niches, including martial arts schools, cycling studios, and physical therapy practices, where communicating philosophy and personality before a visitor books is just as important as listing services.

Customization tips

The two-color palette (#0c0c14 and #ffd60a) lives at the section background level, so swapping your brand colors means updating four section backgrounds and the divider and border accent values rather than editing module by module. The curve divider height is a decoration value on the first section; change it to a different style or height in section settings without touching anything else. Coach portrait images are native divi/image modules locked to 1:1 in the grid and 4:5 in the founder spotlight, so use square crops for the card row and portrait-orientation crops (roughly 800x1000px) for the feature image to avoid reflow. Coach name H3s render at 20px in Unbounded; role labels above three words may wrap at the 12/24 tablet column width, so keep titles concise. The numbered principles in section 4 accept up to two short sentences before the 360px-constrained description column starts to feel tight on desktop. The CTA button URL is the last edit before the page is ready to publish.

How to install this layout

Download the layout JSON file from this page.
Open the target page in the Divi 5 builder.
Open the portability panel (up/down arrows icon) and choose the Import tab.
Upload the JSON. Tick “replace existing content” only for full-page imports.
Check the page at desktop and mobile widths, then swap in your copy and images.

Full walkthrough with troubleshooting: How to Import a Divi 5 Layout.

Questions about Ironbound Strength Co. — Bold Fitness Coaches Page for Divi 5

How does the four-coach grid reflow on smaller screens?

On tablet each column takes 12 of 24 units, so the four cards arrange as a 2x2 grid with the 28px column gap intact. On phone every column expands to full 24/24 width and stacks vertically. The row gap in the row module keeps cards from running together.

What creates the arch shape on the founder portrait?

It is a native divi/image border-radius setting: 999px on the top-left and top-right corners (producing a pill or arch top) and 32px on both bottom corners. The image is locked to a 4:5 aspect ratio with object-fit cover, so replacing the source URL preserves the shape automatically.

Which modules make up the numbered philosophy rows?

Each row is a divi/group set to flex-row containing three nested divi/group children: a fixed 64px-wide group holding a divi/text number label, a flex-grow group holding a divi/heading principle, and a max-width-360px group holding a divi/text description. Rows are separated by native divi/divider modules at 4px solid #ffd60a.

Can I add a fifth coach card without breaking the grid?

The second section's card row is structured as a 1_4 four-column row. Adding a fifth card requires adding a new row or restructuring to a different column split. The layout was designed and validated for four equal columns, so check the tablet breakpoint carefully after any change to column count.

What should I edit first after importing?

Start with the coach portrait images and names, which appear in two places: the square-card grid in section 2 and the arch-shaped spotlight in section 3. Then update the founder letter copy in section 3 and the four principle headings in section 4. Finally, update the CTA button link in section 5.

Which Divi version does this layout need?

Divi 5. The layout is generated natively for Divi 5 and validated against its real module structure before publication, so it imports clean into the current builder.

Can I use this layout on client websites?

Yes. Every download includes a commercial license covering unlimited sites you own or build for clients. Only reselling or redistributing the layout file itself is prohibited.