Bootstrap 5 and CSS testimonial

Loading…

Bootstrap 5 and CSS testimonial | GoSnippets

Source Code

1
2    <section class="testimonial text-center">
3        <div class="container">
4
5            <div class="heading white-heading">
6                Testimonial
7            </div>
8            <div id="testimonial4" class="carousel slide testimonial4_indicators testimonial4_control_button thumb_scroll_x swipe_x" data-bs-ride="carousel" data-bs-pause="hover" data-bs-interval="5000" data-duration="2000">
9             
10                <div class="carousel-inner" role="listbox">
11                    <div class="carousel-item active">
12                        <div class="testimonial4_slide">
13                            <img src="https://i.imgur.com/m2O0ykv.jpeg" class="img-circle img-responsive" />
14                            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec auctor risus diam, ac elementum est porta iaculis. Etiam in mi aliquet, ornare ante eu, molestie mi. Pellentesque a aliquet nibh.
15                            In facilisis massa tortor, quis tristique sem malesuada ac. Aliquam convallis lacus </p>
16                            <h4>Ravi Raushan</h4>
17                        </div>
18                    </div>
19                    <div class="carousel-item">
20                        <div class="testimonial4_slide">
21                            <img src="https://i.imgur.com/k7XVwpB.jpeg" class="img-circle img-responsive" /><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec auctor risus diam, ac elementum est porta iaculis. Etiam in mi aliquet, ornare ante eu, molestie mi.
22                            Pellentesque a aliquet nibh. In facilisis massa tortor, quis tristique sem malesuada ac. Aliquam convallis lacus </p>
23                            <h4>Ramdas Gupta</h4>
24                        </div>
25                    </div>
26                    <div class="carousel-item">
27                        <div class="testimonial4_slide">
28                            <img src="https://i.imgur.com/BSK7iEv.jpeg" class="img-circle img-responsive" />
29                            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec auctor risus diam, ac elementum est porta iaculis. Etiam in mi aliquet, ornare ante eu, molestie mi. Pellentesque a aliquet nibh. 
30                            In facilisis massa tortor, quis tristique sem malesuada ac. Aliquam convallis lacus </p>
31                            <h4>Disha Patani</h4>
32                        </div>
33                    </div>
34                </div>
35                <a class="carousel-control-prev" href="#testimonial4" data-bs-slide="prev">
36                    <span class="carousel-control-prev-icon"></span>
37                </a>
38                <a class="carousel-control-next" href="#testimonial4" data-bs-slide="next">
39                    <span class="carousel-control-next-icon"></span>
40                </a>
41            </div>
42        </div>
43    </section>
44

Bootstrap 5 and CSS testimonial

Source Code

More Utilities snippets

Comments(0)

Working in Tailwind? Explore our Tailwind gallery