ngx-admin/src/app/pages/dashboard/dashboard.component.html

<div class="row" *ngIf="showCallAction">
  <div class="col-12 col-md-6">
    <ngx-call-action-card title="Hire us to customize ngx-admin"
                          type="pantone"
                          link="https://www.akveo.com/contacts?utm_source=ngx_admin_demo&utm_medium=ramp_up_contact_card"
                          linkTitle="Contact us">
    </ngx-call-action-card>
  </div>
  <div class="col-12 col-md-6">
    <ngx-call-action-card title="Documentation and customization articles"
                          type="briefcase"
                          link="https://akveo.github.io/ngx-admin?utm_source=ngx_admin_demo&utm_medium=ramp_up_contact_card"
                          linkTitle="Learn more">
    </ngx-call-action-card>
  </div>
</div>
<div class="row">
  <div class="col-xxxl-3 col-md-6" *ngFor="let statusCard of statusCards">
    <ngx-status-card [title]="statusCard.title" [type]="statusCard.type">
      <i [ngClass]="statusCard.iconClass"></i>
    </ngx-status-card>
  </div>
</div>

<div class="row">
  <div class="col-xxxl-3 col-xxl-4 col-lg-5 col-md-6">
    <ngx-temperature></ngx-temperature>
  </div>

  <div class="col-xxxl-9 col-xxl-8 col-lg-7 col-md-6">
    <ngx-electricity></ngx-electricity>
  </div>
</div>

<div class="row">
  <div class="col-xxxl-9 col-xl-12">
    <ngx-rooms></ngx-rooms>
  </div>

  <div class="col-xxxl-3 col-xxl-4 col-lg-7 col-md-6">
    <ngx-contacts></ngx-contacts>
  </div>

  <div class="col-xxxl-3 col-xxl-4 col-lg-5 col-md-6">
    <ngx-solar [chartValue]="solarValue"></ngx-solar>

    <ngx-kitten></ngx-kitten>
  </div>

  <div class="col-xxxl-3 col-xxl-4 col-md-5">
    <ngx-traffic></ngx-traffic>
    <ngx-weather></ngx-weather>
  </div>

  <div class="col-xxxl-6 col-xxl-12 col-md-7">
    <ngx-security-cameras></ngx-security-cameras>
  </div>
</div>