xxxxxxxxxx1
<div class="container my-5 py-5">2
3
4
<!--Section: Content-->5
<section class="text-center">6
7
8
<!--Grid row-->9
<div class="row">10
11
<!--Grid column-->12
<div class="col-lg-4 col-md-12 mb-4">13
14
<!-- Card -->15
<div class="card">16
17
<!-- Card image -->18
<div class="view overlay">19
<img class="card-img-top" src="https://mdbootstrap.com/img/Photos/Horizontal/E-commerce/Products/shoes%20(6).jpg"20
alt="Card image cap">21
<a href="#!">22
<div class="mask rgba-white-slight"></div>23
</a>24
</div>25
26
<!-- Card content -->27
<div class="card-body">28
29
<p class="mb-1"><a href="" class="font-weight-bold black-text">Adidas Air Max</a></p>30
31
<p class="mb-1"><small class="mr-1"><s>$299</s></small><strong>$99</strong></p>32
33
<div class="amber-text fa-xs mb-1">34
<i class="fas fa-star"></i>35
<i class="fas fa-star"></i>36
<i class="fas fa-star"></i>37
<i class="fas fa-star"></i>38
<i class="far fa-star"></i>39
</div>40
41
<button type="button" class="btn btn-black btn-rounded btn-sm px-3">Buy Now</button>42
<button type="button" class="btn btn-outline-black btn-rounded btn-sm px-3 waves-effect">Details</button>43
44
</div>45
46
</div>47
<!-- Card -->48
49
50
</div>51
<!--Grid column-->52
53
<!--Grid column-->54
<div class="col-lg-4 col-md-6 mb-4">55
56
<!-- Card -->57
<div class="card">58
59
<!-- Card image -->60
<div class="view overlay">61
<img class="card-img-top" src="https://mdbootstrap.com/img/Photos/Horizontal/E-commerce/Products/shoes%20(7).jpg"62
alt="Card image cap">63
<a href="#!">64
<div class="mask rgba-white-slight"></div>65
</a>66
</div>67
68
<!-- Card content -->69
<div class="card-body">70
71
<p class="mb-1"><a href="" class="font-weight-bold black-text">Vans Black Night</a></p>72
73
<p class="mb-1"><small class="mr-1"><s>$199</s></small><strong>$89</strong></p>74
75
<div class="amber-text fa-xs mb-1">76
<i class="fas fa-star"></i>77
<i class="fas fa-star"></i>78
<i class="fas fa-star"></i>79
<i class="fas fa-star"></i>80
<i class="fas fa-star"></i>81
</div>82
83
<button type="button" class="btn btn-black btn-rounded btn-sm px-3">Buy Now</button>84
<button type="button" class="btn btn-outline-black btn-rounded btn-sm px-3 waves-effect">Details</button>85
86
</div>87
88
</div>89
<!-- Card -->90
91
</div>92
<!--Grid column-->93
94
<!--Grid column-->95
<div class="col-lg-4 col-md-6 mb-4">96
97
<!-- Card -->98
<div class="card">99
100
<!-- Card image -->101
<div class="view overlay">102
<img class="card-img-top" src="https://mdbootstrap.com/img/Photos/Horizontal/E-commerce/Products/shoes%20(8).jpg"103
alt="Card image cap">104
<a href="#!">105
<div class="mask rgba-white-slight"></div>106
</a>107
</div>108
109
<!-- Card content -->110
<div class="card-body">111
112
<p class="mb-1"><a href="" class="font-weight-bold black-text">Nike Football</a></p>113
114
<p class="mb-1"><small class="mr-1"><s>$399</s></small><strong>$199</strong></p>115
116
<div class="amber-text fa-xs mb-1">117
<i class="fas fa-star"></i>118
<i class="fas fa-star"></i>119
<i class="fas fa-star"></i>120
<i class="fas fa-star"></i>121
<i class="fas fa-star-half-alt"></i>122
</div>123
124
<button type="button" class="btn btn-black btn-rounded btn-sm px-3">Buy Now</button>125
<button type="button" class="btn btn-outline-black btn-rounded btn-sm px-3 waves-effect">Details</button>126
127
</div>128
129
</div>130
<!-- Card -->131
132
</div>133
<!--Grid column-->134
135
</div>136
<!--Grid row-->137
138
139
</section>140
<!--Section: Content-->141
142
143
</div>1
1
1
1
Console errors: 0