<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>Framework
Bulma
UI Library
All Libraries
Components
- Alert 80
- Application 60
- Banners 10
- Blog 63
- Call to action 99
- Contact 36
- Content 60
- Cookies 44
- E-commerce (orders) 14
- E-commerce (products) 20
- FAQ 41
- Features 135
- Footers 54
- Graphs 9
- HTTP codes 42
- Hero section 78
- How it works 43
- Logo clouds 85
- Modals 7
- Navbar 28
- Navigation (horizontal) 107
- Navigation (vertical) 2
- Newsletter 40
- Portfolio 46
- Pricing 38
- Reviews 5
- Sign in / Sign up 69
- Stats 44
- Tables 26
- Team 38
- Testimonials 47
- Users 17
Component #1
Component #2
Component #3
Component #4
Component #5
Your customers' words are the best advertising. Therefore, you should present them in the most beneficial way. Bulma reviews components will allow you to show the ratings of your company or products in a clear and attractive way. Check also the testimonals category to see similar sections.
In this mode, you will see versions of the Bulma reviews components that are available within our UI libraries. You will also find many other types of components that will be in the same theme. Our UI libraries are prepared by experienced designers and the code underneath them is created by an in-house team of developers.
Get access to all Bulma reviews components, code and our editor. Try the demo for free.
