<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 53
- Banners 15
- Blog 56
- Call to action 95
- Careers 4
- Contact 38
- Content 59
- Cookies 41
- E-commerce (orders) 14
- E-commerce (products) 24
- FAQ 43
- Features 132
- Footers 53
- Graphs 18
- HTTP codes 48
- Hero section 91
- How it works 43
- Logo clouds 72
- Modals 3
- Navbar 68
- Navigation (horizontal) 92
- Navigation (vertical) 6
- Newsletter 45
- Portfolio 39
- Pricing 43
- Projects 9
- Reviews 5
- Sign in / Sign up 71
- Stats 76
- Tables 57
- Team 41
- Testimonials 41
- 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.
