xxxxxxxxxx1
<div class="container mt-5">2
3
<style>4
.card-body {5
border-bottom-left-radius: inherit !important;6
border-bottom-right-radius: inherit !important;7
}8
</style>9
10
<!--Section: Content-->11
<section class="dark-grey-text text-center">12
13
<!-- Section heading -->14
<h3 class="font-weight-bold mb-4 pb-2">Our bestsellers</h3>15
<!-- Section description -->16
<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>17
18
<!-- Grid row -->19
<div class="row">20
21
<!-- Grid column -->22
<div class="col-lg-4 col-md-12 mb-4">23
<!-- Card -->24
<div class="card card-cascade wider card-ecommerce">25
<!-- Card image -->26
<div class="view view-cascade overlay">27
<img src="https://mdbootstrap.com/img/Photos/Horizontal/E-commerce/Products/img (55).jpg" class="card-img-top"28
alt="sample photo">29
<a>30
<div class="mask rgba-white-slight"></div>31
</a>32
</div>33
<!-- Card image -->34
<!-- Card content -->35
<div class="card-body card-body-cascade text-center pb-0">36
<!-- Title -->37
<h5 class="card-title">38
<strong>39
<a href="">GoPro</a>40
</strong>41
</h5>42
<!-- Description -->43
<p class="card-text">Lorem ipsum dolor sit amet, consectetur adipisicing minima veniam elit.</p>44
<!-- Card footer -->45
<div class="card-footer mt-4">46
<p class="float-left font-weight-bold mb-1 pb-2">1439$</p>47
<a class="float-right material-tooltip-main" data-toggle="tooltip" data-placement="top" title="Add to Wishlist">48
<i class="fas fa-heart grey-text ml-3"></i>49
</a>50
<a class="float-right material-tooltip-main" data-toggle="tooltip" data-placement="top" title="Quick Look">51
<i class="fas fa-eye grey-text ml-3"></i>52
</a>53
</div>54
</div>55
<!-- Card content -->56
</div>57
<!-- Card -->58
</div>59
<!-- Grid column -->60
61
<!-- Grid column -->62
<div class="col-lg-4 col-md-6 mb-4">63
<!-- Card -->64
<div class="card card-cascade wider card-ecommerce">65
<!-- Card image -->66
<div class="view view-cascade overlay">67
<img src="https://mdbootstrap.com/img/Photos/Horizontal/E-commerce/Products/img%20(49).jpg" class="card-img-top"68
alt="sample photo">69
<a>70
<div class="mask rgba-white-slight"></div>71
</a>72
</div>73
<!-- Card image -->74
<!-- Card content -->75
<div class="card-body card-body-cascade text-center pb-0">76
<!-- Title -->77
<h5 class="card-title">78
<strong>79
<a href="">Camera</a>80
</strong>81
</h5>82
<!-- Description -->83
<p class="card-text">Lorem ipsum dolor sit amet, consectetur adipisicing minima veniam elit.</p>84
<!-- Card footer -->85
<div class="card-footer mt-4">86
<p class="float-left font-weight-bold mb-1 pb-2">1160$</p>87
<a class="float-right material-tooltip-main" data-toggle="tooltip" data-placement="top" title="Add to Wishlist">88
<i class="fas fa-heart grey-text ml-3"></i>89
</a>90
<a class="float-right material-tooltip-main" data-toggle="tooltip" data-placement="top" title="Quick Look">91
<i class="fas fa-eye grey-text ml-3"></i>92
</a>93
</div>94
</div>95
<!-- Card content -->96
</div>97
<!-- Card -->98
</div>99
<!-- Grid column -->100
101
<!-- Grid column -->102
<div class="col-lg-4 col-md-6 mb-4">103
<!-- Card -->104
<div class="card card-cascade wider card-ecommerce">105
<!-- Card image -->106
<div class="view view-cascade overlay">107
<img src="https://mdbootstrap.com/img/Photos/Horizontal/E-commerce/Products/img (56).jpg" class="card-img-top"108
alt="sample photo">109
<a>110
<div class="mask rgba-white-slight"></div>111
</a>112
</div>113
<!-- Card image -->114
<!-- Card content -->115
<div class="card-body card-body-cascade text-center pb-0">116
<!-- Title -->117
<h5 class="card-title">118
<strong>119
<a href="">iPhone 6S</a>120
</strong>121
</h5>122
<!-- Description -->123
<p class="card-text">Lorem ipsum dolor sit amet, consectetur adipisicing minima veniam elit.</p>124
<!-- Card footer -->125
<div class="card-footer mt-4">126
<p class="float-left font-weight-bold mb-1 pb-2">2079$</p>127
<a class="float-right material-tooltip-main" data-toggle="tooltip" data-placement="top" title="Add to Wishlist">128
<i class="fas fa-heart grey-text ml-3"></i>129
</a>130
<a class="float-right material-tooltip-main" data-toggle="tooltip" data-placement="top" title="Quick Look">131
<i class="fas fa-eye grey-text ml-3"></i>132
</a>133
</div>134
</div>135
<!-- Card content -->136
</div>137
<!-- Card -->138
</div>139
<!-- Grid column -->140
141
</div>142
<!-- Grid row -->143
144
</section>145
<!--Section: Content-->146
147
148
</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