Counters
Counter Style 1
156
Transactions Per Hour1650
Global Transaction1020
Liquidity Score1817
Active Accounts
<div class="counter-box">
<div class="box m-0">
<div class="row align-items-center justify-content-around mt-n1-9">
<div class="col-sm-6 col-lg-3 text-center mt-1-9">
<div class="counter-style-01">
<h2 class="countup">156</h2>
<span class="text-gray d-block display-29 display-md-28 font-weight-500">Transactions Per Hour</span>
</div>
</div>
<div class="col-sm-6 col-lg-3 text-center mt-1-9">
<div class="counter-style-01">
<h2 class="countup">1650</h2>
<span class="text-gray d-block display-29 display-md-28 font-weight-500">Global Transaction</span>
</div>
</div>
<div class="col-sm-6 col-lg-3 text-center mt-1-9">
<div class="counter-style-01">
<h2 class="countup alt-font">1020</h2>
<span class="text-gray d-block display-29 display-md-28 font-weight-500">Liquidity Score</span>
</div>
</div>
<div class="col-sm-6 col-lg-3 text-center mt-1-9">
<div class="counter-style-01">
<h2 class="countup alt-font">1817</h2>
<span class="text-gray d-block display-29 display-md-28 font-weight-500">Active Accounts</span>
</div>
</div>
</div>
</div>
</div>
Counter Style 2
156
Transactions Per Hour
1650
Global Transaction
1020
Liquidity Score
1817
Active Accounts
<div class="row mt-n1-9">
<div class="col-sm-6 col-lg-3 mt-1-9 text-center text-sm-start">
<div class="d-sm-flex align-items-center">
<div class="flex-shrink-0 mb-3 mb-sm-0">
<img src="img/icons/icon-39.png" alt="...">
</div>
<div class="flex-grow-1 border-sm-start border-color-extra-light-gray ps-sm-3 ps-xl-4 ms-sm-3 ms-xl-4">
<h3 class="countup h1 text-secondary mb-1">156</h3>
<span class="font-weight-500 text-muted">Transactions Per Hour</span>
</div>
</div>
</div>
<div class="col-sm-6 col-lg-3 mt-1-9 text-center text-sm-start">
<div class="d-sm-flex align-items-center">
<div class="flex-shrink-0 mb-3 mb-sm-0">
<img src="img/icons/icon-40.png" alt="...">
</div>
<div class="flex-grow-1 border-sm-start border-color-extra-light-gray ps-sm-3 ps-xl-4 ms-sm-3 ms-xl-4">
<h3 class="countup h1 text-secondary mb-1">1650</h3>
<span class="font-weight-500 text-muted">Global Transaction</span>
</div>
</div>
</div>
<div class="col-sm-6 col-lg-3 mt-1-9 text-center text-sm-start">
<div class="d-sm-flex align-items-center">
<div class="flex-shrink-0 mb-3 mb-sm-0">
<img src="img/icons/icon-41.png" alt="...">
</div>
<div class="flex-grow-1 border-sm-start border-color-extra-light-gray ps-sm-3 ps-xl-4 ms-sm-3 ms-xl-4">
<h3 class="countup h1 text-secondary mb-1">1020</h3>
<span class="font-weight-500 text-muted">Liquidity Score</span>
</div>
</div>
</div>
<div class="col-sm-6 col-lg-3 mt-1-9 text-center text-sm-start">
<div class="d-sm-flex align-items-center">
<div class="flex-shrink-0 mb-3 mb-sm-0">
<img src="img/icons/icon-42.png" alt="...">
</div>
<div class="flex-grow-1 border-sm-start border-color-extra-light-gray ps-sm-3 ps-xl-4 ms-sm-3 ms-xl-4">
<h3 class="countup h1 text-secondary mb-1">1817</h3>
<span class="font-weight-500 text-muted">Active Accounts</span>
</div>
</div>
</div>
</div>