xxxxxxxxxx
1
<div class="container mt-5">
2
3
4
<!--Section: Content-->
5
<section class="team-section text-center dark-grey-text">
6
7
<!-- Section heading -->
8
<h3 class="font-weight-bold mb-4">Testimonials</h3>
9
10
<!-- Grid row -->
11
<div class="row">
12
13
<!--Carousel Wrapper-->
14
<div id="multi-item-example" class="carousel testimonial-carousel slide carousel-multi-item mb-5" data-ride="carousel">
15
16
<!--Controls-->
17
<div class="controls-top">
18
<a class="btn-floating light-blue darken-4" href="#multi-item-example" data-slide="prev"><i class="fas fa-chevron-left"></i></a>
19
<a class="btn-floating light-blue darken-4" href="#multi-item-example" data-slide="next"><i class="fas fa-chevron-right"></i></a>
20
</div>
21
<!--Controls-->
22
23
<!--Indicators-->
24
<ol class="carousel-indicators">
25
<li data-target="#multi-item-example" data-slide-to="0" class="active light-blue darken-4"></li>
26
<li data-target="#multi-item-example" data-slide-to="1" class="light-blue darken-4"></li>
27
<li data-target="#multi-item-example" data-slide-to="2" class="light-blue darken-4"></li>
28
</ol>
29
<!--Indicators-->
30
31
<!--Slides-->
32
<div class="carousel-inner" role="listbox">
33
34
<!--First slide-->
35
<div class="carousel-item active">
36
37
<!--Grid column-->
38
<div class="col-md-4">
39
<div class="testimonial">
40
<!--Avatar-->
41
<div class="avatar mx-auto">
42
<img src="https://mdbootstrap.com/img/Photos/Avatars/img%20(26).jpg" class="rounded-circle img-fluid">
43
</div>
44
<!--Content-->
45
<h4 class="font-weight-bold mt-4">Anna Deynah</h4>
46
<h6 class="blue-text font-weight-bold my-3">Web Designer</h6>
47
<p class="font-weight-normal"><i class="fas fa-quote-left pr-2"></i>Lorem ipsum dolor sit amet,
48
consectetur adipisicing elit. Quod eos id officiis hic tenetur.</p>
49
<!--Review-->
50
<div class="grey-text">
51
<i class="fas fa-star"> </i>
52
<i class="fas fa-star"> </i>
53
<i class="fas fa-star"> </i>
54
<i class="fas fa-star"> </i>
55
<i class="fas fa-star-half-alt"> </i>
56
</div>
57
</div>
58
</div>
59
<!--Grid column-->
60
61
<!--Grid column-->
62
<div class="col-md-4 clearfix d-none d-md-block">
63
<div class="testimonial">
64
<!--Avatar-->
65
<div class="avatar mx-auto">
66
<img src="https://mdbootstrap.com/img/Photos/Avatars/img%20(27).jpg" class="rounded-circle img-fluid">
67
</div>
68
<!--Content-->
69
<h4 class="font-weight-bold mt-4">John Doe</h4>
70
<h6 class="blue-text font-weight-bold my-3">Web Developer</h6>
71
<p class="font-weight-normal"><i class="fas fa-quote-left pr-2"></i>Ut enim ad minima veniam,
72
quis
73
nostrum exercitationem ullam corporis laboriosam.</p>
74
<!--Review-->
75
<div class="grey-text">
76
<i class="fas fa-star"> </i>
77
<i class="fas fa-star"> </i>
78
<i class="fas fa-star"> </i>
79
<i class="fas fa-star"> </i>
80
<i class="fas fa-star"> </i>
81
</div>
82
</div>
83
</div>
84
<!--Grid column-->
85
86
<!--Grid column-->
87
<div class="col-md-4 clearfix d-none d-md-block">
88
<div class="testimonial">
89
<!--Avatar-->
90
<div class="avatar mx-auto">
91
<img src="https://mdbootstrap.com/img/Photos/Avatars/img%20(31).jpg" class="rounded-circle img-fluid">
92
</div>
93
<!--Content-->
94
<h4 class="font-weight-bold mt-4">Abbey Clark</h4>
95
<h6 class="blue-text font-weight-bold my-3">Photographer</h6>
96
<p class="font-weight-normal"><i class="fas fa-quote-left pr-2"></i>Quis autem vel eum iure
97
reprehenderit qui in ea voluptate velit esse quam nihil molestiae.</p>
98
<!--Review-->
99
<div class="grey-text">
100
<i class="fas fa-star"> </i>
101
<i class="fas fa-star"> </i>
102
<i class="fas fa-star"> </i>
103
<i class="fas fa-star"> </i>
104
<i class="far fa-star"> </i>
105
</div>
106
</div>
107
</div>
108
<!--Grid column-->
109
110
</div>
111
<!--First slide-->
112
113
<!--Second slide-->
114
<div class="carousel-item">
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(4).jpg" class="rounded-circle img-fluid">
122
</div>
123
<!--Content-->
124
<h4 class="font-weight-bold mt-4">Blake Dabney</h4>
125
<h6 class="blue-text font-weight-bold my-3">Web Designer</h6>
126
<p class="font-weight-normal"><i class="fas fa-quote-left pr-2"></i>Ut enim ad minima veniam,
127
quis
128
nostrum exercitationem ullam corporis laboriosam.</p>
129
<!--Review-->
130
<div class="grey-text">
131
<i class="fas fa-star"> </i>
132
<i class="fas fa-star"> </i>
133
<i class="fas fa-star"> </i>
134
<i class="fas fa-star"> </i>
135
<i class="fas fa-star-half-alt"> </i>
136
</div>
137
</div>
138
</div>
139
<!--Grid column-->
140
141
<!--Grid column-->
142
<div class="col-md-4 clearfix d-none d-md-block">
143
<div class="testimonial">
144
<!--Avatar-->
145
<div class="avatar mx-auto">
146
<img src="https://mdbootstrap.com/img/Photos/Avatars/img%20(6).jpg" class="rounded-circle img-fluid">
147
</div>
148
<!--Content-->
149
<h4 class="font-weight-bold mt-4">Andrea Clay</h4>
150
<h6 class="blue-text font-weight-bold my-3">Front-end developer</h6>
151
<p class="font-weight-normal"><i class="fas fa-quote-left pr-2"></i>Lorem ipsum dolor sit amet,
152
consectetur adipisicing elit. Quod eos id officiis hic tenetur quae.</p>
153
<!--Review-->
154
<div class="grey-text">
155
<i class="fas fa-star"> </i>
156
<i class="fas fa-star"> </i>
157
<i class="fas fa-star"> </i>
158
<i class="fas fa-star"> </i>
159
<i class="fas fa-star"> </i>
160
</div>
161
</div>
162
</div>
163
<!--Grid column-->
164
165
<!--Grid column-->
166
<div class="col-md-4 clearfix d-none d-md-block">
167
<div class="testimonial">
168
<!--Avatar-->
169
<div class="avatar mx-auto">
170
<img src="https://mdbootstrap.com/img/Photos/Avatars/img%20(7).jpg" class="rounded-circle img-fluid">
171
</div>
172
<!--Content-->
173
<h4 class="font-weight-bold mt-4">Cami Gosse</h4>
174
<h6 class="blue-text font-weight-bold my-3">Phtographer</h6>
175
<p class="font-weight-normal"><i class="fas fa-quote-left pr-2"></i>At vero eos et accusamus et
176
iusto odio dignissimos ducimus qui blanditiis praesentium.</p>
177
<!--Review-->
178
<div class="grey-text">
179
<i class="fas fa-star"> </i>
180
<i class="fas fa-star"> </i>
181
<i class="fas fa-star"> </i>
182
<i class="fas fa-star"> </i>
183
<i class="far fa-star"> </i>
184
</div>
185
</div>
186
</div>
187
<!--Grid column-->
188
189
</div>
190
<!--Second slide-->
191
192
<!--Third slide-->
193
<div class="carousel-item">
194
195
<!--Grid column-->
196
<div class="col-md-4">
197
<div class="testimonial">
198
<!--Avatar-->
199
<div class="avatar mx-auto">
200
<img src="https://mdbootstrap.com/img/Photos/Avatars/img%20(8).jpg" class="rounded-circle img-fluid">
201
</div>
202
<!--Content-->
203
<h4 class="font-weight-bold mt-4">Bobby Haley</h4>
204
<h6 class="blue-text font-weight-bold my-3">Web Developer</h6>
205
<p class="font-weight-normal"><i class="fas fa-quote-left pr-2"></i>Lorem ipsum dolor sit amet,
206
consectetur adipisicing elit. Quod eos id officiis hic tenetur quae.</p>
207
<!--Review-->
208
<div class="grey-text">
209
<i class="fas fa-star"> </i>
210
<i class="fas fa-star"> </i>
211
<i class="fas fa-star"> </i>
212
<i class="fas fa-star"> </i>
213
<i class="fas fa-star"> </i>
214
</div>
215
</div>
216
</div>
217
<!--Grid column-->
218
219
<!--Grid column-->
220
<div class="col-md-4 clearfix d-none d-md-block">
221
<div class="testimonial">
222
<!--Avatar-->
223
<div class="avatar mx-auto">
224
<img src="https://mdbootstrap.com/img/Photos/Avatars/img%20(10).jpg" class="rounded-circle img-fluid">
225
</div>
226
<!--Content-->
227
<h4 class="font-weight-bold mt-4">Elisa Janson</h4>
228
<h6 class="blue-text font-weight-bold my-3">Marketer</h6>
229
<p class="font-weight-normal"><i class="fas fa-quote-left pr-2"></i>At vero eos et accusamus et
230
iusto odio dignissimos ducimus qui blanditiis praesentium.</p>
231
<!--Review-->
232
<div class="grey-text">
233
<i class="fas fa-star"> </i>
234
<i class="fas fa-star"> </i>
235
<i class="fas fa-star"> </i>
236
<i class="fas fa-star"> </i>
237
<i class="fas fa-star-half-alt"> </i>
238
</div>
239
</div>
240
</div>
241
<!--Grid column-->
242
243
<!--Grid column-->
244
<div class="col-md-4 clearfix d-none d-md-block">
245
<div class="testimonial">
246
<!--Avatar-->
247
<div class="avatar mx-auto">
248
<img src="https://mdbootstrap.com/img/Photos/Avatars/img%20(9).jpg" class="rounded-circle img-fluid">
249
</div>
250
<!--Content-->
251
<h4 class="font-weight-bold mt-4">Rob Jacobs</h4>
252
<h6 class="blue-text font-weight-bold my-3">Front-end developer</h6>
253
<p class="font-weight-normal"><i class="fas fa-quote-left pr-2"></i>Ut enim ad minima veniam,
254
quis
255
nostrum exercitationem ullam corporis laboriosam.</p>
256
<!--Review-->
257
<div class="grey-text">
258
<i class="fas fa-star"> </i>
259
<i class="fas fa-star"> </i>
260
<i class="fas fa-star"> </i>
261
<i class="fas fa-star"> </i>
262
<i class="far fa-star"> </i>
263
</div>
264
</div>
265
</div>
266
<!--Grid column-->
267
268
</div>
269
<!--Third slide-->
270
271
</div>
272
<!--Slides-->
273
274
</div>
275
<!--Carousel Wrapper-->
276
277
</div>
278
<!-- Grid row -->
279
280
</section>
281
<!--Section: Content-->
282
283
284
</div>
1
1
1
1
Console errors: 0