Testimonial: big quote

What you receive in Webflow

• 8 native elements and 7 classes.
• Breakpoints: mobile landscape (767px).
• No Embed elements. Everything is native.

How to paste it

1. Click Copy for Webflow.
2. Open your page in the Webflow Designer.
3. Press ⌘V or Ctrl+V.

HTML

<section class="quote1">
  <div class="quote1-inner">
    <p class="quote1-text">“We rebuilt our whole marketing site in a week. Our conversion rate went up 38% the month after.”</p>
    <div class="quote1-person"><img class="quote1-avatar" src="https://images.unsplash.com/photo-1494790108377-be9c29b29330?w=160&q=80" alt="Sarah Chen" loading="lazy"><div><div class="quote1-name">Sarah Chen</div><div class="quote1-role">Head of Growth, Northwind</div></div></div>
  </div>
</section>
<style>
.quote1 { font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; padding:96px 24px; background:#fff; }
.quote1-inner { max-width:860px; margin:0 auto; text-align:center; }
.quote1-text { font-size:32px; line-height:1.4; color:#0f172a; margin:0 0 32px; font-weight:500; }
.quote1-person { display:flex; align-items:center; justify-content:center; gap:14px; text-align:left; }
.quote1-avatar { width:56px; height:56px; border-radius:999px; object-fit:cover; }
.quote1-name { font-weight:700; color:#0f172a; }
.quote1-role { color:#64748b; font-size:14px; }
@media (max-width:767px) { .quote1-text { font-size:24px; } }
</style>