Olympus Website Snippets

Copy-paste these into your builder.

🔹 Header Logo Snippet

<img src="olympus-logo-wordmark.svg" alt="Olympus" style="height:36px; vertical-align:middle;">
  

🔹 Why Join Olympus Section

<section id="olym-credentials" style="padding:80px 24px; background:#0E1524;">
  <div style="max-width:1000px; margin:0 auto;">
    <h2 style="font-family:Inter,system-ui,Arial,sans-serif; font-size:clamp(28px,4vw,42px); margin:0 0 28px; color:#fff;">
      Why Join Olympus?
    </h2>
    <ul style="list-style:none; padding:0; margin:0; display:grid; gap:18px;">
      <li style="font:16px/1.6 Inter,system-ui,Arial,sans-serif; color:#fff; background:rgba(255,255,255,0.05); padding:16px 20px; border-radius:8px; border:1px solid rgba(255,255,255,0.08);">
        <strong style="color:#3AD0FF;">Trusted Network:</strong> Powered by AT&T Fiber — lightning-fast and future-proof.
      </li>
      <li style="font:16px/1.6 Inter,system-ui,Arial,sans-serif; color:#fff; background:rgba(255,255,255,0.05); padding:16px 20px; border-radius:8px; border:1px solid rgba(255,255,255,0.08);">
        <strong style="color:#3AD0FF;">Proven Value:</strong> No hidden fees, no contracts, and $150 gift card rewards.
      </li>
      <li style="font:16px/1.6 Inter,system-ui,Arial,sans-serif; color:#fff; background:rgba(255,255,255,0.05); padding:16px 20px; border-radius:8px; border:1px solid rgba(255,255,255,0.08);">
        <strong style="color:#3AD0FF;">Expert Support:</strong> Real people, real solutions — 24/7 support whenever you need it.
      </li>
      <li style="font:16px/1.6 Inter,system-ui,Arial,sans-serif; color:#fff; background:rgba(255,255,255,0.05); padding:16px 20px; border-radius:8px; border:1px solid rgba(255,255,255,0.08);">
        <strong style="color:#3AD0FF;">Community First:</strong> Built for families, creators, gamers, and hustlers who need speed and reliability.
      </li>
      <li style="font:16px/1.6 Inter,system-ui,Arial,sans-serif; color:#fff; background:rgba(255,255,255,0.05); padding:16px 20px; border-radius:8px; border:1px solid rgba(255,255,255,0.08);">
        <strong style="color:#3AD0FF;">Exclusive Perks:</strong> Trade-in deals up to $1000 + bundle savings on phones & WiFi.
      </li>
    </ul>
  </div>
</section>