(F) Add layout comps

Clinics.Frontend/src/app/app.module.ts

@@ -7,6 +7,9 @@ import { AppRoutingModule } from './app-routing.module';
 import { AppComponent } from './components/root/app.component';
 import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
 import { ToastrModule } from 'ngx-toastr';
+import { LayoutComponent } from './components/template/layout/layout.component';
+import { HeaderComponent } from './components/template/header/header.component';
+import { FooterComponent } from './components/template/footer/footer.component';
 
 @NgModule({
   imports: [
@@ -26,7 +29,10 @@ import { ToastrModule } from 'ngx-toastr';
   // the subset of declarations that should be visible and usable in
   // the component templates of other modules
   declarations: [
-    AppComponent
+    AppComponent,
+    LayoutComponent,
+    HeaderComponent,
+    FooterComponent
   ],
   
   // identifies the root component that Angular should

Clinics.Frontend/src/app/components/root/app.component.html

+<app-layout></app-layout>
\ No newline at end of file

Clinics.Frontend/src/app/components/template/footer/footer.component.ts

+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'app-footer',
+  templateUrl: './footer.component.html',
+  styleUrl: './footer.component.css'
+})
+export class FooterComponent {
+
+}

Clinics.Frontend/src/app/components/template/header/header.component.ts

+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'app-header',
+  templateUrl: './header.component.html',
+  styleUrl: './header.component.css'
+})
+export class HeaderComponent {
+
+}

Clinics.Frontend/src/app/components/template/layout/layout.component.ts

+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'app-layout',
+  templateUrl: './layout.component.html',
+  styleUrl: './layout.component.css'
+})
+export class LayoutComponent {
+
+}