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">Electronics</h3>
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 card-ecommerce">
16
<div class="view overlay">
17
<img src="https://mdbootstrap.com/img/Photos/Horizontal/E-commerce/Products/11.jpg" class="img-fluid"
18
alt="Sample image">
19
<a>
20
<div class="mask rgba-white-slight"></div>
21
</a>
22
</div>
23
<div class="card-body">
24
<h5 class="card-title mb-1"><strong><a class="dark-grey-text">Samsung V54</a></strong></h5>
25
<span class="badge grey mb-2">best rated</span>
26
<ul class="rating">
27
<li><i class="fas fa-star blue-text"></i></li>
28
<li><i class="fas fa-star blue-text"></i></li>
29
<li><i class="fas fa-star blue-text"></i></li>
30
<li><i class="fas fa-star blue-text"></i></li>
31
<li><i class="fas fa-star blue-text"></i></li>
32
</ul>
33
<div class="card-footer pb-0">
34
<div class="row mb-0">
35
<span class="float-left"><strong>1439$</strong></span>
36
<span class="float-right">
37
<a data-toggle="tooltip" data-placement="top" title="Add to Cart"><i class="fas fa-shopping-cart ml-3"></i></a>
38
</span>
39
</div>
40
</div>
41
</div>
42
</div>
43
<!-- Card -->
44
45
</div>
46
<!-- Grid column -->
47
48
<!-- Grid column -->
49
<div class="col-lg-4 col-md-6 mb-4">
50
51
<!-- Card -->
52
<div class="card card-ecommerce">
53
<div class="view overlay">
54
<img src="https://mdbootstrap.com/img/Photos/Horizontal/E-commerce/Products/7.jpg" class="img-fluid" alt="Sample image">
55
<a>
56
<div class="mask rgba-white-slight"></div>
57
</a>
58
</div>
59
<div class="card-body">
60
<h5 class="card-title mb-1"><strong><a class="dark-grey-text">Dell 786i</a></strong></h5>
61
<span class="badge badge-info mb-2">new</span>
62
<ul class="rating">
63
<li><i class="fas fa-star blue-text"></i></li>
64
<li><i class="fas fa-star blue-text"></i></li>
65
<li><i class="fas fa-star blue-text"></i></li>
66
<li><i class="fas fa-star blue-text"></i></li>
67
<li><i class="fas fa-star grey-text"></i></li>
68
</ul>
69
<div class="card-footer pb-0">
70
<div class="row mb-0">
71
<span class="float-left"><strong>1439$</strong></span>
72
<span class="float-right">
73
<a data-toggle="tooltip" data-placement="top" title="Add to Cart"><i class="fas fa-shopping-cart ml-3"></i></a>
74
</span>
75
</div>
76
</div>
77
</div>
78
</div>
79
<!-- Card -->
80
81
</div>
82
<!-- Grid column -->
83
84
<!-- Grid column -->
85
<div class="col-lg-4 col-md-6 mb-4">
86
87
<!-- Card -->
88
<div class="card card-ecommerce">
89
<div class="view overlay">
90
<img src="https://mdbootstrap.com/img/Photos/Horizontal/E-commerce/Products/9.jpg" class="img-fluid" alt="Sample image">
91
<a>
92
<div class="mask rgba-white-slight"></div>
93
</a>
94
</div>
95
<div class="card-body">
96
<h5 class="card-title mb-1"><strong><a class="dark-grey-text">Canon 675-D</a></strong></h5>
97
<span class="badge badge-info mb-2">new</span>
98
<span class="badge badge-success mb-2 ml-2">SALE</span>
99
<ul class="rating">
100
<li><i class="fas fa-star blue-text"></i></li>
101
<li><i class="fas fa-star blue-text"></i></li>
102
<li><i class="fas fa-star blue-text"></i></li>
103
<li><i class="fas fa-star blue-text"></i></li>
104
<li><i class="fas fa-star blue-text"></i></li>
105
</ul>
106
<div class="card-footer pb-0">
107
<div class="row mb-0">
108
<h5 class="mb-0 pb-0 mt-1 font-weight-bold"><span class="red-text"><strong>$1199</strong></span>
109
<span class="grey-text"><small><s>$1520</s></small></span>
110
</h5>
111
<span class="float-right">
112
<a data-toggle="tooltip" data-placement="top" title="Add to Cart"><i class="fas fa-shopping-cart ml-3"></i></a>
113
</span>
114
</div>
115
</div>
116
</div>
117
</div>
118
<!-- Card -->
119
120
</div>
121
<!-- Grid column -->
122
123
</div>
124
<!-- Grid row -->
125
126
</section>
127
<!-- Section: Block Content -->
128
129
</div>
1
1
1
1
Console errors: 0