Add a utility to your UI with Bootstrap 5 Client Testimonials with 3D flip animation…. Free Bootstrap 5 code — HTML & CSS ready to copy, MIT licensed.
1<div class="container mt-5 d-flex justify-content-center ">
2 <div class="row">
3 <div class="col-md-4">
4 <div class="maincard p-3">
5 <div class="thecard">
6 <div class="thefront text-center py-4"> <img src="https://i.imgur.com/o5uMfKo.jpg" class="rounded-circle mt-5" width="100">
7 <h3 class="mt-2 mb-0">Pratima</h3> <small class="user_name">Software developer</small>
8 </div>
9 <div class="theback py-3 px-3">
10 <div class="quote mt-3">
11 <h4><i class="fa fa-quote-left"></i></h4>
12 <p class="about text-justify">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
13 </div>
14 </div>
15 </div>
16 </div>
17 </div>
18 <div class="col-md-4">
19 <div class="maincard p-3">
20 <div class="thecard">
21 <div class="thefront text-center py-4"> <img src="https://i.imgur.com/tmdHXOY.jpg" class="rounded-circle mt-5" width="100">
22 <h3 class="mt-2 mb-0">Himanshu</h3> <small class="user_name">Sales executive</small>
23 </div>
24 <div class="theback py-3 px-3">
25 <div class="quote mt-3">
26 <h4><i class="fa fa-quote-left"></i></h4>
27 <p class="about text-justify">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
28 </div>
29 </div>
30 </div>
31 </div>
32 </div>
33 <div class="col-md-4">
34 <div class="maincard p-3">
35 <div class="thecard">
36 <div class="thefront text-center py-4"> <img src="https://i.imgur.com/8JiAQGa.jpg" class="rounded-circle mt-5" width="100">
37 <h3 class="mt-2 mb-0">Jonny</h3> <small class="user_name">Sales Manager</small>
38 </div>
39 <div class="theback py-3 px-3">
40 <div class="quote mt-3">
41 <h4><i class="fa fa-quote-left"></i></h4>
42 <p class="about text-justify">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
43 </div>
44 </div>
45 </div>
46 </div>
47 </div>
48 </div>
49</div> 
Auto move mouse cursor snippet
Auto move mouse cursor snippet: a hand-crafted, open-source Bootstrap 5 utility. HTML, CSS & JS included, ready to copy.
Bootstrap 5 Ecommerce Product Detail Page Design snippet
Free Bootstrap 5 utility snippet — Bootstrap 5 Ecommerce Product Detail Page Design snippet. Preview, copy HTML & CSS, drop it into any Bootstrap 5 project.
Bootstrap 5 Ecommerce single product page design template
Free Bootstrap 5 utility snippet — Bootstrap 5 Ecommerce single product page design template. Preview, copy HTML & CSS, drop it into any Bootstrap 5 project.
Hand-crafted Tailwind CSS components — HTML or React, copy-paste ready, with live previews. Free forever, MIT licensed, no sign-up to use.
24
Components
13
Views
6
Likes
Comments(0)
No comments yet — be the first to start the discussion.
Sign in to join the conversation.