xxxxxxxxxx1
<div class="container my-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-5">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
<!-- Grid row -->13
<div class="row">14
15
<!-- Grid column -->16
<div class="col-lg-3 col-md-6 mb-4">17
<!-- Card -->18
<div class="card card-cascade narrower card-ecommerce">19
<!-- Card image -->20
<div class="view view-cascade overlay">21
<img src="https://mdbootstrap.com/img/Photos/Horizontal/E-commerce/Vertical/1.jpg" class="card-img-top"22
alt="sample photo">23
<a>24
<div class="mask rgba-white-slight"></div>25
</a>26
</div>27
<!-- Card image -->28
<!-- Card content -->29
<div class="card-body card-body-cascade text-center pb-3">30
<!-- Title -->31
<h5 class="card-title mb-1">32
<strong>33
<a href="">Denim trousers</a>34
</strong>35
</h5>36
<!--Rating-->37
<ul class="rating mb-1 pb-2">38
<li>39
<i class="fas fa-star fa-xs"></i>40
</li>41
<li>42
<i class="fas fa-star fa-xs"></i>43
</li>44
<li>45
<i class="fas fa-star fa-xs"></i>46
</li>47
<li>48
<i class="fas fa-star fa-xs"></i>49
</li>50
<li>51
<i class="far fa-star fa-xs"></i>52
</li>53
</ul>54
<!-- Description -->55
<p class="card-text">Neque porro quisquam est, qui dolorem ipsum quia dolor sit.56
</p>57
<!-- Card footer -->58
<div class="card-footer px-1">59
<span class="float-left font-weight-bold">60
<strong>49$</strong>61
</span>62
<span class="float-right">63
<a class="material-tooltip-main" data-toggle="tooltip" data-placement="top" title="Add to Cart">64
<i class="fas fa-shopping-cart grey-text ml-3"></i>65
</a>66
<a class="material-tooltip-main" data-toggle="tooltip" data-placement="top" title="Add to Wishlist">67
<i class="fas fa-heart grey-text ml-3"></i>68
</a>69
</span>70
</div>71
</div>72
<!-- Card content -->73
</div>74
<!-- Card -->75
</div>76
<!-- Grid column -->77
78
<!-- Grid column -->79
<div class="col-lg-3 col-md-6 mb-4">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/Vertical/2.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 pb-3">93
<!-- Title -->94
<h5 class="card-title mb-1">95
<strong>96
<a href="">High heels</a>97
</strong>98
</h5>99
<!--Rating-->100
<ul class="rating mb-1 pb-2">101
<li>102
<i class="fas fa-star fa-xs"></i>103
</li>104
<li>105
<i class="fas fa-star fa-xs"></i>106
</li>107
<li>108
<i class="fas fa-star fa-xs"></i>109
</li>110
<li>111
<i class="fas fa-star fa-xs"></i>112
</li>113
<li>114
<i class="fas fa-star fa-xs"></i>115
</li>116
</ul>117
<!-- Description -->118
<p class="card-text">Neque porro quisquam est, qui dolorem ipsum quia dolor sit.119
</p>120
<!-- Card footer -->121
<div class="card-footer px-1">122
<span class="float-left font-weight-bold">123
<strong>89$</strong>124
</span>125
<span class="float-right">126
<a class="material-tooltip-main" data-toggle="tooltip" data-placement="top" title="Add to Cart">127
<i class="fas fa-shopping-cart grey-text ml-3"></i>128
</a>129
<a class="material-tooltip-main" data-toggle="tooltip" data-placement="top" title="Add to Wishlist">130
<i class="fas fa-heart grey-text ml-3"></i>131
</a>132
</span>133
</div>134
</div>135
<!-- Card content -->136
</div>137
<!-- Card -->138
</div>139
<!-- Grid column -->140
141
<!-- Grid column -->142
<div class="col-lg-3 col-md-6 mb-4">143
<!-- Card -->144
<div class="card card-cascade narrower card-ecommerce">145
<!-- Card image -->146
<div class="view view-cascade overlay">147
<img src="https://mdbootstrap.com/img/Photos/Horizontal/E-commerce/Vertical/4.jpg" class="card-img-top"148
alt="sample photo">149
<a>150
<div class="mask rgba-white-slight"></div>151
</a>152
</div>153
<!-- Card image -->154
<!-- Card content -->155
<div class="card-body card-body-cascade text-center pb-3">156
<!-- Title -->157
<h5 class="card-title mb-1">158
<strong>159
<a href="">Brown coat</a>160
</strong>161
</h5>162
<!--Rating-->163
<ul class="rating mb-1 pb-2">164
<li>165
<i class="fas fa-star fa-xs"></i>166
</li>167
<li>168
<i class="fas fa-star fa-xs"></i>169
</li>170
<li>171
<i class="fas fa-star fa-xs"></i>172
</li>173
<li>174
<i class="fas fa-star fa-xs"></i>175
</li>176
<li>177
<i class="fas fa-star-half-alt fa-xs"></i>178
</li>179
</ul>180
<!-- Description -->181
<p class="card-text">Neque porro quisquam est, qui dolorem ipsum quia dolor sit.182
</p>183
<!-- Card footer -->184
<div class="card-footer px-1">185
<span class="float-left font-weight-bold">186
<strong>59$</strong>187
</span>188
<span class="float-right">189
<a class="material-tooltip-main" data-toggle="tooltip" data-placement="top" title="Add to Cart">190
<i class="fas fa-shopping-cart grey-text ml-3"></i>191
</a>192
<a class="material-tooltip-main" data-toggle="tooltip" data-placement="top" title="Add to Wishlist">193
<i class="fas fa-heart grey-text ml-3"></i>194
</a>195
</span>196
</div>197
</div>198
<!-- Card content -->199
</div>200
<!-- Card -->201
</div>202
<!-- Grid column -->203
204
<!-- Grid column -->205
<div class="col-lg-3 col-md-6 mb-4">206
<!-- Card -->207
<div class="card card-cascade narrower card-ecommerce">208
<!-- Card image -->209
<div class="view view-cascade overlay">210
<img src="https://mdbootstrap.com/img/Photos/Horizontal/E-commerce/Vertical/3.jpg" class="card-img-top"211
alt="sample photo">212
<a>213
<div class="mask rgba-white-slight"></div>214
</a>215
</div>216
<!-- Card image -->217
<!-- Card content -->218
<div class="card-body card-body-cascade text-center pb-3">219
<!-- Title -->220
<h5 class="card-title mb-1">221
<strong>222
<a href="">Shirt</a>223
</strong>224
</h5>225
<!--Rating-->226
<ul class="rating mb-1 pb-2">227
<li>228
<i class="fas fa-star fa-xs"></i>229
</li>230
<li>231
<i class="fas fa-star fa-xs"></i>232
</li>233
<li>234
<i class="fas fa-star fa-xs"></i>235
</li>236
<li>237
<i class="fas fa-star fa-xs"></i>238
</li>239
<li>240
<i class="far fa-star fa-xs"></i>241
</li>242
</ul>243
<!-- Description -->244
<p class="card-text">Neque porro quisquam est, qui dolorem ipsum quia dolor sit.245
</p>246
<!-- Card footer -->247
<div class="card-footer px-1">248
<span class="float-left font-weight-bold">249
<strong>119$</strong>250
</span>251
<span class="float-right">252
<a class="material-tooltip-main" data-toggle="tooltip" data-placement="top" title="Add to Cart">253
<i class="fas fa-shopping-cart grey-text ml-3"></i>254
</a>255
<a class="material-tooltip-main" data-toggle="tooltip" data-placement="top" title="Add to Wishlist">256
<i class="fas fa-heart grey-text ml-3"></i>257
</a>258
</span>259
</div>260
</div>261
<!-- Card content -->262
</div>263
<!-- Card -->264
</div>265
<!-- Grid column -->266
267
</div>268
<!-- Grid row -->269
270
</section>271
<!--Section: Content-->272
273
274
</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