xxxxxxxxxx1
<div class="container-fluid">2
<section>3
<div class="row">4
<div class="col-12 mt-3 mb-1">5
<h5 class="text-uppercase">Statistics With Subtitle</h5>6
<p>Statistics on minimal cards with Title & Sub Title.</p>7
</div>8
</div>9
<div class="row">10
<div class="col-xl-6 col-md-12 mb-4">11
<div class="card">12
<div class="card-body">13
<div class="d-flex justify-content-between p-md-1">14
<div class="d-flex flex-row">15
<div class="align-self-center">16
<i class="fas fa-pencil-alt text-info fa-3x me-4"></i>17
</div>18
<div>19
<h4>Total Posts</h4>20
<p class="mb-0">Monthly blog posts</p>21
</div>22
</div>23
<div class="align-self-center">24
<h2 class="h1 mb-0">18,000</h2>25
</div>26
</div>27
</div>28
</div>29
</div>30
<div class="col-xl-6 col-md-12 mb-4">31
<div class="card">32
<div class="card-body">33
<div class="d-flex justify-content-between p-md-1">34
<div class="d-flex flex-row">35
<div class="align-self-center">36
<i class="far fa-comment-alt text-warning fa-3x me-4"></i>37
</div>38
<div>39
<h4>Total Comments</h4>40
<p class="mb-0">Monthly blog posts</p>41
</div>42
</div>43
<div class="align-self-center">44
<h2 class="h1 mb-0">84,695</h2>45
</div>46
</div>47
</div>48
</div>49
</div>50
</div>51
<div class="row">52
<div class="col-xl-6 col-md-12 mb-4">53
<div class="card">54
<div class="card-body">55
<div class="d-flex justify-content-between p-md-1">56
<div class="d-flex flex-row">57
<div class="align-self-center">58
<h2 class="h1 mb-0 me-4">$76,456.00</h2>59
</div>60
<div>61
<h4>Total Sales</h4>62
<p class="mb-0">Monthly Sales Amount</p>63
</div>64
</div>65
<div class="align-self-center">66
<i class="far fa-heart text-danger fa-3x"></i>67
</div>68
</div>69
</div>70
</div>71
</div>72
<div class="col-xl-6 col-md-12 mb-4">73
<div class="card">74
<div class="card-body">75
<div class="d-flex justify-content-between p-md-1">76
<div class="d-flex flex-row">77
<div class="align-self-center">78
<h2 class="h1 mb-0 me-4">$36,000.00</h2>79
</div>80
<div>81
<h4>Total Cost</h4>82
<p class="mb-0">Monthly Cost</p>83
</div>84
</div>85
<div class="align-self-center">86
<i class="fas fa-wallet text-success fa-3x"></i>87
</div>88
</div>89
</div>90
</div>91
</div>92
</div>93
</section>94
</div>xxxxxxxxxx1
body {2
background-color: #f5f7fa;3
}1
1
Console errors: 0