<section class="py-28 bg-white overflow-hidden position-relative">
<img class="img-fluid position-absolute top-0 start-0" src="pstls-assets/images/testimonials/testimonial-1-shadow.png" alt="">
<div class="container">
<div class="row align-items-center">
<div class="col-12 col-md-6 col-xl-5 mb-20 mb-md-0" style="z-index: 1;">
<div class="mw-md-md">
<img src="pstls-assets/icons/testimonials-quote.svg" alt="">
<h2 class="mb-12 mt-6 lh-sm font-heading">Recently, the US Federal government banned online casinos from operating in America by making it illegal to transfer money to them through any US bank or payment system</h2>
<h5 class="fw-bold lh-lg font-heading">Sophie Kowalsky</h5>
<span class="text-muted small">CTO at Shuffle</span>
</div>
</div>
<div class="col-12 col-md-6 col-xl-7">
<div class="mx-auto me-md-0 mw-lg pt-12 position-relative">
<div class="position-absolute px-80 h-100 top-0 start-50 ms-xl-n16" style="background-image: url('pstls-assets/images/testimonials/colors.png'); background-size: cover;"></div>
<img class="img-fluid position-relative" src="pstls-assets/images/testimonials/woman.jpeg" alt="" style="z-index: 1">
<div class="d-flex justify-content-around justify-content-xl-start">
<div class="ms-xl-4">
<ul class="list-unstyled mb-0 d-flex mt-5">
<li class="d-flex me-2"><a class="p-1 bg-light transform-rotate-45deg" href="#"></a></li>
<li class="d-flex me-2"><a class="p-1 bg-primary-dark transform-rotate-45deg" href="#"></a></li>
<li class="d-flex me-2"><a class="p-1 bg-light transform-rotate-45deg" href="#"></a></li>
<li class="d-flex"><a class="p-1 bg-light transform-rotate-45deg" href="#"></a></li>
</ul>
</div>
<div class="d-flex ms-xl-44">
<a class="btn btn-primary p-6 position-relative" href="#">
<img class="img-fluid position-absolute start-50 top-50 translate-middle" src="pstls-assets/icons/testimonials-arrow-left.svg" alt="">
</a>
<a class="btn btn-primary-dark p-6 position-relative" href="#">
<img class="img-fluid position-absolute start-50 top-50 translate-middle" src="pstls-assets/icons/testimonials-arrow-right.svg" alt="">
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</section>Framework
Bootstrap
UI Library
All Libraries
Components
- Alert 5
- Application 38
- Banner 10
- Blog 43
- Call to action 75
- Contact 23
- Content 4
- Content 45
- Cookies 31
- E-commerce (orders) 14
- E-commerce (products) 24
- FAQ 29
- Features 108
- Footer 27
- Footers 10
- Graphs 9
- HTTP codes 32
- Headers 75
- How it works 29
- Logo clouds 51
- Modals 3
- Navbar 40
- Navigation (horizontal) 63
- Navigation (vertical) 4
- Newsletter 31
- Portfolio 29
- Pricing 25
- Projects 9
- Reviews 5
- Sign in / Sign up 55
- Stats 45
- Tables 25
- Team 24
- Testimonials 25
- Users 8
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.
Component #1
