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>