xxxxxxxxxx1
<div class="container my-5 py-5">2
3
4
<!-- Section: Block Content -->5
<section class="">6
7
<!--Grid row-->8
<div class="row">9
10
<!--Grid column-->11
<div class="col-lg-4 col-md-12 mb-4">12
13
<!-- Admin card -->14
<div class="card mt-3">15
16
<div class="">17
<i class="far fa-money-bill-alt fa-lg primary-color z-depth-2 p-4 ml-3 mt-n3 rounded text-white"></i>18
<div class="float-right text-right p-3">19
<p class="text-uppercase text-muted mb-1"><small>sales</small></p>20
<h4 class="font-weight-bold mb-0">23 000$</h4>21
</div>22
</div>23
24
<div class="card-body pt-0">25
<div class="progress md-progress">26
<div class="progress-bar bg-success" role="progressbar" style="width: 75%" aria-valuenow="75" aria-valuemin="0"27
aria-valuemax="100"></div>28
</div>29
<p class="card-text">Better than last week (75%)</p>30
</div>31
32
</div>33
<!-- Admin card -->34
35
</div>36
<!--Grid column-->37
38
<!--Grid column-->39
<div class="col-lg-4 col-md-6 mb-4">40
41
<!-- Admin card -->42
<div class="card mt-3">43
44
<div class="">45
<i class="fas fa-chart-line fa-lg teal z-depth-2 p-4 ml-3 mt-n3 rounded text-white"></i>46
<div class="float-right text-right p-3">47
<p class="text-uppercase text-muted mb-1"><small>subscriptions</small></p>48
<h4 class="font-weight-bold mb-0">3534</h4>49
</div>50
</div>51
52
<div class="card-body pt-0">53
<div class="progress md-progress">54
<div class="progress-bar bg-danger" role="progressbar" style="width: 46%" aria-valuenow="46" aria-valuemin="0"55
aria-valuemax="100"></div>56
</div>57
<p class="card-text">Worse than last week (46%)</p>58
</div>59
60
</div>61
<!-- Admin card -->62
63
</div>64
<!--Grid column-->65
66
<!--Grid column-->67
<div class="col-lg-4 col-md-6 mb-4">68
69
<!-- Admin card -->70
<div class="card mt-3">71
72
<div class="">73
<i class="fas fa-chart-pie fa-lg purple z-depth-2 p-4 ml-3 mt-n3 rounded text-white"></i>74
<div class="float-right text-right p-3">75
<p class="text-uppercase text-muted mb-1"><small>traffic</small></p>76
<h4 class="font-weight-bold mb-0">656 234</h4>77
</div>78
</div>79
80
<div class="card-body pt-0">81
<div class="progress md-progress">82
<div class="progress-bar bg-success" role="progressbar" style="width: 31%" aria-valuenow="31" aria-valuemin="0"83
aria-valuemax="100"></div>84
</div>85
<p class="card-text">Better than last week (31%)</p>86
</div>87
88
</div>89
<!-- Admin card -->90
91
</div>92
<!--Grid column-->93
94
</div>95
<!--Grid row-->96
97
</section>98
<!--Section: Content-->99
100
101
</div>102
xxxxxxxxxx1
body {2
background-color: #eee;3
}1
1
Console errors: 0