Layout Configure

Here is the layout and routing configure

// DefaultLayout
 <main class="main-content">
  <div class="position-relative">

    <!-- Nav Header Component Start -->
    <ng-template [ngIf]="isheader">
      <app-header></app-header>
    </ng-template>
    <!-- Nav Header Component End -->

    <!-- Breadcrumb Start -->
    <ng-template [ngIf]="isBreadcrumb">
      <app-breadcrumb [title]="breadcrumbTitle"></app-breadcrumb>
    </ng-template>
    <!-- Breadcrumb End -->

    <div>
      <router-outlet></router-outlet>
    </div>
    <!-- Back-to-top Button Start-->
    <app-back-to-top></app-back-to-top>
    <!-- Back-to-top Button End-->

    <!-- Dynamic footer Start-->
    <ng-template [ngIf]="isfooter">
      <app-footer></app-footer>
    </ng-template>

    <ng-template [ngIf]="isfooterhealth">
      <app-health-care-footer></app-health-care-footer>
    </ng-template>

    <ng-template [ngIf]="isfooterapp">
      <app-qloud-app-footer></app-qloud-app-footer>
    </ng-template>

    <ng-template [ngIf]="isfootermedia">
      <app-qloud-media-service-footer></app-qloud-media-service-footer>
    </ng-template>

    <ng-template [ngIf]="isfootersecurity">
      <app-qloud-security-footer></app-qloud-security-footer>
    </ng-template>

    <ng-template [ngIf]="isfooterweb">
      <app-web-hosting-footer></app-web-hosting-footer>
    </ng-template>
    <!-- Dynamic footer End-->
  </div>
</main>