<div class="row paddedleft paddedtop">
    <div class="col-sm-6 col-md-6">
        <div class="list-group">
            <a class="list-group-item" href="#/loanproducts" has-permission='READ_LOANPRODUCT'>
                <h4 class="list-group-item-heading"><i class="icon-tags icon-large"></i>&nbsp;&nbsp;{{
                    'label.anchor.loanproducts' | translate }}</h4>

                <p class="list-group-item-text">{{'label.addnewloanproductor' | translate}}</p>
            </a>
            <a class="list-group-item" href="#/savingproducts" has-permission='READ_SAVINGSPRODUCT'>
                <h4 class="list-group-item-heading"><i class="icon-large icon-briefcase"></i>&nbsp;&nbsp;{{
                    'label.anchor.savingproducts' | translate }}</h4>

                <p class="list-group-item-text">{{'label.addnewsavingproductor' | translate}}</p>
            </a>
            <a class="list-group-item" href="#/shareproducts" has-permission='READ_SHAREPRODUCT'>
                <h4 class="list-group-item-heading"><i class="icon-large icon-briefcase"></i>&nbsp;&nbsp;{{
                    'label.anchor.shareproducts' | translate }}</h4>

                <p class="list-group-item-text">{{'label.addnewshareproductor' | translate}}</p>
            </a>


            <a class="list-group-item" href="#/charges" has-permission='READ_CHARGE'>
                <h4 class="list-group-item-heading"><i class="icon-money icon-large"></i>&nbsp;&nbsp;{{
                    'label.anchor.charges' | translate }}</h4>

                <p class="list-group-item-text">{{'label.definecharges' | translate}}</p>
            </a>

            <a class="list-group-item" href="#/viewproductcollateralmapping" has-permission='READ_PRODUCTCOLLATERALSMAPPING'>
                <h4 class="list-group-item-heading"><i class="icon-sitemap icon-large"></i>&nbsp;&nbsp;{{
                    'label.anchor.productcollateralmapping' | translate }}</h4>

                <p class="list-group-item-text">{{'label.productcollateralmapping' | translate}}</p>
            </a>

        </div>
    </div>
    <div class="col-sm-6 col-md-6">
        <div class="list-group">
            <a class="list-group-item" href="#/productmix" has-permission='READ_PRODUCTMIX'>
                <h4 class="list-group-item-heading"><i class="icon-large icon-random"></i>&nbsp;&nbsp;{{
                    'label.anchor.productsmix' | translate }}</h4>

                <p class="list-group-item-text">{{'label.definesrulesfortakingmul' | translate}}</p>
            </a>
            <a class="list-group-item" href="#/fixeddepositproducts" has-permission='READ_FIXEDDEPOSITPRODUCT'>
                <h4 class="list-group-item-heading">
                    <i class="icon-large icon-briefcase"></i>&nbsp;&nbsp;{{
                    'label.anchor.fixeddepositproducts' | translate }}</h4>

                <p class="list-group-item-text">{{'label.fixeddepositproduct.def' | translate}}</p>
            </a>
            <a class="list-group-item" href="#/recurringdepositproducts" has-permission='READ_RECURRINGDEPOSITPRODUCT'>
                <h4 class="list-group-item-heading"><i class="icon-large icon-briefcase"></i>&nbsp;&nbsp;{{
                    'label.anchor.recurringdepositproducts' | translate }}</h4>

                <p class="list-group-item-text">{{'label.recurringdepositproduct.def' | translate}}</p>
            </a>
            <a class="list-group-item" href="#/taxconfiguration" has-permission='READ_TAXGROUP'>
                <h4 class="list-group-item-heading"><i class="icon-cogs icon-large"></i>&nbsp;&nbsp;
                    {{'label.anchor.managetaxconfigurations' | translate}}</h4>

                <p class="list-group-item-text">{{'label.view.taxconfiguration' |
                    translate}}</p>
            </a>
            <a class="list-group-item" href="#/floatingrates" has-permission='READ_FLOATINGRATE'>
                <h4 class="list-group-item-heading"><i class="icon-money icon-large"></i>&nbsp;&nbsp;{{
                    'label.anchor.floatingrates' | translate }}</h4>

                <p class="list-group-item-text">{{'label.definefloatingrates' | translate}}</p>
            </a>
        </div>
    </div>
</div>