<div class="row">
    <#list cards as card>
    <#assign text>${card.chartJson!}</#assign>
<#assign json=text?eval />
<div class="col-sm-6 col-lg-${card.chartSize!}">
    <div class="card bg-${json.them!}">
        <div class="card-body clearfix">
            <div class="pull-right">
                <p class="h6 text-white m-t-0">${card.chartName!}</p>
                <p class="h3 text-white m-b-0">${json.prefix!}${card.value!}${json.suffix!}</p>
            </div>
            <div class="pull-left"> <span class="img-avatar img-avatar-48 bg-translucent"><i class="mdi ${json.icon!} fa-1-5x"></i></span> </div>
        </div>
    </div>
</div>
</#list>
</div>