<section class="py-12 py-lg-24 bg-black position-relative overflow-hidden">
<div class="container position-relative">
<div class="text-center mb-20"><span class="badge mb-4 text-primary">Nightsable Card</span>
<h1 class="font-heading h3 text-white mb-6" style="letter-spacing: -0.2rem;">What people are saying</h1>
</div>
<div class="mw-lg mx-auto mw-lg-none p-2 bg-secondary-dark bg-opacity-25 border border-secondary-dark border-opacity-25 rounded-5 position-relative overflow-hidden"><img class="position-absolute bottom-0 end-0 w-50" src="nightsable-assets/images/testimonials/blur.png" alt="">
<div class="row position-relative">
<div class="col-12 col-lg-5 col-xl-4"><img class="img-fluid d-block h-100 w-100" src="nightsable-assets/images/testimonials/man.png" alt=""></div>
<div class="col-12 col-lg-7 col-xl-8">
<div class="mw-3xl mx-auto pt-24 pb-10 px-8 ps-lg-20 pe-lg-10">
<p class="fs-4 text-white mb-12" style="font-family: 'Playfair Display', 'ui-sans-serif', 'system-ui', '-apple-system' ;">“GTIS Partners is a leading real estate investment firm in the Americas, headquartered in New York with offices in São Paulo, San Francisco, Los Angeles, Atlanta, Charlotte, Phoenix”</p>
<div><span class="d-block lh-1 fw-medium">Wade Warren</span><span class="fs-9">CEO, Since Industry</span></div>
<div class="d-flex mt-8 mt-sm-n8 align-items-center justify-content-end">
<button class="btn p-0 me-5 d-flex align-items-center justify-content-center btn-outline-secondary-dark" style="width: 74px; height: 74px;">
<svg width="27" height="27" viewBox="0 0 27 27" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M10.7041 7.12817L4.15635 13.6759L10.7041 20.2237" stroke="white" stroke-width="1.61806" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M22.4941 13.6759H4.33949" stroke="white" stroke-width="1.61806" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</button>
<button class="btn p-0 d-flex align-items-center justify-content-center btn-outline-secondary-dark" style="width: 74px; height: 74px;">
<svg width="27" height="27" viewBox="0 0 27 27" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M16.2959 7.12817L22.8437 13.6759L16.2959 20.2237" stroke="white" stroke-width="1.61806" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M4.50586 13.6759H22.6605" stroke="white" stroke-width="1.61806" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
Can't find the right component?
Describe it and Shuffle AI builds it in seconds, ready to edit and export.
Free to start
Generate with AI
