xxxxxxxxxx1
<!--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="col-md-3">26
<div class="card mb-2">27
<img class="card-img-top" src="https://mdbootstrap.com/img/Photos/Horizontal/Nature/4-col/img%20(34).jpg"28
alt="Card image cap">29
<div class="card-body">30
<h4 class="card-title">Card title</h4>31
<p class="card-text">Some quick example text to build on the card title and make up the bulk of the32
card's content.</p>33
<a class="btn btn-primary">Button</a>34
</div>35
</div>36
</div>37
38
<div class="col-md-3 clearfix d-none d-md-block">39
<div class="card mb-2">40
<img class="card-img-top" src="https://mdbootstrap.com/img/Photos/Horizontal/Nature/4-col/img%20(18).jpg"41
alt="Card image cap">42
<div class="card-body">43
<h4 class="card-title">Card title</h4>44
<p class="card-text">Some quick example text to build on the card title and make up the bulk of the45
card's content.</p>46
<a class="btn btn-primary">Button</a>47
</div>48
</div>49
</div>50
51
<div class="col-md-3 clearfix d-none d-md-block">52
<div class="card mb-2">53
<img class="card-img-top" src="https://mdbootstrap.com/img/Photos/Horizontal/Nature/4-col/img%20(35).jpg"54
alt="Card image cap">55
<div class="card-body">56
<h4 class="card-title">Card title</h4>57
<p class="card-text">Some quick example text to build on the card title and make up the bulk of the58
card's content.</p>59
<a class="btn btn-primary">Button</a>60
</div>61
</div>62
</div>63
64
<div class="col-md-3 clearfix d-none d-md-block">65
<div class="card mb-2">66
<img class="card-img-top" src="https://mdbootstrap.com/img/Photos/Horizontal/Nature/4-col/img%20(35).jpg"67
alt="Card image cap">68
<div class="card-body">69
<h4 class="card-title">Card title</h4>70
<p class="card-text">Some quick example text to build on the card title and make up the bulk of the71
card's content.</p>72
<a class="btn btn-primary">Button</a>73
</div>74
</div>75
</div>76
77
</div>78
<!--/.First slide-->79
80
<!--Second slide-->81
<div class="carousel-item">82
83
<div class="col-md-3">84
<div class="card mb-2">85
<img class="card-img-top" src="https://mdbootstrap.com/img/Photos/Horizontal/City/4-col/img%20(60).jpg"86
alt="Card image cap">87
<div class="card-body">88
<h4 class="card-title">Card title</h4>89
<p class="card-text">Some quick example text to build on the card title and make up the bulk of the90
card's content.</p>91
<a class="btn btn-primary">Button</a>92
</div>93
</div>94
</div>95
96
<div class="col-md-3 clearfix d-none d-md-block">97
<div class="card mb-2">98
<img class="card-img-top" src="https://mdbootstrap.com/img/Photos/Horizontal/City/4-col/img%20(47).jpg"99
alt="Card image cap">100
<div class="card-body">101
<h4 class="card-title">Card title</h4>102
<p class="card-text">Some quick example text to build on the card title and make up the bulk of the103
card's content.</p>104
<a class="btn btn-primary">Button</a>105
</div>106
</div>107
</div>108
109
<div class="col-md-3 clearfix d-none d-md-block">110
<div class="card mb-2">111
<img class="card-img-top" src="https://mdbootstrap.com/img/Photos/Horizontal/City/4-col/img%20(48).jpg"112
alt="Card image cap">113
<div class="card-body">114
<h4 class="card-title">Card title</h4>115
<p class="card-text">Some quick example text to build on the card title and make up the bulk of the116
card's content.</p>117
<a class="btn btn-primary">Button</a>118
</div>119
</div>120
</div>121
122
<div class="col-md-3 clearfix d-none d-md-block">123
<div class="card mb-2">124
<img class="card-img-top" src="https://mdbootstrap.com/img/Photos/Horizontal/City/4-col/img%20(48).jpg"125
alt="Card image cap">126
<div class="card-body">127
<h4 class="card-title">Card title</h4>128
<p class="card-text">Some quick example text to build on the card title and make up the bulk of the129
card's content.</p>130
<a class="btn btn-primary">Button</a>131
</div>132
</div>133
</div>134
135
</div>136
<!--/.Second slide-->137
138
<!--Third slide-->139
<div class="carousel-item">140
141
<div class="col-md-3">142
<div class="card mb-2">143
<img class="card-img-top" src="https://mdbootstrap.com/img/Photos/Horizontal/Food/4-col/img%20(53).jpg"144
alt="Card image cap">145
<div class="card-body">146
<h4 class="card-title">Card title</h4>147
<p class="card-text">Some quick example text to build on the card title and make up the bulk of the148
card's content.</p>149
<a class="btn btn-primary">Button</a>150
</div>151
</div>152
</div>153
154
<div class="col-md-3 clearfix d-none d-md-block">155
<div class="card mb-2">156
<img class="card-img-top" src="https://mdbootstrap.com/img/Photos/Horizontal/Food/4-col/img%20(45).jpg"157
alt="Card image cap">158
<div class="card-body">159
<h4 class="card-title">Card title</h4>160
<p class="card-text">Some quick example text to build on the card title and make up the bulk of the161
card's content.</p>162
<a class="btn btn-primary">Button</a>163
</div>164
</div>165
</div>166
167
<div class="col-md-3 clearfix d-none d-md-block">168
<div class="card mb-2">169
<img class="card-img-top" src="https://mdbootstrap.com/img/Photos/Horizontal/Food/4-col/img%20(51).jpg"170
alt="Card image cap">171
<div class="card-body">172
<h4 class="card-title">Card title</h4>173
<p class="card-text">Some quick example text to build on the card title and make up the bulk of the174
card's content.</p>175
<a class="btn btn-primary">Button</a>176
</div>177
</div>178
</div>179
180
<div class="col-md-3 clearfix d-none d-md-block">181
<div class="card mb-2">182
<img class="card-img-top" src="https://mdbootstrap.com/img/Photos/Horizontal/Food/4-col/img%20(51).jpg"183
alt="Card image cap">184
<div class="card-body">185
<h4 class="card-title">Card title</h4>186
<p class="card-text">Some quick example text to build on the card title and make up the bulk of the187
card's content.</p>188
<a class="btn btn-primary">Button</a>189
</div>190
</div>191
</div>192
193
</div>194
<!--/.Third slide-->195
196
</div>197
<!--/.Slides-->198
199
</div>200
<!--/.Carousel Wrapper-->1
1
1
1
Console errors: 0