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

<ngx-status-cards>
</ngx-status-cards>

<div class="row">
  <div class="col-lg-3">
    <ngx-temperature></ngx-temperature>
  </div>

  <div class="col-lg-9">
    <ngx-electricity></ngx-electricity>
  </div>
</div>

<div class="row">
  <div class="col-lg-9">
    <ngx-rooms></ngx-rooms>
  </div>

  <div class="col-lg-3">
    <ngx-contacts></ngx-contacts>
  </div>
</div>

<div class="row">
  <div class="col-lg-3">
    <nga-card size="small">
      <nga-card-header>Solar Energy Consumption</nga-card-header>
      <nga-card-body></nga-card-body>
    </nga-card>

    <ngx-team></ngx-team>
  </div>

  <div class="col-lg-3">
    <nga-card size="small">
      <nga-card-header>Traffic Consumption</nga-card-header>
      <nga-card-body></nga-card-body>
    </nga-card>

    <nga-card size="medium">
      <nga-card-header>Calendar</nga-card-header>
      <nga-card-body></nga-card-body>
    </nga-card>
  </div>

  <div class="col-lg-6">
    <ngx-security-cameras></ngx-security-cameras>
  </div>
</div>