Springboard Ad Component Test

All 3 variants × single program + all programs mode. Pure HTML+CSS, no external scripts.

Card — Data Science

Card — All Programs

Card — Cybersecurity

Card — UX Design

Banner — Machine Learning

Banner — All Programs

Compact — Software Engineering

Compact — All Programs

Card — Data Analytics

Verification Checklist

  • ☐ All 3 variants render (card, banner, compact)
  • ☐ "All programs" mode shows 6-program grid
  • ☐ Dark mode toggle works (check colors, borders)
  • ☐ "Ad" label visible on all variants (gray, top-left)
  • ☐ Affiliate disclosure text visible on all variants
  • ☐ CTA buttons have correct gradient (blue-600 → indigo-700)
  • ☐ Skills badges visible on card variant
  • ☐ Discount badge ($1,000 OFF) visible
  • ☐ Inspect links: rel="nofollow sponsored noopener" present
  • ☐ Click CTA → correct Springboard URL with UTM params
  • ☐ data-ad="springboard" on container (inspect element)