What you receive in Webflow
- 7 native elements and 7 classes.
- Breakpoints: mobile landscape (767px).
- No Embed elements. Everything is native.
How to paste it
- Click Copy for Webflow.
- Open your page in the Webflow Designer.
- Press ⌘V or Ctrl+V.
HTML
<section class="cta1">
<div class="cta1-box">
<h2 class="cta1-title">Ready to get started?</h2>
<p class="cta1-text">Join 12,000+ teams building faster today.</p>
<div class="cta1-actions"><a href="#" class="cta1-btn">Start free trial</a><a href="#" class="cta1-btn cta1-btn-light">Book a demo</a></div>
</div>
</section>
<style>
.cta1 { font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; padding:80px 24px; background:#fff; }
.cta1-box { max-width:1100px; margin:0 auto; background:#0f172a; border-radius:24px; padding:64px 40px; text-align:center; color:#fff; }
.cta1-title { font-size:40px; margin:0 0 12px; }
.cta1-text { font-size:18px; color:#a5b0cc; margin:0 0 32px; }
.cta1-actions { display:flex; gap:12px; justify-content:center; flex-wrap:wrap; }
.cta1-btn { background:#4353ff; color:#fff; padding:14px 24px; border-radius:10px; text-decoration:none; font-weight:600; }
.cta1-btn-light { background:#fff; color:#0f172a; }
@media (max-width:767px) { .cta1-title { font-size:30px; } .cta1-box { padding:48px 24px; } }
</style>