xxxxxxxxxx
1
<div class="container my-5">
2
3
<!-- Section: Block Content -->
4
<section>
5
6
<h3 class="font-weight-bold text-center dark-grey-text mb-5">New Arrivals</h3>
7
8
<!-- Grid row -->
9
<div class="row">
10
<!-- Grid column -->
11
<div class="col-lg-3 col-md-6 mb-4">
12
<!-- Card -->
13
<div class="card card-ecommerce">
14
<!-- Card image -->
15
<div class="view overlay">
16
<img src="https://mdbootstrap.com/img/Photos/Horizontal/E-commerce/Products/11.jpg" class="img-fluid"
17
alt="">
18
<a>
19
<div class="mask rgba-white-slight"></div>
20
</a>
21
</div>
22
<!-- Card image -->
23
<!-- Card content -->
24
<div class="card-body">
25
<!-- Category & Title -->
26
<h5 class="card-title mb-1">
27
<strong>
28
<a href="" class="dark-grey-text">iPhone 5</a>
29
</strong>
30
</h5>
31
<span class="badge badge-danger mb-2">bestseller</span>
32
<!-- Rating -->
33
<ul class="rating">
34
<li>
35
<i class="fas fa-star blue-text"></i>
36
</li>
37
<li>
38
<i class="fas fa-star blue-text"></i>
39
</li>
40
<li>
41
<i class="fas fa-star blue-text"></i>
42
</li>
43
<li>
44
<i class="fas fa-star blue-text"></i>
45
</li>
46
<li>
47
<i class="fas fa-star blue-text"></i>
48
</li>
49
</ul>
50
<!-- Card footer -->
51
<div class="card-footer pb-0">
52
<div class="row mb-0">
53
<span class="float-left">
54
<strong>799$</strong>
55
</span>
56
<span class="float-right">
57
<a class="" data-toggle="tooltip" data-placement="top" title="Add to Cart">
58
<i class="fas fa-shopping-cart ml-3"></i>
59
</a>
60
</span>
61
</div>
62
</div>
63
</div>
64
<!-- Card content -->
65
</div>
66
<!-- Card -->
67
</div>
68
<!-- Grid column -->
69
<!-- Grid column -->
70
<div class="col-lg-3 col-md-6 mb-4">
71
<!-- Card -->
72
<div class="card card-ecommerce">
73
<!-- Card image -->
74
<div class="view overlay">
75
<img src="https://mdbootstrap.com/img/Photos/Horizontal/E-commerce/Products/14.jpg" class="img-fluid"
76
alt="">
77
<a>
78
<div class="mask rgba-white-slight"></div>
79
</a>
80
</div>
81
<!-- Card image -->
82
<!-- Card content -->
83
<div class="card-body">
84
<!-- Category & Title -->
85
<h5 class="card-title mb-1">
86
<strong>
87
<a href="" class="dark-grey-text">Sony TV-675i</a>
88
</strong>
89
</h5>
90
<span class="badge badge-danger mb-2">bestseller</span>
91
<!-- Rating -->
92
<ul class="rating">
93
<li>
94
<i class="fas fa-star blue-text"></i>
95
</li>
96
<li>
97
<i class="fas fa-star blue-text"></i>
98
</li>
99
<li>
100
<i class="fas fa-star blue-text"></i>
101
</li>
102
<li>
103
<i class="fas fa-star blue-text"></i>
104
</li>
105
<li>
106
<i class="fas fa-star blue-text"></i>
107
</li>
108
</ul>
109
<!-- Card footer -->
110
<div class="card-footer pb-0">
111
<div class="row mb-0">
112
<span class="float-left">
113
<strong>1039$</strong>
114
</span>
115
<span class="float-right">
116
<a class="" data-toggle="tooltip" data-placement="top" title="Add to Cart">
117
<i class="fas fa-shopping-cart ml-3"></i>
118
</a>
119
</span>
120
</div>
121
</div>
122
</div>
123
<!-- Card content -->
124
</div>
125
<!-- Card -->
126
</div>
127
<!-- Grid column -->
128
<!-- Grid column -->
129
<div class="col-lg-3 col-md-6 mb-4">
130
<!-- Card -->
131
<div class="card card-ecommerce">
132
<!-- Card image -->
133
<div class="view overlay">
134
<img src="https://mdbootstrap.com/img/Photos/Horizontal/E-commerce/Products/13.jpg" class="img-fluid"
135
alt="">
136
<a>
137
<div class="mask rgba-white-slight"></div>
138
</a>
139
</div>
140
<!-- Card image -->
141
<!-- Card content -->
142
<div class="card-body">
143
<!-- Category & Title -->
144
<h5 class="card-title mb-1">
145
<strong>
146
<a href="" class="dark-grey-text">iPhone</a>
147
</strong>
148
</h5>
149
<span class="badge badge-danger mb-2">bestseller</span>
150
<!-- Rating -->
151
<ul class="rating">
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
<li>
162
<i class="fas fa-star blue-text"></i>
163
</li>
164
<li>
165
<i class="fas fa-star blue-text"></i>
166
</li>
167
</ul>
168
<!-- Card footer -->
169
<div class="card-footer pb-0">
170
<div class="row mb-0">
171
<span class="float-left">
172
<strong>2599$</strong>
173
</span>
174
<span class="float-right">
175
<a class="" data-toggle="tooltip" data-placement="top" title="Add to Cart">
176
<i class="fas fa-shopping-cart ml-3"></i>
177
</a>
178
</span>
179
</div>
180
</div>
181
</div>
182
<!-- Card content -->
183
</div>
184
<!-- Card -->
185
</div>
186
<!-- Grid column -->
187
<!-- Grid column -->
188
<div class="col-lg-3 col-md-6 mb-4">
189
<!-- Card -->
190
<div class="card card-ecommerce">
191
<!-- Card image -->
192
<div class="view overlay">
193
<img src="https://mdbootstrap.com/img/Photos/Horizontal/E-commerce/Products/1.jpg" class="img-fluid"
194
alt="">
195
<a>
196
<div class="mask rgba-white-slight"></div>
197
</a>
198
</div>
199
<!-- Card image -->
200
<!-- Card content -->
201
<div class="card-body">
202
<!-- Category & Title -->
203
<h5 class="card-title mb-1">
204
<strong>
205
<a href="" class="dark-grey-text">iPad Pro</a>
206
</strong>
207
</h5>
208
<span class="badge badge-danger mb-2">bestseller</span>
209
<span class="badge badge-success mb-2 ml-2">SALE</span>
210
<!-- Rating -->
211
<ul class="rating">
212
<li>
213
<i class="fas fa-star blue-text"></i>
214
</li>
215
<li>
216
<i class="fas fa-star blue-text"></i>
217
</li>
218
<li>
219
<i class="fas fa-star blue-text"></i>
220
</li>
221
<li>
222
<i class="fas fa-star blue-text"></i>
223
</li>
224
<li>
225
<i class="fas fa-star grey-text"></i>
226
</li>
227
</ul>
228
<!-- Card footer -->
229
<div class="card-footer pb-0">
230
<div class="row mb-0">
231
<h5 class="mb-0 pb-0 mt-1 font-weight-bold">
232
<span class="red-text">
233
<strong>$99</strong>
234
</span>
235
<span class="grey-text">
236
<small>
237
<s>$120</s>
238
</small>
239
</span>
240
</h5>
241
<span class="float-right">
242
<a class="" data-toggle="tooltip" data-placement="top" title="Add to Cart">
243
<i class="fas fa-shopping-cart ml-3"></i>
244
</a>
245
</span>
246
</div>
247
</div>
248
</div>
249
<!-- Card content -->
250
</div>
251
<!-- Card -->
252
</div>
253
<!-- Grid column -->
254
</div>
255
<!-- Grid row -->
256
257
<!-- Grid row -->
258
<div class="row flex-center">
259
<p>
260
<a class="btn btn-primary btn-rounded mb-5" data-toggle="collapse" href="#collapseExample"
261
aria-expanded="false" aria-controls="collapseExample">
262
More products
263
</a>
264
</p>
265
<div class="collapse" id="collapseExample">
266
<!-- Grid row -->
267
<div class="row">
268
<!-- Grid column -->
269
<div class="col-lg-3 col-md-6 mb-4">
270
<!-- Card -->
271
<div class="card card-ecommerce">
272
<!-- Card image -->
273
<div class="view overlay">
274
<img src="https://mdbootstrap.com/img/Photos/Horizontal/E-commerce/Products/5.jpg" class="img-fluid"
275
alt="">
276
<a>
277
<div class="mask rgba-white-slight"></div>
278
</a>
279
</div>
280
<!-- Card image -->
281
<!-- Card content -->
282
<div class="card-body">
283
<!-- Category & Title -->
284
<h5 class="card-title mb-1">
285
<strong>
286
<a href="" class="dark-grey-text">Asus CT-567</a>
287
</strong>
288
</h5>
289
<span class="badge badge-danger mb-2">bestseller</span>
290
<!-- Rating -->
291
<ul class="rating text-left">
292
<li>
293
<i class="fas fa-star blue-text"></i>
294
</li>
295
<li>
296
<i class="fas fa-star blue-text"></i>
297
</li>
298
<li>
299
<i class="fas fa-star blue-text"></i>
300
</li>
301
<li>
302
<i class="fas fa-star blue-text"></i>
303
</li>
304
<li>
305
<i class="fas fa-star blue-text"></i>
306
</li>
307
</ul>
308
<!-- Card footer -->
309
<div class="card-footer pb-0">
310
<div class="row mb-0">
311
<span class="float-left">
312
<strong>1439$</strong>
313
</span>
314
<span class="float-right">
315
<a class="" data-toggle="tooltip" data-placement="top" title="Add to Cart">
316
<i class="fas fa-shopping-cart ml-3"></i>
317
</a>
318
</span>
319
</div>
320
</div>
321
</div>
322
<!-- Card content -->
323
</div>
324
<!-- Card -->
325
</div>
326
<!-- Grid column -->
327
<!-- Grid column -->
328
<div class="col-lg-3 col-md-6 mb-4">
329
<!-- Card -->
330
<div class="card card-ecommerce">
331
<!-- Card image -->
332
<div class="view overlay">
333
<img src="https://mdbootstrap.com/img/Photos/Horizontal/E-commerce/Products/6.jpg" class="img-fluid"
334
alt="">
335
<a>
336
<div class="mask rgba-white-slight"></div>
337
</a>
338
</div>
339
<!-- Card image -->
340
<!-- Card content -->
341
<div class="card-body">
342
<!-- Category & Title -->
343
<h5 class="card-title mb-1">
344
<strong>
345
<a href="" class="dark-grey-text">Headphones</a>
346
</strong>
347
</h5>
348
<span class="badge badge-danger mb-2">bestseller</span>
349
<!-- Rating -->
350
<ul class="rating text-left">
351
<li>
352
<i class="fas fa-star blue-text"></i>
353
</li>
354
<li>
355
<i class="fas fa-star blue-text"></i>
356
</li>
357
<li>
358
<i class="fas fa-star blue-text"></i>
359
</li>
360
<li>
361
<i class="fas fa-star blue-text"></i>
362
</li>
363
<li>
364
<i class="fas fa-star blue-text"></i>
365
</li>
366
</ul>
367
<!-- Card footer -->
368
<div class="card-footer pb-0">
369
<div class="row mb-0">
370
<span class="float-left">
371
<strong>1439$</strong>
372
</span>
373
<span class="float-right">
374
<a class="" data-toggle="tooltip" data-placement="top" title="Add to Cart">
375
<i class="fas fa-shopping-cart ml-3"></i>
376
</a>
377
</span>
378
</div>
379
</div>
380
</div>
381
<!-- Card content -->
382
</div>
383
<!-- Card -->
384
</div>
385
<!-- Grid column -->
386
<!-- Grid column -->
387
<div class="col-lg-3 col-md-6 mb-4">
388
<!-- Card -->
389
<div class="card card-ecommerce">
390
<!-- Card image -->
391
<div class="view overlay">
392
<img src="https://mdbootstrap.com/img/Photos/Horizontal/E-commerce/Products/2.jpg" class="img-fluid"
393
alt="">
394
<a>
395
<div class="mask rgba-white-slight"></div>
396
</a>
397
</div>
398
<!-- Card image -->
399
<!-- Card content -->
400
<div class="card-body">
401
<!-- Category & Title -->
402
<h5 class="card-title mb-1">
403
<strong>
404
<a href="" class="dark-grey-text">iPad PRO</a>
405
</strong>
406
</h5>
407
<span class="badge badge-danger mb-2">bestseller</span>
408
<span class="badge badge-success mb-2 ml-2">SALE</span>
409
<!-- Rating -->
410
<ul class="rating text-left">
411
<li>
412
<i class="fas fa-star blue-text"></i>
413
</li>
414
<li>
415
<i class="fas fa-star blue-text"></i>
416
</li>
417
<li>
418
<i class="fas fa-star blue-text"></i>
419
</li>
420
<li>
421
<i class="fas fa-star blue-text"></i>
422
</li>
423
<li>
424
<i class="fas fa-star grey-text"></i>
425
</li>
426
</ul>
427
<!-- Card footer -->
428
<div class="card-footer pb-0">
429
<div class="row mb-0">
430
<h5 class="mb-0 pb-0 mt-1 font-weight-bold">
431
<span class="red-text">
432
<strong>$699</strong>
433
</span>
434
<span class="grey-text">
435
<small>
436
<s>$920</s>
437
</small>
438
</span>
439
</h5>
440
<span class="float-right">
441
<a class="" data-toggle="tooltip" data-placement="top" title="Add to Cart">
442
<i class="fas fa-shopping-cart ml-3"></i>
443
</a>
444
</span>
445
</div>
446
</div>
447
</div>
448
<!-- Card content -->
449
</div>
450
<!-- Card -->
451
</div>
452
<!-- Grid column -->
453
<!-- Grid column -->
454
<div class="col-lg-3 col-md-6 mb-4">
455
<!-- Card -->
456
<div class="card card-ecommerce">
457
<!-- Card image -->
458
<div class="view overlay">
459
<img src="https://mdbootstrap.com/img/Photos/Horizontal/E-commerce/Products/4.jpg" class="img-fluid"
460
alt="">
461
<a>
462
<div class="mask rgba-white-slight"></div>
463
</a>
464
</div>
465
<!-- Card image -->
466
<!-- Card content -->
467
<div class="card-body">
468
<!-- Category & Title -->
469
<h5 class="card-title mb-1">
470
<strong>
471
<a href="" class="dark-grey-text">Dell V-964i</a>
472
</strong>
473
</h5>
474
<span class="badge badge-danger mb-2">bestseller</span>
475
<!-- Rating -->
476
<ul class="rating text-left">
477
<li>
478
<i class="fas fa-star blue-text"></i>
479
</li>
480
<li>
481
<i class="fas fa-star blue-text"></i>
482
</li>
483
<li>
484
<i class="fas fa-star blue-text"></i>
485
</li>
486
<li>
487
<i class="fas fa-star blue-text"></i>
488
</li>
489
<li>
490
<i class="fas fa-star blue-text"></i>
491
</li>
492
</ul>
493
<!-- Card footer -->
494
<div class="card-footer pb-0">
495
<div class="row mb-0">
496
<span class="float-left">
497
<strong>1439$</strong>
498
</span>
499
<span class="float-right">
500
<a class="" data-toggle="tooltip" data-placement="top" title="Add to Cart">
501
<i class="fas fa-shopping-cart ml-3"></i>
502
</a>
503
</span>
504
</div>
505
</div>
506
</div>
507
<!-- Card content -->
508
</div>
509
<!-- Card -->
510
</div>
511
<!-- Grid column -->
512
</div>
513
<!-- Grid row -->
514
</div>
515
</div>
516
<!-- Grid row -->
517
518
</section>
519
<!-- Section: Block Content -->
520
521
</div>
1
1
1
1
Console errors: 0