SFM-Broker/src/app/dashboard/dashboard.component.html

<div class="container outer">
  <div class="container inner">
    <bkp-divider-shadow-bottom></bkp-divider-shadow-bottom>
    <bkp-divider>
      <kendo-icon [name]="'ascx'" >  </kendo-icon> &nbsp; Loan overview
    </bkp-divider>

    <div class="row">
      <div class="col-sm-6">
        <app-chart-type-of-loans></app-chart-type-of-loans>
      </div>
      <div class="col-sm-6">
        <app-chart-amount-of-loans></app-chart-amount-of-loans>
      </div>
    </div>

    <bkp-divider-shadow-bottom></bkp-divider-shadow-bottom>
    <bkp-divider>
      <kendo-icon [name]="'ascx'" >  </kendo-icon> &nbsp; Past 12 Month Performance
    </bkp-divider>

    <div class="row">
      <div class="col-sm-12">
        <app-chart-past-year-monthly-performance></app-chart-past-year-monthly-performance>
      </div>
    </div>
    <bkp-divider-shadow-bottom></bkp-divider-shadow-bottom>
    <bkp-divider><kendo-icon [name]="'clip'"> </kendo-icon> &nbsp; Recent
    Settlement </bkp-divider>

    <div class="row">
      <div class="col-sm-12">
        <app-chart-recent-ten-loans></app-chart-recent-ten-loans>
      </div>
    </div>

    <bkp-divider-shadow-bottom></bkp-divider-shadow-bottom>
    <bkp-divider><kendo-icon [name]="'sum'"> </kendo-icon> &nbsp; Top Brokers</bkp-divider>

    <div class="row">
      <div class="col-sm-12">
        <app-chart-top-brokers></app-chart-top-brokers>
      </div>
    </div>

    <bkp-divider-shadow-bottom></bkp-divider-shadow-bottom>
  </div>
</div>