Utilities Bootstrap 5Free+ CSS
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.
2.0k views19 downloads
gosnippets.com/preview/bootstrap-5-client-testimonials-with-3d-flip-animation…
Source Code
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> More Utilities snippets
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.
UtilitiesView →
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.
UtilitiesView →
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.
UtilitiesView →
Comments(0)
No comments yet — be the first to start the discussion.
Sign in to join the conversation.