xxxxxxxxxx1
<div class="container my-5">2
3
4
<!-- Section: Block Content -->5
<section>6
7
<h6 class="font-weight-bold text-center grey-text text-uppercase small mb-4">Admin</h6>8
<h3 class="font-weight-bold text-center dark-grey-text pb-2">Statistic Data</h3>9
<hr class="w-header my-4">10
<p class="lead text-center text-muted pt-2 mb-5">Lorem ipsum dolor sit amet consectetur adipisicing elit ex facere quas possimus.</p>11
12
<div class="row white-text">13
14
<!-- Grid column -->15
<div class="col-xl-3 col-md-6 mb-4">16
17
<!-- Card Primary -->18
<div class="card classic-admin-card primary-color">19
<div class="card-body py-3">20
<i class="far fa-money-bill-alt"></i>21
<p class="small">SALES</p>22
<h4>2000$</h4>23
</div>24
<div class="progress md-progress">25
<div class="progress-bar grey darken-3" role="progressbar" style="width: 25%" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>26
</div>27
<div class="card-body pt-2 pb-3">28
<p class="small mb-0">Better than last week (25%)</p>29
</div>30
</div>31
<!-- Card Primary -->32
33
</div>34
<!-- Grid column -->35
36
<!-- Grid column -->37
<div class="col-xl-3 col-md-6 mb-4">38
39
<!-- Card Yellow -->40
<div class="card classic-admin-card warning-color">41
<div class="card-body py-3">42
<i class="fas fa-chart-line"></i>43
<p class="small">SUBSCRIPTIONS</p>44
<h4>200</h4>45
</div>46
<div class="progress md-progress">47
<div class="progress-bar bg grey darken-3" role="progressbar" style="width: 25%" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>48
</div>49
<div class="card-body pt-2 pb-3">50
<p class="small mb-0">Worse than last week (25%)</p>51
</div>52
</div>53
<!-- Card Yellow -->54
55
</div>56
<!-- Grid column -->57
58
<!-- Grid column -->59
<div class="col-xl-3 col-md-6 mb-4">60
61
<!-- Card Blue -->62
<div class="card classic-admin-card light-blue lighten-1">63
<div class="card-body py-3">64
<i class="fas fa-chart-pie"></i>65
<p class="small">TRAFFIC</p>66
<h4>20000</h4>67
</div>68
<div class="progress md-progress">69
<div class="progress-bar grey darken-3" role="progressbar" style="width: 75%" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100"></div>70
</div>71
<div class="card-body pt-2 pb-3">72
<p class="small mb-0">Better than last week (75%)</p>73
</div>74
</div>75
<!-- Card Blue -->76
77
</div>78
<!-- Grid column -->79
80
<!-- Grid column -->81
<div class="col-xl-3 col-md-6 mb-4">82
83
<!-- Card Red -->84
<div class="card classic-admin-card red accent-2">85
<div class="card-body py-3">86
<i class="fas fa-chart-bar"></i>87
<p class="small">ORGANIC TRAFFIC</p>88
<h4>2000</h4>89
</div>90
<div class="progress md-progress">91
<div class="progress-bar grey darken-3" role="progressbar" style="width: 25%" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>92
</div>93
<div class="card-body pt-2 pb-3">94
<p class="small mb-0">Better than last week (25%)</p>95
</div>96
</div>97
<!-- Card Red -->98
99
</div>100
<!-- Grid column -->101
102
</div>103
104
</section>105
<!-- Section: Block Content -->106
107
108
</div>1
1
1
1
Console errors: 0