<section class="section">
<div class="container">
<div class="columns is-multiline">
<div class="column is-3-desktop is-6-tablet">
<div class="pt-6 has-background-white has-text-centered" style="border-radius: 4px;">
<span class="has-text-grey" style="font-size: 12px;">Engaged Users</span>
<h3 class="title mb-2 mt-2 is-size-3">1 450</h3>
<span class="tag is-success is-light">+115</span>
<div class="chart" data-type="area-small" data-variant="indigo"></div>
</div>
</div>
<div class="column is-3-desktop is-6-tablet">
<div class="pt-6 has-background-white has-text-centered" style="border-radius: 4px;">
<span class="has-text-grey" style="font-size: 12px;">Total Profit</span>
<h3 class="title mb-2 mt-2 is-size-3">$9,054</h3>
<span class="tag is-danger is-light">-$1,535</span>
<div class="chart" data-type="area-small" data-variant="blue"></div>
</div>
</div>
<div class="column is-3-desktop is-6-tablet">
<div class="pt-6 has-background-white has-text-centered" style="border-radius: 4px;">
<span class="has-text-grey" style="font-size: 12px;">Click Counter</span>
<h3 class="title mb-2 mt-2 is-size-3">73.5%</h3>
<span class="tag is-success is-light">+5.64%</span>
<div class="chart" data-type="area-small" data-variant="green"></div>
</div>
</div>
<div class="column is-3-desktop is-6-tablet">
<div class="pt-6 has-background-white has-text-centered" style="border-radius: 4px;">
<span class="has-text-grey" style="font-size: 12px;">Visit Duration</span>
<h3 class="title mb-2 mt-2 is-size-3">0m 50s</h3>
<span class="tag is-success is-light">+15s</span>
<div class="chart" data-type="area-small" data-variant="orange"></div>
</div>
</div>
</div>
</div>
</section>