Documentation
Angular file structure

We are use SASS for compile scss files

You can check our main layout code structure for new page design


  <div class="dashboard-main-body">
  <app-breadcrumb [title]="'AI'" [main-title]="'Dashboard'">  </app-breadcrumb>

  <div class="row row-cols-xxxl-5 row-cols-lg-3 row-cols-sm-2 row-cols-1 gy-4">
    <div class="col">
    .....   .....   .....   .....   .....
    </div>
    <div class="col">
    .....   .....   .....   .....   .....
    </div>
    <div class="col">
    .....   .....   .....   .....   .....
    </div>
    <div class="col">
    .....   .....   .....   .....   .....
    </div>
    <div class="col">
    .....   .....   .....   .....   .....
    </div>
  </div>

  <div class="row gy-4 mt-1">
    <div class="col-xxl-6 col-xl-12">
    .....   .....   .....   .....   .....
    </div>
    <div class="col-xxl-3 col-xl-6">
    .....   .....   .....   .....   .....
    </div>
    <div class="col-xxl-3 col-xl-6">
    .....   .....   .....   .....   .....
    </div>
    <div class="col-xxl-9 col-xl-12">
    .....   .....   .....   .....   .....
    </div>
    <div class="col-xxl-3 col-xl-12">
    .....   .....   .....   .....   .....
    </div>
    <div class="col-xxl-6 col-xl-12">
    .....   .....   .....   .....   .....
    </div>
  </div>

</div>