whmcsProxmoxCloud/app/UI/Home/Templates/pages/accountSummary.tpl

<div class="lu-row">
    <div class="col-md-5">
        <h4 class="text-left">{$MGLANG->translate('virtualDataCenter')}</h4>
        <div class=" lu-m-t-1x">
            {foreach from=$customTplVars.bars item=bar}
                <div class="lu-progress lu-progress--h lu-progress--s lu-progress__label">
                    <div class="lu-progress__label">
                        {$bar.name} {*({$bar.used}/{$bar.max}{if $bar.unit} {$bar.unit}{/if}) *}
                        <i data-title="{$bar.used}/{$bar.max}{if $bar.unit} {$bar.unit}{/if}" data-toggle="lu-tooltip" class="lu-i-c-2x lu-zmdi lu-zmdi-help-outline lu-form-tooltip-helper lu-tooltip "></i>
                    </div>
                    <div class="lu-progress__bar progress-bar-danger">
                        <div class="lu-progress__fill" style="width: {$bar.value}%"></div>
                    </div>
                </div>
            {/foreach}
        </div>
    </div>

    <div class="lu-col-md-7">
        <div class="lu-row">
            {foreach from=$elements key=nameElement item=dataElement}
                <div id="{$dataElement->getId()}" class="{$dataElement->getClasses()} lu-col-md-6">
                    {$dataElement->getHtml()}
                </div>
            {/foreach}
        </div>
    </div>
</div>