<section class="section pt-32-tablet is-relative has-background-dark is-clipped">
<img class="is-absolute is-top-0 is-left-0 is-right-0 image is-fullwidth" src="yofte-assets/elements/line-top.svg" alt="">
<div class="container is-relative">
<h2 class="title has-text-white mb-20">What Customers Say</h2>
<div class="has-mw-4xl mx-auto is-relative">
<div class="-ml-6 -mr-6 mt-12 mb-12 is-absolute is-top-0 is-bottom-0 is-left-0 is-right-0" style="border: 1px solid rgba(255, 255, 255, 0.6);"></div>
<div class="mx-auto mb-20 py-12 py-28-tablet is-relative has-background-dark" style="border: 1px solid rgba(255, 255, 255, 0.6);">
<img class="mx-auto mb-10 is-block is-rounded" style="width: 128px; height: 128px; border-radius: 50% !important;" src="yofte-assets/images/placeholder-portrait.png" alt="">
<div class="has-mw-2xl mx-auto px-4 is-relative">
<img class="is-absolute is-hidden-touch is-top-0 is-left-0 image" src="yofte-assets/elements/quote.svg" alt="">
<img class="is-absolute is-hidden-touch is-top-0 is-right-0 image" src="yofte-assets/elements/quote.svg" alt="">
<div class="has-mw-xl mx-auto px-4">
<h5 class="title is-size-4 has-text-white mb-16">Tonight I had interdum at ante porta, eleifend feugiat nunc. In semper euismod mi a accumsan. Thaaank you! 👏💥</h5>
<div class="is-flex is-align-items-center">
<p class="has-text-grey-dark mb-6 mb-0-tablet">Alice Kenowski, NYC</p>
<div class="ml-auto is-flex is-justify-content-end is-align-items-center">
<a class="button is-primary p-0 mr-5" href="#" style="width: 48px; height: 48px;">
<svg width="8" height="12" viewbox="0 0 8 12" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M3.02344 5.99748L7.14844 10.1225L5.97043 11.3008L0.66742 5.99748L5.97043 0.694179L7.14844 1.87248L3.02344 5.99748Z" fill="white"></path>
</svg>
</a>
<a class="button is-info p-0" href="#" style="width: 48px; height: 48px;">
<svg width="8" height="12" viewbox="0 0 8 12" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M4.97656 6.00252L0.851562 1.87752L2.02957 0.699219L7.33258 6.00252L2.02957 11.3058L0.851562 10.1275L4.97656 6.00252Z" fill="white"></path>
</svg>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="has-text-centered"><a class="button is-primary" href="#">Show More</a></div>
</div>
</section>