xxxxxxxxxx1
<div class="container mt-5">2
3
4
<!--Section: Content-->5
<section class="text-center">6
7
<!-- Section heading -->8
<h3 class="font-weight-bold mb-5">The Store</h3>9
10
<div class="row">11
12
<!--Grid column-->13
<div class="col-md-4 mb-4">14
<!--Card-->15
<div class="card">16
17
<!--Card image-->18
<div class="view overlay">19
<img src="https://mdbootstrap.com/img/Photos/Horizontal/E-commerce/Products/shoes%20(2).jpg" class="card-img-top" alt="">20
<a>21
<div class="mask rgba-white-slight waves-effect waves-light"></div>22
</a>23
</div>24
<!--/.Card image-->25
26
<!--Card content-->27
<div class="card-body">28
<!--Title-->29
<h5 class="card-title">Jeans Shoes <span class="badge badge-primary badge-pill align-text-bottom ml-1">New</span></h5>30
<!--Text-->31
<p class="mb-0 text-muted">$85</p>32
</div>33
<!--/.Card content-->34
35
</div>36
<!--/.Card-->37
38
</div>39
<!--Grid column-->40
41
<!--Grid column-->42
<div class="col-md-4 mb-4">43
44
<!--Card-->45
<div class="card">46
47
<!--Card image-->48
<div class="view overlay">49
<img src="https://mdbootstrap.com/img/Photos/Horizontal/E-commerce/Products/belt.jpg" class="card-img-top" alt="">50
<a>51
<div class="mask rgba-white-slight waves-effect waves-light"></div>52
</a>53
</div>54
<!--/.Card image-->55
56
<!--Card content-->57
<div class="card-body">58
<!--Title-->59
<h5 class="card-title">Leather Belt</h5>60
<!--Text-->61
<p class="mb-0 text-muted">$70</p>62
</div>63
<!--/.Card content-->64
65
</div>66
<!--/.Card-->67
</div>68
<!--Grid column-->69
70
<!--Grid column-->71
<div class="col-md-4 mb-4">72
73
<!--Card-->74
<div class="card">75
76
<!--Card image-->77
<div class="view overlay">78
<img src="https://mdbootstrap.com/img/Photos/Horizontal/E-commerce/Products/img%20(4).jpg" class="card-img-top" alt="">79
<a>80
<div class="mask rgba-white-slight waves-effect waves-light"></div>81
</a>82
</div>83
<!--/.Card image-->84
85
<!--Card content-->86
<div class="card-body">87
<!--Title-->88
<h5 class="card-title">Checkered shirt <span class="badge badge-success badge-pill align-text-bottom ml-1">-25%</span></h5>89
<!--Text-->90
<p class="mb-0 text-muted">$134</p>91
</div>92
<!--/.Card content-->93
94
</div>95
<!--/.Card-->96
</div>97
<!--Grid column-->98
99
</div>100
101
<nav class="d-flex justify-content-center mt-3" aria-label="Page navigation example">102
<ul class="pagination pagination-circle pg-blue">103
<li class="page-item disabled"><a class="page-link">First</a></li>104
<li class="page-item disabled">105
<a class="page-link" aria-label="Previous">106
<span aria-hidden="true">«</span>107
<span class="sr-only">Previous</span>108
</a>109
</li>110
<li class="page-item active"><a class="page-link">1</a></li>111
<li class="page-item"><a class="page-link">2</a></li>112
<li class="page-item"><a class="page-link">3</a></li>113
<li class="page-item">114
<a class="page-link" aria-label="Next">115
<span aria-hidden="true">»</span>116
<span class="sr-only">Next</span>117
</a>118
</li>119
<li class="page-item"><a class="page-link">Last</a></li>120
</ul>121
</nav>122
123
</section>124
<!--Section: Content-->125
126
127
</div>1
1
1
1
Console errors: 0