xxxxxxxxxx
1
<div class="container my-5">
2
3
<!-- Section: Block Content -->
4
<section>
5
6
<h3 class="font-weight-bold dark-grey-text text-center mb-5">Last Items</h3>
7
8
<!-- Grid row -->
9
<div class="row">
10
11
<!-- Grid column -->
12
<div class="col-lg-3 col-md-6 mb-4">
13
14
<!-- Card -->
15
<div class="card card-ecommerce">
16
17
<div class="view overlay">
18
<img src="https://mdbootstrap.com/img/Photos/Horizontal/E-commerce/Products/12.jpg" class="img-fluid"
19
alt="sample image">
20
<a>
21
<div class="mask rgba-white-slight"></div>
22
</a>
23
</div>
24
25
<div class="card-body">
26
27
<h5 class="card-title mb-1"><strong><a class="dark-grey-text">Headphones</a></strong></h5>
28
<span class="badge badge-danger mb-2">bestseller</span>
29
30
31
<ul class="rating">
32
<li>
33
<i class="fas fa-star blue-text"></i>
34
</li>
35
<li>
36
<i class="fas fa-star blue-text"></i>
37
</li>
38
<li>
39
<i class="fas fa-star blue-text"></i>
40
</li>
41
<li>
42
<i class="fas fa-star blue-text"></i>
43
</li>
44
<li>
45
<i class="fas fa-star blue-text"></i>
46
</li>
47
</ul>
48
49
<div class="card-footer pb-0">
50
<div class="row mb-0">
51
<span class="float-left">
52
<strong>1439$</strong>
53
</span>
54
<span class="float-right">
55
<a class="" data-toggle="tooltip" data-placement="top" title="Add to Cart">
56
<i class="fas fa-shopping-cart ml-3"></i>
57
</a>
58
</span>
59
</div>
60
</div>
61
</div>
62
63
</div>
64
<!-- Card -->
65
66
</div>
67
<!-- Grid column -->
68
69
<!-- Grid column -->
70
<div class="col-lg-3 col-md-6 mb-4">
71
72
<!-- Card -->
73
<div class="card card-ecommerce">
74
75
<div class="view overlay">
76
<img src="https://mdbootstrap.com/img/Photos/Horizontal/E-commerce/Products/16.jpg" class="img-fluid"
77
alt="sample image">
78
<a>
79
<div class="mask rgba-white-slight"></div>
80
</a>
81
</div>
82
83
<div class="card-body">
84
85
<h5 class="card-title mb-1"><strong><a class="dark-grey-text">Headphones</a></strong></h5>
86
<span class="badge badge-danger mb-2">bestseller</span>
87
88
<ul class="rating">
89
<li>
90
<i class="fas fa-star blue-text"></i>
91
</li>
92
<li>
93
<i class="fas fa-star blue-text"></i>
94
</li>
95
<li>
96
<i class="fas fa-star blue-text"></i>
97
</li>
98
<li>
99
<i class="fas fa-star blue-text"></i>
100
</li>
101
<li>
102
<i class="fas fa-star blue-text"></i>
103
</li>
104
</ul>
105
106
<div class="card-footer pb-0">
107
<div class="row mb-0">
108
<span class="float-left">
109
<strong>1439$</strong>
110
</span>
111
<span class="float-right">
112
<a class="" data-toggle="tooltip" data-placement="top" title="Add to Cart">
113
<i class="fas fa-shopping-cart ml-3"></i>
114
</a>
115
</span>
116
</div>
117
</div>
118
</div>
119
120
</div>
121
<!-- Card -->
122
123
</div>
124
<!-- Grid column -->
125
126
<!-- Grid column -->
127
<div class="col-lg-3 col-md-6 mb-4">
128
129
<!-- Card -->
130
<div class="card card-ecommerce">
131
132
<div class="view overlay">
133
<img src="https://mdbootstrap.com/img/Photos/Horizontal/E-commerce/Products/11.jpg" class="img-fluid"
134
alt="sample image">
135
<a>
136
<div class="mask rgba-white-slight"></div>
137
</a>
138
</div>
139
140
<div class="card-body">
141
142
<h5 class="card-title mb-1"><strong><a class="dark-grey-text">iPhone</a></strong></h5>
143
<span class="badge badge-info mb-2">new</span>
144
145
<ul class="rating">
146
<li>
147
<i class="fas fa-star blue-text"></i>
148
</li>
149
<li>
150
<i class="fas fa-star blue-text"></i>
151
</li>
152
<li>
153
<i class="fas fa-star blue-text"></i>
154
</li>
155
<li>
156
<i class="fas fa-star blue-text"></i>
157
</li>
158
<li>
159
<i class="fas fa-star blue-text"></i>
160
</li>
161
</ul>
162
163
<div class="card-footer pb-0">
164
<div class="row mb-0">
165
<span class="float-left">
166
<strong>1439$</strong>
167
</span>
168
<span class="float-right">
169
<a class="" data-toggle="tooltip" data-placement="top" title="Add to Cart">
170
<i class="fas fa-shopping-cart ml-3"></i>
171
</a>
172
</span>
173
</div>
174
</div>
175
</div>
176
177
</div>
178
<!-- Card -->
179
180
</div>
181
<!-- Grid column -->
182
183
<!-- Grid column -->
184
<div class="col-lg-3 col-md-6 mb-4">
185
186
<!-- Card -->
187
<div class="card card-ecommerce">
188
189
<div class="view overlay">
190
<img src="https://mdbootstrap.com/img/Photos/Horizontal/E-commerce/Products/3.jpg" class="img-fluid"
191
alt="sample image">
192
<a>
193
<div class="mask rgba-white-slight"></div>
194
</a>
195
</div>
196
197
<div class="card-body">
198
199
<h5 class="card-title mb-1"><strong><a class="dark-grey-text">iMac</a></strong></h5>
200
<span class="badge badge-danger mb-2">bestseller</span>
201
202
<ul class="rating">
203
<li>
204
<i class="fas fa-star blue-text"></i>
205
</li>
206
<li>
207
<i class="fas fa-star blue-text"></i>
208
</li>
209
<li>
210
<i class="fas fa-star blue-text"></i>
211
</li>
212
<li>
213
<i class="fas fa-star blue-text"></i>
214
</li>
215
<li>
216
<i class="fas fa-star grey-text"></i>
217
</li>
218
</ul>
219
220
<div class="card-footer pb-0">
221
<div class="row mb-0">
222
<span class="float-left">
223
<strong>1439$</strong>
224
</span>
225
<span class="float-right">
226
<a class="" data-toggle="tooltip" data-placement="top" title="Add to Cart">
227
<i class="fas fa-shopping-cart ml-3"></i>
228
</a>
229
</span>
230
</div>
231
</div>
232
</div>
233
234
</div>
235
<!-- Card -->
236
237
</div>
238
<!-- Grid column -->
239
240
</div>
241
<!-- Grid row -->
242
243
<!-- Grid row -->
244
<div class="row justify-content-center mt-3 mb-4">
245
<!-- Pagination -->
246
<nav class="mb-4">
247
<ul class="pagination pagination-circle pg-blue mb-0">
248
<!-- First -->
249
<li class="page-item disabled clearfix d-none d-md-block">
250
<a class="page-link waves-effect waves-effect">First</a>
251
</li>
252
<!-- Arrow left -->
253
<li class="page-item disabled">
254
<a class="page-link waves-effect waves-effect" aria-label="Previous">
255
<span aria-hidden="true">«</span>
256
<span class="sr-only">Previous</span>
257
</a>
258
</li>
259
<!-- Numbers -->
260
<li class="page-item active">
261
<a class="page-link waves-effect waves-effect">1</a>
262
</li>
263
<li class="page-item">
264
<a class="page-link waves-effect waves-effect">2</a>
265
</li>
266
<li class="page-item">
267
<a class="page-link waves-effect waves-effect">3</a>
268
</li>
269
<li class="page-item">
270
<a class="page-link waves-effect waves-effect">4</a>
271
</li>
272
<li class="page-item">
273
<a class="page-link waves-effect waves-effect">5</a>
274
</li>
275
<!-- Arrow right -->
276
<li class="page-item">
277
<a class="page-link waves-effect waves-effect" aria-label="Next">
278
<span aria-hidden="true">»</span>
279
<span class="sr-only">Next</span>
280
</a>
281
</li>
282
<!-- First -->
283
<li class="page-item clearfix d-none d-md-block">
284
<a class="page-link waves-effect waves-effect">Last</a>
285
</li>
286
</ul>
287
</nav>
288
<!-- Pagination -->
289
</div>
290
<!-- Grid row -->
291
292
</section>
293
<!-- Section: Block Content -->
294
295
</div>
1
1
1
1
Console errors: 0