xxxxxxxxxx
1
<!--Carousel Wrapper-->
2
<div id="multi-item-example" class="carousel slide carousel-multi-item" data-ride="carousel">
3
4
<!--Controls-->
5
<div class="controls-top">
6
<a class="btn-floating" href="#multi-item-example" data-slide="prev"><i class="fa fa-chevron-left"></i></a>
7
<a class="btn-floating" href="#multi-item-example" data-slide="next"><i class="fa fa-chevron-right"></i></a>
8
</div>
9
<!--/.Controls-->
10
11
<!--Indicators-->
12
<ol class="carousel-indicators">
13
<li data-target="#multi-item-example" data-slide-to="0" class="active"></li>
14
<li data-target="#multi-item-example" data-slide-to="1"></li>
15
<li data-target="#multi-item-example" data-slide-to="2"></li>
16
</ol>
17
<!--/.Indicators-->
18
19
<!--Slides-->
20
<div class="carousel-inner" role="listbox">
21
22
<!--First slide-->
23
<div class="carousel-item active">
24
25
<div class="row">
26
27
<div class="col-md-3">
28
<div class="card mb-2">
29
<img class="card-img-top" src="https://mdbootstrap.com/img/Photos/Horizontal/Nature/4-col/img%20(34).jpg"
30
alt="Card image cap">
31
<div class="card-body">
32
<h4 class="card-title">Card title</h4>
33
<p class="card-text">Some quick example text to build on the card title and make up the bulk of the
34
card's content.</p>
35
<a class="btn btn-primary">Button</a>
36
</div>
37
</div>
38
</div>
39
40
<div class="col-md-3 d-none d-md-block">
41
<div class="card mb-2">
42
<img class="card-img-top" src="https://mdbootstrap.com/img/Photos/Horizontal/Nature/4-col/img%20(18).jpg"
43
alt="Card image cap">
44
<div class="card-body">
45
<h4 class="card-title">Card title</h4>
46
<p class="card-text">Some quick example text to build on the card title and make up the bulk of the
47
card's content.</p>
48
<a class="btn btn-primary">Button</a>
49
</div>
50
</div>
51
</div>
52
53
<div class="col-md-3 d-none d-md-block">
54
<div class="card mb-2">
55
<img class="card-img-top" src="https://mdbootstrap.com/img/Photos/Horizontal/Nature/4-col/img%20(35).jpg"
56
alt="Card image cap">
57
<div class="card-body">
58
<h4 class="card-title">Card title</h4>
59
<p class="card-text">Some quick example text to build on the card title and make up the bulk of the
60
card's content.</p>
61
<a class="btn btn-primary">Button</a>
62
</div>
63
</div>
64
</div>
65
66
<div class="col-md-3 d-none d-md-block">
67
<div class="card mb-2">
68
<img class="card-img-top" src="https://mdbootstrap.com/img/Photos/Horizontal/Nature/4-col/img%20(35).jpg"
69
alt="Card image cap">
70
<div class="card-body">
71
<h4 class="card-title">Card title</h4>
72
<p class="card-text">Some quick example text to build on the card title and make up the bulk of the
73
card's content.</p>
74
<a class="btn btn-primary">Button</a>
75
</div>
76
</div>
77
</div>
78
</div>
79
80
</div>
81
<!--/.First slide-->
82
83
<!--Second slide-->
84
<div class="carousel-item">
85
86
<div class="row">
87
88
<div class="col-md-3">
89
<div class="card mb-2">
90
<img class="card-img-top" src="https://mdbootstrap.com/img/Photos/Horizontal/City/4-col/img%20(60).jpg"
91
alt="Card image cap">
92
<div class="card-body">
93
<h4 class="card-title">Card title</h4>
94
<p class="card-text">Some quick example text to build on the card title and make up the bulk of the
95
card's content.</p>
96
<a class="btn btn-primary">Button</a>
97
</div>
98
</div>
99
</div>
100
101
<div class="col-md-3 d-none d-md-block">
102
<div class="card mb-2">
103
<img class="card-img-top" src="https://mdbootstrap.com/img/Photos/Horizontal/City/4-col/img%20(47).jpg"
104
alt="Card image cap">
105
<div class="card-body">
106
<h4 class="card-title">Card title</h4>
107
<p class="card-text">Some quick example text to build on the card title and make up the bulk of the
108
card's content.</p>
109
<a class="btn btn-primary">Button</a>
110
</div>
111
</div>
112
</div>
113
114
<div class="col-md-3 d-none d-md-block">
115
<div class="card mb-2">
116
<img class="card-img-top" src="https://mdbootstrap.com/img/Photos/Horizontal/City/4-col/img%20(48).jpg"
117
alt="Card image cap">
118
<div class="card-body">
119
<h4 class="card-title">Card title</h4>
120
<p class="card-text">Some quick example text to build on the card title and make up the bulk of the
121
card's content.</p>
122
<a class="btn btn-primary">Button</a>
123
</div>
124
</div>
125
</div>
126
127
<div class="col-md-3 d-none d-md-block">
128
<div class="card mb-2">
129
<img class="card-img-top" src="https://mdbootstrap.com/img/Photos/Horizontal/City/4-col/img%20(48).jpg"
130
alt="Card image cap">
131
<div class="card-body">
132
<h4 class="card-title">Card title</h4>
133
<p class="card-text">Some quick example text to build on the card title and make up the bulk of the
134
card's content.</p>
135
<a class="btn btn-primary">Button</a>
136
</div>
137
</div>
138
</div>
139
140
</div>
141
142
</div>
143
<!--/.Second slide-->
144
145
<!--Third slide-->
146
<div class="carousel-item">
147
148
<div class="row">
149
150
<div class="col-md-3">
151
<div class="card mb-2">
152
<img class="card-img-top" src="https://mdbootstrap.com/img/Photos/Horizontal/Food/4-col/img%20(53).jpg"
153
alt="Card image cap">
154
<div class="card-body">
155
<h4 class="card-title">Card title</h4>
156
<p class="card-text">Some quick example text to build on the card title and make up the bulk of the
157
card's content.</p>
158
<a class="btn btn-primary">Button</a>
159
</div>
160
</div>
161
</div>
162
163
<div class="col-md-3 d-none d-md-block">
164
<div class="card mb-2">
165
<img class="card-img-top" src="https://mdbootstrap.com/img/Photos/Horizontal/Food/4-col/img%20(45).jpg"
166
alt="Card image cap">
167
<div class="card-body">
168
<h4 class="card-title">Card title</h4>
169
<p class="card-text">Some quick example text to build on the card title and make up the bulk of the
170
card's content.</p>
171
<a class="btn btn-primary">Button</a>
172
</div>
173
</div>
174
</div>
175
176
<div class="col-md-3 d-none d-md-block">
177
<div class="card mb-2">
178
<img class="card-img-top" src="https://mdbootstrap.com/img/Photos/Horizontal/Food/4-col/img%20(51).jpg"
179
alt="Card image cap">
180
<div class="card-body">
181
<h4 class="card-title">Card title</h4>
182
<p class="card-text">Some quick example text to build on the card title and make up the bulk of the
183
card's content.</p>
184
<a class="btn btn-primary">Button</a>
185
</div>
186
</div>
187
</div>
188
189
<div class="col-md-3 d-none d-md-block">
190
<div class="card mb-2">
191
<img class="card-img-top" src="https://mdbootstrap.com/img/Photos/Horizontal/Food/4-col/img%20(51).jpg"
192
alt="Card image cap">
193
<div class="card-body">
194
<h4 class="card-title">Card title</h4>
195
<p class="card-text">Some quick example text to build on the card title and make up the bulk of the
196
card's content.</p>
197
<a class="btn btn-primary">Button</a>
198
</div>
199
</div>
200
</div>
201
202
</div>
203
204
</div>
205
<!--/.Third slide-->
206
207
</div>
208
<!--/.Slides-->
209
210
</div>
211
<!--/.Carousel Wrapper-->
1
1
1
1
Console errors: 0