HTML
xxxxxxxxxx1
<div class="container my-5 py-5">2
3
4
<!-- Section: Block Content -->5
<section>6
7
<!--Grid row-->8
<div class="row">9
10
<!--Grid column-->11
<div class="col-lg-3 col-md-6 mb-4">12
13
<div class="media white z-depth-1 rounded">14
<i class="far fa-money-bill-alt fa-lg blue z-depth-1 p-4 rounded-left text-white mr-3"></i>15
<div class="media-body p-1">16
<p class="text-uppercase text-muted mb-1"><small>sales</small></p>17
<h5 class="font-weight-bold mb-0">23 000$</h5>18
</div>19
</div>20
21
22
</div>23
<!--Grid column-->24
25
<!--Grid column-->26
<div class="col-lg-3 col-md-6 mb-4">27
28
<div class="media white z-depth-1 rounded">29
<i class="fas fa-chart-bar fa-lg deep-purple z-depth-1 p-4 rounded-left text-white mr-3"></i>30
<div class="media-body p-1">31
<p class="text-uppercase text-muted mb-1"><small>subscriptions</small></p>32
<h5 class="font-weight-bold mb-0">1 456</h5>33
</div>34
</div>35
36
37
</div>38
<!--Grid column-->39
40
<!--Grid column-->41
<div class="col-lg-3 col-md-6 mb-4">42
43
<div class="media white z-depth-1 rounded">44
<i class="fas fa-chart-pie fa-lg teal z-depth-1 p-4 rounded-left text-white mr-3"></i>45
<div class="media-body p-1">46
<p class="text-uppercase text-muted mb-1"><small>traffic</small></p>47
<h5 class="font-weight-bold mb-0">323 540</h5>48
</div>49
</div>50
51
</div>52
<!--Grid column-->53
54
<!--Grid column-->55
<div class="col-lg-3 col-md-6 mb-4">56
57
<div class="media white z-depth-1 rounded">58
<i class="fas fa-download fa-lg pink z-depth-1 p-4 rounded-left text-white mr-3"></i>59
<div class="media-body p-1">60
<p class="text-uppercase text-muted mb-1"><small>downloads</small></p>61
<h5 class="font-weight-bold mb-0">13 540</h5>62
</div>63
</div>64
65
</div>66
<!--Grid column-->67
68
</div>69
<!--Grid row-->70
71
</section>72
<!-- Section: Block Content -->73
74
75
</div>CSS
xxxxxxxxxx1
body {2
background-color: #eee;3
}JS
1
1
Console errors: 0