xxxxxxxxxx1
<div class="container mt-5">2
3
4
<!--Section: Content-->5
<section class="dark-grey-text text-center">6
7
<!-- Section heading -->8
<h3 class="font-weight-bold mb-4 pb-2">Our bestsellers</h3>9
<!-- Section description -->10
<p class="grey-text w-responsive mx-auto mb-4">Lorem ipsum dolor sit amet, consectetur adipisicing elit fugit, error amet numquam iure provident voluptate esse quasi nostrum quisquam eum porro a pariatur veniam.</p>11
12
<!-- Carousel Wrapper -->13
<div id="multi-item-example" class="carousel slide carousel-multi-item" data-ride="carousel">14
<!-- Controls -->15
<div class="controls-top">16
<a class="btn-floating primary-color waves-effect waves-light" href="#multi-item-example" data-slide="prev">17
<i class="fas fa-chevron-left"></i>18
</a>19
<a class="btn-floating primary-color waves-effect waves-light" href="#multi-item-example" data-slide="next">20
<i class="fas fa-chevron-right"></i>21
</a>22
</div>23
<!-- Controls -->24
<!-- Indicators -->25
<ol class="carousel-indicators mb-n3">26
<li class="primary-color active" data-target="#multi-item-example" data-slide-to="0"></li>27
<li class="primary-color" data-target="#multi-item-example" data-slide-to="1"></li>28
<li class="primary-color" data-target="#multi-item-example" data-slide-to="2"></li>29
</ol>30
<!-- Indicators -->31
<!-- Slides -->32
<div class="carousel-inner" role="listbox">33
<!-- First slide -->34
<div class="carousel-item active">35
<div class="col-md-4 mb-2">36
<!-- Card -->37
<div class="card card-cascade narrower card-ecommerce">38
<!-- Card image -->39
<div class="view view-cascade overlay">40
<img src="https://mdbootstrap.com/img/Photos/Horizontal/E-commerce/Products/img%20(39).jpg" class="card-img-top"41
alt="sample photo">42
<a>43
<div class="mask rgba-white-slight"></div>44
</a>45
</div>46
<!-- Card image -->47
<!-- Card content -->48
<div class="card-body card-body-cascade text-center">49
<!-- Category & Title -->50
<a href="" class="text-muted">51
<h5>Shoes</h5>52
</a>53
<h4 class="card-title my-4">54
<strong>55
<a href="">Leather boots</a>56
</strong>57
</h4>58
<!-- Description -->59
<p class="card-text">Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet,60
consectetur, adipisci.61
</p>62
<!-- Card footer -->63
<div class="card-footer px-1">64
<span class="float-left">69$</span>65
<span class="float-right">66
<a class="material-tooltip-main" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Look">67
<i class="fas fa-eye ml-3"></i>68
</a>69
<a class="material-tooltip-main" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">70
<i class="fas fa-heart ml-3"></i>71
</a>72
</span>73
</div>74
</div>75
<!-- Card content -->76
</div>77
<!-- Card -->78
</div>79
<div class="col-md-4 mb-2 clearfix d-none d-md-block">80
<!-- Card -->81
<div class="card card-cascade narrower card-ecommerce">82
<!-- Card image -->83
<div class="view view-cascade overlay">84
<img src="https://mdbootstrap.com/img/Photos/Horizontal/E-commerce/Products/img%20(22).jpg" class="card-img-top"85
alt="sample photo">86
<a>87
<div class="mask rgba-white-slight"></div>88
</a>89
</div>90
<!-- Card image -->91
<!-- Card content -->92
<div class="card-body card-body-cascade text-center">93
<!-- Category & Title -->94
<a href="" class="text-muted">95
<h5>Jeans</h5>96
</a>97
<h4 class="card-title my-4">98
<strong>99
<a href="">Slim jeans</a>100
</strong>101
</h4>102
<!-- Description -->103
<p class="card-text">Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet,104
consectetur, adipisci.105
</p>106
<!-- Card footer -->107
<div class="card-footer px-1">108
<span class="float-left">99$</span>109
<span class="float-right">110
<a class="material-tooltip-main" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Look">111
<i class="fas fa-eye ml-3"></i>112
</a>113
<a class="material-tooltip-main" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">114
<i class="fas fa-heart ml-3"></i>115
</a>116
</span>117
</div>118
</div>119
<!-- Card content -->120
</div>121
<!-- Card -->122
</div>123
<div class="col-md-4 mb-2 clearfix d-none d-md-block">124
<!-- Card -->125
<div class="card card-cascade narrower card-ecommerce">126
<!-- Card image -->127
<div class="view view-cascade overlay">128
<img src="https://mdbootstrap.com/img/Photos/Others/img%20(31).jpg" class="card-img-top" alt="sample photo">129
<a>130
<div class="mask rgba-white-slight"></div>131
</a>132
</div>133
<!-- Card image -->134
<!-- Card content -->135
<div class="card-body card-body-cascade text-center">136
<!-- Category & Title -->137
<a href="" class="text-muted">138
<h5>Shorts</h5>139
</a>140
<h4 class="card-title my-4">141
<strong>142
<a href="">Denim shorts</a>143
</strong>144
</h4>145
<!-- Description -->146
<p class="card-text">Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet,147
consectetur, adipisci.148
</p>149
<!-- Card footer -->150
<div class="card-footer px-1">151
<span class="float-left">49$</span>152
<span class="float-right">153
<a class="material-tooltip-main" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Look">154
<i class="fas fa-eye ml-3"></i>155
</a>156
<a class="material-tooltip-main" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">157
<i class="fas fa-heart ml-3"></i>158
</a>159
</span>160
</div>161
</div>162
<!-- Card content -->163
</div>164
<!-- Card -->165
</div>166
</div>167
<!-- First slide -->168
<!-- Second slide -->169
<div class="carousel-item">170
<div class="col-md-4 mb-2">171
<!-- Card -->172
<div class="card card-cascade narrower card-ecommerce">173
<!-- Card image -->174
<div class="view view-cascade overlay">175
<img src="https://mdbootstrap.com/img/Photos/Horizontal/E-commerce/Products/img%20(30).jpg" class="card-img-top"176
alt="sample photo">177
<a>178
<div class="mask rgba-white-slight"></div>179
</a>180
</div>181
<!-- Card image -->182
<!-- Card content -->183
<div class="card-body card-body-cascade text-center">184
<!-- Category & Title -->185
<a href="" class="text-muted">186
<h5>Accessories</h5>187
</a>188
<h4 class="card-title my-4">189
<strong>190
<a href="">Summer hat</a>191
</strong>192
</h4>193
<!-- Description -->194
<p class="card-text">Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet,195
consectetur, adipisci.196
</p>197
<!-- Card footer -->198
<div class="card-footer px-1">199
<span class="float-left">39$</span>200
<span class="float-right">201
<a class="material-tooltip-main" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Look">202
<i class="fas fa-eye ml-3"></i>203
</a>204
<a class="material-tooltip-main" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">205
<i class="fas fa-heart ml-3"></i>206
</a>207
</span>208
</div>209
</div>210
<!-- Card content -->211
</div>212
<!-- Card -->213
</div>214
<div class="col-md-4 mb-2 clearfix d-none d-md-block">215
<!-- Card -->216
<div class="card card-cascade narrower card-ecommerce">217
<!-- Card image -->218
<div class="view view-cascade overlay">219
<img src="https://mdbootstrap.com/img/Photos/Horizontal/E-commerce/Products/img%20(37).jpg" class="card-img-top"220
alt="sample photo">221
<a>222
<div class="mask rgba-white-slight"></div>223
</a>224
</div>225
<!-- Card image -->226
<!-- Card content -->227
<div class="card-body card-body-cascade text-center">228
<!-- Category & Title -->229
<a href="" class="text-muted">230
<h5>Shoes</h5>231
</a>232
<h4 class="card-title my-4">233
<strong>234
<a href="">Black heels</a>235
</strong>236
</h4>237
<!-- Description -->238
<p class="card-text">Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet,239
consectetur, adipisci.240
</p>241
<!-- Card footer -->242
<div class="card-footer px-1">243
<span class="float-left">79$</span>244
<span class="float-right">245
<a class="material-tooltip-main" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Look">246
<i class="fas fa-eye ml-3"></i>247
</a>248
<a class="material-tooltip-main" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">249
<i class="fas fa-heart ml-3"></i>250
</a>251
</span>252
</div>253
</div>254
<!-- Card content -->255
</div>256
<!-- Card -->257
</div>258
<div class="col-md-4 mb-2 clearfix d-none d-md-block">259
<!-- Card -->260
<div class="card card-cascade narrower card-ecommerce">261
<!-- Card image -->262
<div class="view view-cascade overlay">263
<img src="https://mdbootstrap.com/img/Photos/Horizontal/E-commerce/Products/img%20(31).jpg" class="card-img-top"264
alt="sample photo">265
<a>266
<div class="mask rgba-white-slight"></div>267
</a>268
</div>269
<!-- Card image -->270
<!-- Card content -->271
<div class="card-body card-body-cascade text-center">272
<!-- Category & Title -->273
<a href="" class="text-muted">274
<h5>Outerwear</h5>275
</a>276
<h4 class="card-title my-4">277
<strong>278
<a href="">Black jacket</a>279
</strong>280
</h4>281
<!-- Description -->282
<p class="card-text">Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet,283
consectetur, adipisci.284
</p>285
<!-- Card footer -->286
<div class="card-footer px-1">287
<span class="float-left">149$</span>288
<span class="float-right">289
<a class="material-tooltip-main" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Look">290
<i class="fas fa-eye ml-3"></i>291
</a>292
<a class="material-tooltip-main" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">293
<i class="fas fa-heart ml-3"></i>294
</a>295
</span>296
</div>297
</div>298
<!-- Card content -->299
</div>300
<!-- Card -->301
</div>302
</div>303
<!-- Second slide -->304
<!--Third slide -->305
<div class="carousel-item">306
<div class="col-md-4 mb-2">307
<!-- Card -->308
<div class="card card-cascade narrower card-ecommerce">309
<!-- Card image -->310
<div class="view view-cascade overlay">311
<img src="https://mdbootstrap.com/img/Photos/Horizontal/E-commerce/Products/img%20(38).jpg" class="card-img-top"312
alt="sample photo">313
<a>314
<div class="mask rgba-white-slight"></div>315
</a>316
</div>317
<!-- Card image -->318
<!-- Card content -->319
<div class="card-body card-body-cascade text-center">320
<!-- Category & Title -->321
<a href="" class="text-muted">322
<h5>Accessories</h5>323
</a>324
<h4 class="card-title my-4">325
<strong>326
<a href="">Leather bag</a>327
</strong>328
</h4>329
<!-- Description -->330
<p class="card-text">Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet,331
consectetur, adipisci.332
</p>333
<!-- Card footer -->334
<div class="card-footer px-1">335
<span class="float-left">29$</span>336
<span class="float-right">337
<a class="material-tooltip-main" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Look">338
<i class="fas fa-eye ml-3"></i>339
</a>340
<a class="material-tooltip-main" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">341
<i class="fas fa-heart ml-3"></i>342
</a>343
</span>344
</div>345
</div>346
<!-- Card content -->347
</div>348
<!-- Card -->349
</div>350
<div class="col-md-4 mb-2 clearfix d-none d-md-block">351
<!-- Card -->352
<div class="card card-cascade narrower card-ecommerce">353
<!-- Card image -->354
<div class="view view-cascade overlay">355
<img src="https://mdbootstrap.com/img/Photos/Horizontal/E-commerce/Products/belt.jpg" class="card-img-top"356
alt="sample photo">357
<a>358
<div class="mask rgba-white-slight"></div>359
</a>360
</div>361
<!-- Card image -->362
<!-- Card content -->363
<div class="card-body card-body-cascade text-center">364
<!-- Category & Title -->365
<a href="" class="text-muted">366
<h5>Accessories</h5>367
</a>368
<h4 class="card-title my-4">369
<strong>370
<a href="">Leather belt</a>371
</strong>372
</h4>373
<!-- Description -->374
<p class="card-text">Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet,375
consectetur, adipisci.376
</p>377
<!-- Card footer -->378
<div class="card-footer px-1">379
<span class="float-left">89$</span>380
<span class="float-right">381
<a class="material-tooltip-main" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Look">382
<i class="fas fa-eye ml-3"></i>383
</a>384
<a class="material-tooltip-main" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">385
<i class="fas fa-heart ml-3"></i>386
</a>387
</span>388
</div>389
</div>390
<!-- Card content -->391
</div>392
<!-- Card -->393
</div>394
<div class="col-md-4 mb-2 clearfix d-none d-md-block">395
<!-- Card -->396
<div class="card card-cascade narrower card-ecommerce">397
<!-- Card image -->398
<div class="view view-cascade overlay">399
<img src="https://mdbootstrap.com/img/Photos/Horizontal/E-commerce/Products/img%20(57).jpg" class="card-img-top"400
alt="sample photo">401
<a>402
<div class="mask rgba-white-slight"></div>403
</a>404
</div>405
<!-- Card image -->406
<!-- Card content -->407
<div class="card-body card-body-cascade text-center">408
<!-- Category & Title -->409
<a href="" class="text-muted">410
<h5>Shoes</h5>411
</a>412
<h4 class="card-title my-4">413
<strong>414
<a href="">Sneakers</a>415
</strong>416
</h4>417
<!-- Description -->418
<p class="card-text">Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet,419
consectetur, adipisci.420
</p>421
<!-- Card footer -->422
<div class="card-footer px-1">423
<span class="float-left">129$</span>424
<span class="float-right">425
<a class="material-tooltip-main" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Look">426
<i class="fas fa-eye ml-3"></i>427
</a>428
<a class="material-tooltip-main" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">429
<i class="fas fa-heart ml-3"></i>430
</a>431
</span>432
</div>433
</div>434
<!-- Card content -->435
</div>436
<!-- Card -->437
</div>438
</div>439
<!--Third slide -->440
</div>441
<!-- Slides -->442
</div>443
<!-- Carousel Wrapper -->444
445
</section>446
<!--Section: Content-->447
448
449
</div>1
1
xxxxxxxxxx1
$(function () {2
$('.material-tooltip-main').tooltip({3
template: '<div class="tooltip md-tooltip"><div class="tooltip-arrow md-arrow"></div><div class="tooltip-inner md-inner"></div></div>'4
});5
}) Console errors: 0