<section class="position-relative py-16 bg-light bg-opacity-25 overflow-hidden">
<div class="container mw-8xl">
<div class="mw-2xl ms-auto px-6 px-sm-12 py-12 bg-white rounded-5">
<h3 class="font-heading fs-2 fw-medium mb-10">Testimonials</h3>
<div class="px-6 px-sm-20 pt-16 pb-20 mb-10 rounded-5 border">
<div class="text-center">
<p class="fs-5 fw-bold">“Working with Migra has been a game-changer for our business. Their digital marketing strategies increased our online visibility and drove significant growth in traffic and conversions. Highly recommended!"</p>
</div>
</div>
<div class="d-sm-flex align-items-center justify-content-between">
<div class="d-flex mb-6 mb-sm-0 align-items-center">
<img class="img-fluid d-block me-4" src="mirga-assets/images/testimonials/avatar.png" alt="">
<div>
<span class="d-block fs-5 fw-bold text-dark">Savia Ellianson</span>
<span class="fw-medium">Pink Ox</span>
</div>
</div>
<div>
<a class="btn me-1 py-5 px-4 btn-light-dark" href="#">
<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M9 18L10.2915 16.7463L3.4452 9.9L18 9.9L18 8.1L3.4452 8.1L10.2726 1.2726L9 3.02789e-06L7.86805e-07 9L9 18Z" fill="white"></path>
</svg>
</a>
<a class="btn py-5 px-4 btn-primary" href="#">
<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M9 0L7.7085 1.2537L14.5548 8.1L0 8.1L0 9.9L14.5548 9.9L7.7274 16.7274L9 18L18 9L9 0Z" fill="white"></path>
</svg>
</a>
</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
