Also in this folder: Visual Build Guide (photos + copy bars) Page Preview (how it'll look) Copy File (paste-ready text)

Safety & ASTM Certification Build Guide — Integra Pool Covers

Page: Safety & ASTM Certification (/why-integra/safety/)
Staging: integrapoo1stg.wpenginepowered.com
Template: Avada Full Width (no sidebar)


IMAGES IN THIS FOLDER

Filename Dimensions Size Section Alt Text
strength-test.webp 800x600 120KB ASTM Test: Strength (Section 4) ASTM F1346 strength test — Integra cover supports 485+ pounds static load
perimeter-seal.webp 800x600 121KB ASTM Test: Perimeter (Section 4) Integra pool cover perimeter seal — no gap access to water beneath
surface-drainage.webp 800x600 83KB ASTM Test: Drainage (Section 4) Safe surface drainage on Integra automatic pool cover — no hazardous water ponding
durability.webp 800x600 39KB ASTM Test: Durability (Section 4) Integra pool cover durability under pressure — ASTM F1346 certified construction
safety-hero-dog.webp 1200x800 194KB Safety in Daily Use (Section 5) Dog walking safely on closed Integra automatic pool cover — demonstrating ASTM F1346 certified weight capacity
astm-standards-badge.webp 800x600 63KB Intro / Badge area (Section 2) Built to ASTM F1346 standards — Integra Pool Covers safety certification

WILL'S LAYOUT CLASSES (USE THESE FIRST)

Will Roberts set up CSS classes on the staging site that handle layout, spacing, and responsive behavior automatically. Use these instead of manual Avada builder settings wherever possible.

Layout Type How to Apply What It Does
Hero Add ID hero to the container Full-width hero with overlay, responsive height, centered content
Intro/Subheading Add class introheader Styled heading typography for section intros
Two-Column Add class two-column Split layout, image stacks above text on mobile
Mosaic Add class mosaic Text + 4-image grid, auto-cropped aspect ratios

You do NOT need to manually set: padding values, column widths, mobile breakpoints, or min-heights for sections using these classes. The CSS handles it all. Just add the class/ID, drop in your content and images.

Only set manual Avada values for: colors, background images, button styles, icon choices, and any custom sections not covered by the four classes above.

Staging reference: integrapoo1stg.wpenginepowered.com/new-layouts/ — shows all four layout types in action.


RANK MATH SEO SETTINGS

Set these in the Rank Math panel on the page editor:


SECTION-BY-SECTION BUILD INSTRUCTIONS


SECTION 1: HERO

What it looks like: Solid navy background with centered white text. No background image.

  1. Add a new Container (Section)
  2. Container Settings:
  3. Background: #003366 (solid color)
  4. Min height: 50vh (desktop), 40vh (mobile)
  5. Padding: 100px top and bottom (desktop), 60px (mobile)
  6. Content alignment: Center

  7. Inside the container, add a Column — set to 10/12 width, centered

  8. Add Text Block element:

  9. Content: <h1>Certified to ASTM F1346 — The Pool Safety Standard That Matters</h1>
  10. Font color: #FFFFFF
  11. Font size: 44px desktop / 30px mobile
  12. Font weight: 700
  13. Text align: Center
  14. Margin bottom: 20px
  15. Animation: Fade In from Bottom, 0.3s delay

  16. Add Text Block element:

  17. Content: <p>Not all automatic pool covers carry ASTM certification. Here's what the standard actually tests — and why every Integra cover passes.</p>
  18. Font color: rgba(255,255,255,0.9)
  19. Font size: 20px desktop / 16px mobile
  20. Text align: Center
  21. Max width: 800px, centered
  22. Animation: Fade In from Bottom, 0.5s delay

SECTION 2: INTRO COPY WITH BADGE

What it looks like: White background, 2-column layout — text left, ASTM badge image right.

  1. Add Container
  2. Background: #FFFFFF
  3. Padding: 80px top and bottom

  4. 2-column row — 60% left / 40% right

  5. Left column:

  6. Text Block:

    • <h2>What Is ASTM F1346?</h2>
    • Color: #003366
    • Font size: 32px
    • Margin bottom: 16px
  7. Text Block:

    • Copy: ASTM F1346 is the American Society for Testing and Materials standard specifically for automatic pool covers used as safety barriers. It is not self-certified — it requires independent testing under controlled conditions. The standard evaluates three critical performance areas: structural strength, perimeter security, and surface water management. A cover that fails any single test cannot carry the ASTM F1346 designation.
    • Color: #2D2D2D
    • Font size: 16px
    • Line height: 1.7
  8. Text Block:

    • Copy: Every Integra automatic pool cover is designed, built, and tested to meet all three requirements. The ASTM F1346 certification label ships on every unit.
    • Color: #2D2D2D
    • Font size: 16px
    • Font weight: 600
    • Line height: 1.7
    • Margin top: 16px
  9. Right column:

  10. Image element → Upload astm-standards-badge.webp
  11. Alt text: Built to ASTM F1346 standards — Integra Pool Covers safety certification
  12. Border radius: 8px
  13. Vertical alignment: Center

SECTION 3: STAT CARDS BAR

What it looks like: Navy bar with 3 large stat numbers and labels.

  1. Add Container
  2. Background: #003366
  3. Padding: 50px top and bottom

  4. 3-column row (equal widths)

  5. Each column:

Column 1:
- Text Block:
- <div style="text-align:center;"><span style="font-size:48px; font-weight:700; color:#FFFFFF;">485+</span><br><span style="font-size:16px; color:rgba(255,255,255,0.85); text-transform:uppercase; letter-spacing:1px;">Pounds Static Load</span></div>

Column 2:
- Text Block:
- <div style="text-align:center;"><span style="font-size:48px; font-weight:700; color:#FFFFFF;">2"</span><br><span style="font-size:16px; color:rgba(255,255,255,0.85); text-transform:uppercase; letter-spacing:1px;">Maximum Gap Width</span></div>

Column 3:
- Text Block:
- <div style="text-align:center;"><span style="font-size:48px; font-weight:700; color:#FFFFFF;">Zero</span><br><span style="font-size:16px; color:rgba(255,255,255,0.85); text-transform:uppercase; letter-spacing:1px;">Standing Water Allowed</span></div>

Mobile: Stack to 1 column with 30px padding between stats.


SECTION 4: ASTM TEST SECTIONS (ALTERNATING 2-COL)

What it looks like: Four alternating image/text sections — one for each ASTM test area.


4A: STRENGTH TEST

Layout: Image LEFT, Text RIGHT
Background: #FFFFFF

  1. Add Container
  2. Background: #FFFFFF
  3. Padding: 80px top and bottom

  4. 2-column row — 50/50

  5. Left column:

  6. Imagestrength-test.webp
  7. Alt: ASTM F1346 strength test — Integra cover supports 485+ pounds static load
  8. Border radius: 8px
  9. Animation: Fade In from Left, 0.3s

  10. Right column:

  11. Text Block:

    • <h3>Strength: 485+ Pounds of Static Load</h3>
    • Color: #003366, font size 26px, margin bottom 16px
  12. Text Block:

    • Copy: The ASTM F1346 strength test places a static load on the closed cover and measures deflection and failure thresholds. Integra covers are engineered to support well over 485 pounds — enough to prevent a child, pet, or adult from breaking through to the water below. The all-stainless steel mechanism, combined with reinforced Aegis fabric, distributes the load across the full span of the cover.
    • Color: #2D2D2D, font size 16px, line height 1.7

4B: PERIMETER SEAL

Layout: Text LEFT, Image RIGHT
Background: #F5F5F5

  1. Add Container
  2. Background: #F5F5F5
  3. Padding: 80px top and bottom

  4. 2-column row — 50/50

  5. Left column:

  6. Text Block:

    • <h3>Perimeter Security: No Gap Access to Water</h3>
    • Color: #003366, font size 26px, margin bottom 16px
  7. Text Block:

    • Copy: ASTM F1346 requires that no gap between the cover and the pool edge exceeds 2 inches — the threshold at which a small child's head could access the water beneath. Integra's track system is precision-machined to maintain consistent contact between the cover edge and the pool coping. The leading edge bar locks into the end tracks, creating a continuous perimeter seal that eliminates dangerous gaps.
    • Color: #2D2D2D, font size 16px, line height 1.7
  8. Right column:

  9. Imageperimeter-seal.webp
  10. Alt: Integra pool cover perimeter seal — no gap access to water beneath
  11. Border radius: 8px
  12. Animation: Fade In from Right, 0.3s

4C: SURFACE DRAINAGE

Layout: Image LEFT, Text RIGHT
Background: #FFFFFF

  1. Add Container
  2. Background: #FFFFFF
  3. Padding: 80px top and bottom

  4. 2-column row — 50/50

  5. Left column:

  6. Imagesurface-drainage.webp
  7. Alt: Safe surface drainage on Integra automatic pool cover — no hazardous water ponding
  8. Border radius: 8px
  9. Animation: Fade In from Left, 0.3s

  10. Right column:

  11. Text Block:

    • <h3>Surface Drainage: No Hazardous Water Ponding</h3>
    • Color: #003366, font size 26px, margin bottom 16px
  12. Text Block:

    • Copy: Standing water on a pool cover creates its own drowning hazard — particularly for small children. ASTM F1346 requires that the cover surface drain effectively and prevent water accumulation. Integra covers are designed with controlled drainage characteristics that allow rainwater to shed safely without pooling on the surface, maintaining the cover's structural integrity and safety profile.
    • Color: #2D2D2D, font size 16px, line height 1.7

4D: DURABILITY UNDER PRESSURE

Layout: Text LEFT, Image RIGHT
Background: #F5F5F5

  1. Add Container
  2. Background: #F5F5F5
  3. Padding: 80px top and bottom

  4. 2-column row — 50/50

  5. Left column:

  6. Text Block:

    • <h3>Durability: Built to Perform Under Pressure</h3>
    • Color: #003366, font size 26px, margin bottom 16px
  7. Text Block:

    • Copy: ASTM certification isn't a one-time test — the cover must maintain its safety performance over its operational life. Integra's all-stainless steel mechanisms resist the corrosive pool environment that degrades aluminum and mixed-metal alternatives. The 20-year mechanism warranty isn't aspirational — it reflects the materials and engineering that go into every unit. Aegis fabrics are UV-stabilized, heat-sealed, and backed by a 7-year fabric warranty.
    • Color: #2D2D2D, font size 16px, line height 1.7
  8. Right column:

  9. Imagedurability.webp
  10. Alt: Integra pool cover durability under pressure — ASTM F1346 certified construction
  11. Border radius: 8px
  12. Animation: Fade In from Right, 0.3s

SECTION 5: SAFETY IN DAILY USE

What it looks like: Full-width lifestyle image with overlaid text card.

  1. Add Container
  2. Background → Image → Upload safety-hero-dog.webp
  3. Background position: Center Center
  4. Background size: Cover
  5. Background overlay: #003366 at 50% opacity
  6. Min height: 500px (desktop), 400px (mobile)
  7. Padding: 80px top and bottom
  8. Content alignment: Center

  9. Column: 8/12 width, centered

  10. Text Block:

  11. <h2>Safety You Can See Every Day</h2>
  12. Color: #FFFFFF
  13. Font size: 36px desktop / 28px mobile
  14. Text align: Center
  15. Margin bottom: 20px

  16. Text Block:

  17. Copy: ASTM certification is tested in a lab — but safety happens in your backyard. Integra covers are strong enough for a dog to walk across, rigid enough to prevent any sag toward the water, and sealed tightly enough that curious hands can't reach beneath the edge. When the cover is closed, the pool is off-limits.
  18. Color: rgba(255,255,255,0.9)
  19. Font size: 18px
  20. Text align: Center
  21. Max width: 750px, centered

SECTION 6: RELATED RESOURCES CARDS

What it looks like: Three linked cards for related content.

  1. Add Container
  2. Background: #FFFFFF
  3. Padding: 80px top and bottom

  4. Headline: <h2>Continue Exploring</h2> — centered, color #003366, margin bottom 40px

  5. 3-column row (equal widths, 20px gap)

  6. Each column is a resource card:

  7. Background: #F5F5F5
  8. Border radius: 8px
  9. Padding: 30px
  10. Hover: box-shadow 0 4px 16px rgba(0,0,0,0.1)

Card 1:
- Icon: fa-bolt — color #003366, size 36px, margin bottom 16px
- Text Block: <h3>Energy Efficiency</h3>
- Copy: How an Integra cover reduces heating costs by 50-70% and cuts chemical use by 35-60%.
- Button: See the Numbers →/why-integra/energy-efficiency/

Card 2:
- Icon: fa-cogs — color #003366, size 36px, margin bottom 16px
- Text Block: <h3>How It Works</h3>
- Copy: From motor drive to rope pulleys — a complete walkthrough of the Integra mechanism.
- Button: See the Mechanism →/why-integra/how-it-works/

Card 3:
- Icon: fa-arrow-left — color #003366, size 36px, margin bottom 16px
- Text Block: <h3>Back to Why Integra</h3>
- Copy: Return to the full overview of what makes Integra automatic pool covers different.
- Button: Why Integra Overview →/why-integra/

All button styles: Text link, color #003366, font weight 600


SECTION 7: CLOSING CTA

What it looks like: Navy background, centered white text, two buttons.

  1. Add Container
  2. Background: #003366
  3. Padding: 80px top and bottom

  4. Column: 8/12 width, centered

  5. Text Block:

  6. <h2>Questions About Pool Cover Safety?</h2>
  7. Color: #FFFFFF
  8. Font size: 36px desktop / 28px mobile
  9. Text align: Center

  10. Text Block:

  11. Copy: Your local Integra dealer can walk you through how ASTM F1346 certification protects your family — and show you the cover in action.
  12. Color: rgba(255,255,255,0.85)
  13. Font size: 18px
  14. Text align: Center
  15. Margin bottom: 30px

  16. Button:

  17. Text: Find a Dealer
  18. Link: /for-dealers/find-a-dealer/
  19. Background: #FFFFFF
  20. Text color: #003366
  21. Size: Large
  22. Border radius: 4px
  23. Margin right: 16px

  24. Button:

  25. Text: Contact Us
  26. Link: /contact/
  27. Background: Transparent
  28. Border: 2px solid #FFFFFF
  29. Text color: #FFFFFF
  30. Size: Large
  31. Border radius: 4px

IMAGE UPLOAD CHECKLIST

File to Upload Alt Text to Enter
strength-test.webp ASTM F1346 strength test — Integra cover supports 485+ pounds static load
perimeter-seal.webp Integra pool cover perimeter seal — no gap access to water beneath
surface-drainage.webp Safe surface drainage on Integra automatic pool cover — no hazardous water ponding
durability.webp Integra pool cover durability under pressure — ASTM F1346 certified construction
safety-hero-dog.webp Dog walking safely on closed Integra automatic pool cover — demonstrating ASTM F1346 certified weight capacity
astm-standards-badge.webp Built to ASTM F1346 standards — Integra Pool Covers safety certification

STITCH DESIGN NOTES (from stitch-live/safety-&-astm-certification.html)

Ideas from the Stitch HTML worth considering during build:


NOTES FOR DEV