<section class="pt-24 pb-32 bg-white overflow-hidden">
<div class="container">
<div class="mw-md-md mx-auto text-center mb-16">
<h2 class="fs-10 text-secondary mb-5">12k+ Happy Clients</h2>
<p class="text-muted">Amet minim mollit non deserunt ullamco est sit aliqua dolor do amet sint. Velit officia consequat duis enim velit mollit.</p>
</div>
<div class="mw-7xl mx-auto">
<div class="container">
<div class="row g-10">
<div class="col-12 col-md-4">
<div class="h-100 rounded-3" style="padding: 2px; background: linear-gradient(90deg, rgba(108,213,246,1 ) 0%, rgba(248,157,92,1) 50%, rgba(91,106,240,1) 100%);">
<div class="d-flex flex-column justify-content-between align-items-between h-100 p-8 bg-white rounded-1">
<div class="mb-8">
<img class="mb-8" src="gradia-assets/images/testimonials/avatar.png" alt="">
<p class="text-secondary">“You made it so simple. My new site is so much faster and easier to work with than my old site. I just choose the page, make the change.”</p>
</div>
<div>
<h3 class="fs-17 text-secondary mb-1.5">Darrell Steward</h3>
<p class="fs-19 text-muted mb-0">Product Designer</p>
</div>
</div>
</div>
</div>
<div class="col-12 col-md-4">
<div class="h-100 rounded-3 shadow" style="padding: 2px; background: linear-gradient(90deg, rgba(108,213,246,1 ) 0%, rgba(248,157,92,1) 50%, rgba(91,106,240,1) 100%);">
<div class="d-flex flex-column justify-content-between align-items-between h-100 p-8 bg-white rounded-1">
<div class="mb-8">
<img class="mb-8" src="gradia-assets/images/testimonials/avatar2.png" alt="">
<p class="text-secondary">“Simply the best. Better than all the rest. I’d recommend this product to beginners and advanced users.”</p>
</div>
<div>
<h3 class="fs-17 text-secondary mb-1.5">Ronald Richards</h3>
<p class="fs-19 text-muted mb-0">Software Engineer</p>
</div>
</div>
</div>
</div>
<div class="col-12 col-md-4">
<div class="h-100 rounded-3" style="padding: 2px; background: linear-gradient(90deg, rgba(108,213,246,1 ) 0%, rgba(248,157,92,1) 50%, rgba(91,106,240,1) 100%);">
<div class="d-flex flex-column justify-content-between align-items-between h-100 p-8 bg-white rounded-1">
<div class="mb-8">
<img class="mb-8" src="gradia-assets/images/testimonials/avatar3.png" alt="">
<p class="text-secondary">“I cannot believe that I have got a brand new landing page after getting Omega. It was super easy to edit and publish.”</p>
</div>
<div>
<h3 class="fs-17 text-secondary mb-1.5">Darlene Robertson</h3>
<p class="fs-19 text-muted mb-0">Social Media Influencer</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>Framework
Bootstrap
UI Library
All Libraries
Components
- Alert 85
- Application 58
- Banners 15
- Blog 84
- Call to action 99
- Careers 8
- Contact 42
- Content 62
- Cookies 48
- E-commerce (orders) 14
- E-commerce (products) 24
- FAQ 49
- Features 140
- Footers 58
- Graphs 18
- HTTP codes 55
- Hero section 96
- How it works 46
- Logo clouds 80
- Modals 6
- Navbar 68
- Navigation (horizontal) 97
- Navigation (vertical) 6
- Newsletter 49
- Portfolio 39
- Pricing 47
- Projects 9
- Reviews 5
- Rich text 3
- Sign in / Sign up 81
- Stats 84
- Tables 57
- Team 46
- Testimonials 46
- Users 25
Bootstrap components testimonials showcase customer reviews of your product or service. Nothing says so much about them as feedback from other people. This type of message is more credible than marketing slogans. Add to it the image of the users and the possibility of confirming their reality. In this way, you will increase the chances of conversion from wary customers.
On this subpage, you can browse a variety of Bootstrap testimonials component themes that are available within our UI libraries. You will also find many other types of components that will be in the same style. Each of these libraries has been prepared by experienced designers along with our in-house team of developers.
Get access to all Bootstrap testimonials components, code and our editor. Test the editor demo for free.
