<div class="row bs-shortcode-row bs-shortcode-row-4-column"> <div class="col-xs-3 bs-shortcode-col" data-mce-contenteditable="true"> <div class="level-item is-cherry"> <h5>Confirmed</h5> <h5>[+27]</h5> <h4>684</h4> </div> </div> <div class="col-xs-3 bs-shortcode-col" data-mce-contenteditable="true"> <div class="level-item is-blue"> <h5 class="heading">Active</h5> <h5>[+26]</h5> <h4 class="title has-text-info">629</h4> </div> </div> <div class="col-xs-3 bs-shortcode-col" data-mce-contenteditable="true"> <div class="level-item is-green"> <h5 class="heading">Recovered</h5> <h5>[+0]</h5> <h4 class="title has-text-success">43</h4> </div> </div> <div class="col-xs-3 bs-shortcode-col" data-mce-contenteditable="true"> <div class="level-item is-gray"> <h5 class="heading">Deceased</h5> <h5>[+1]</h5> <h4 class="title has-text-grey">12</h4> </div> </div> </div>