xxxxxxxxxx
1
<div class="container">
2
<!-- Section: Testimonials v.4 -->
3
<section class="text-center my-5">
4
5
<!-- Section heading -->
6
<h2 class="h1-responsive font-weight-bold my-5">Testimonials v.4</h2>
7
8
<!-- Grid row -->
9
<div class="row d-block">
10
11
<!--Carousel Wrapper-->
12
<div id="multi-item-example" class="carousel testimonial-carousel slide carousel-multi-item mb-5" data-ride="carousel">
13
14
<!--Controls-->
15
<div class="controls-top">
16
<a class="btn-floating light-blue darken-4" href="#multi-item-example" data-slide="prev"><i class="fas fa-chevron-left"></i></a>
17
<a class="btn-floating light-blue darken-4" href="#multi-item-example" data-slide="next"><i class="fas fa-chevron-right"></i></a>
18
</div>
19
<!--Controls-->
20
21
<!--Indicators-->
22
<ol class="carousel-indicators">
23
<li data-target="#multi-item-example" data-slide-to="0" class="active light-blue darken-4"></li>
24
<li data-target="#multi-item-example" data-slide-to="1" class="light-blue darken-4"></li>
25
<li data-target="#multi-item-example" data-slide-to="2" class="light-blue darken-4"></li>
26
</ol>
27
<!--Indicators-->
28
29
<!--Slides-->
30
<div class="carousel-inner" role="listbox">
31
32
<!--First slide-->
33
<div class="carousel-item active">
34
35
<!--Grid column-->
36
<div class="col-md-4">
37
<div class="testimonial">
38
<!--Avatar-->
39
<div class="avatar mx-auto">
40
<img src="https://mdbootstrap.com/img/Photos/Avatars/img%20(26).jpg" class="rounded-circle img-fluid">
41
</div>
42
<!--Content-->
43
<h4 class="font-weight-bold mt-4">Anna Deynah</h4>
44
<h6 class="blue-text font-weight-bold my-3">Web Designer</h6>
45
46
</div>
47
</div>
48
<!--Grid column-->
49
50
<!--Grid column-->
51
<div class="col-md-4">
52
<div class="testimonial">
53
<!--Avatar-->
54
<div class="avatar mx-auto">
55
<img src="https://mdbootstrap.com/img/Photos/Avatars/img%20(27).jpg" class="rounded-circle img-fluid">
56
</div>
57
<!--Content-->
58
<h4 class="font-weight-bold mt-4">John Doe</h4>
59
<h6 class="blue-text font-weight-bold my-3">Web Developer</h6>
60
61
</div>
62
</div>
63
<!--Grid column-->
64
65
<!--Grid column-->
66
<div class="col-md-4">
67
<div class="testimonial">
68
<!--Avatar-->
69
<div class="avatar mx-auto">
70
<img src="https://mdbootstrap.com/img/Photos/Avatars/img%20(31).jpg" class="rounded-circle img-fluid">
71
</div>
72
<!--Content-->
73
<h4 class="font-weight-bold mt-4">Abbey Clark</h4>
74
<h6 class="blue-text font-weight-bold my-3">Photographer</h6>
75
76
</div>
77
</div>
78
<!--Grid column-->
79
80
</div>
81
<!--First slide-->
82
83
<!--Second slide-->
84
<div class="carousel-item">
85
86
<!--Grid column-->
87
<div class="col-md-4">
88
<div class="testimonial">
89
<!--Avatar-->
90
<div class="avatar mx-auto">
91
<img src="https://mdbootstrap.com/img/Photos/Avatars/img%20(4).jpg" class="rounded-circle img-fluid">
92
</div>
93
<!--Content-->
94
<h4 class="font-weight-bold mt-4">Blake Dabney</h4>
95
<h6 class="blue-text font-weight-bold my-3">Web Designer</h6>
96
97
</div>
98
</div>
99
<!--Grid column-->
100
101
<!--Grid column-->
102
<div class="col-md-4">
103
<div class="testimonial">
104
<!--Avatar-->
105
<div class="avatar mx-auto">
106
<img src="https://mdbootstrap.com/img/Photos/Avatars/img%20(6).jpg" class="rounded-circle img-fluid">
107
</div>
108
<!--Content-->
109
<h4 class="font-weight-bold mt-4">Andrea Clay</h4>
110
<h6 class="blue-text font-weight-bold my-3">Front-end developer</h6>
111
112
</div>
113
</div>
114
<!--Grid column-->
115
116
<!--Grid column-->
117
<div class="col-md-4">
118
<div class="testimonial">
119
<!--Avatar-->
120
<div class="avatar mx-auto">
121
<img src="https://mdbootstrap.com/img/Photos/Avatars/img%20(7).jpg" class="rounded-circle img-fluid">
122
</div>
123
<!--Content-->
124
<h4 class="font-weight-bold mt-4">Cami Gosse</h4>
125
<h6 class="blue-text font-weight-bold my-3">Phtographer</h6>
126
127
</div>
128
</div>
129
<!--Grid column-->
130
131
</div>
132
<!--Second slide-->
133
134
<!--Third slide-->
135
<div class="carousel-item">
136
137
<!--Grid column-->
138
<div class="col-md-4">
139
<div class="testimonial">
140
<!--Avatar-->
141
<div class="avatar mx-auto">
142
<img src="https://mdbootstrap.com/img/Photos/Avatars/img%20(8).jpg" class="rounded-circle img-fluid">
143
</div>
144
<!--Content-->
145
<h4 class="font-weight-bold mt-4">Bobby Haley</h4>
146
<h6 class="blue-text font-weight-bold my-3">Web Developer</h6>
147
148
</div>
149
</div>
150
<!--Grid column-->
151
152
<!--Grid column-->
153
<div class="col-md-4">
154
<div class="testimonial">
155
<!--Avatar-->
156
<div class="avatar mx-auto">
157
<img src="https://mdbootstrap.com/img/Photos/Avatars/img%20(10).jpg" class="rounded-circle img-fluid">
158
</div>
159
<!--Content-->
160
<h4 class="font-weight-bold mt-4">Elisa Janson</h4>
161
<h6 class="blue-text font-weight-bold my-3">Marketer</h6>
162
163
164
</div>
165
</div>
166
<!--Grid column-->
167
168
<!--Grid column-->
169
<div class="col-md-4">
170
<div class="testimonial">
171
<!--Avatar-->
172
<div class="avatar mx-auto">
173
<img src="https://mdbootstrap.com/img/Photos/Avatars/img%20(9).jpg" class="rounded-circle img-fluid">
174
</div>
175
<!--Content-->
176
<h4 class="font-weight-bold mt-4">Rob Jacobs</h4>
177
<h6 class="blue-text font-weight-bold my-3">Front-end developer</h6>
178
179
180
</div>
181
</div>
182
<!--Grid column-->
183
184
</div>
185
<!--Third slide-->
186
187
</div>
188
<!--Slides-->
189
190
</div>
191
<!--Carousel Wrapper-->
192
193
</div>
194
<!-- Grid row -->
195
196
</section>
197
<!-- Section: Testimonials v.4 -->
198
</div>
199
1
1
1
1
Console errors: 0