Add project files.

MyOffice.SPA/src/app/extra-pages/blank/blank.component.html

@@ -0,0 +1,21 @@
+<section class="content">
+	<div class="content-block">
+		<div class="block-header">
+			<!-- breadcrumb -->
+			<app-breadcrumb [title]="'Blank'" [items]="['Home','Extra']" [active_item]="'Blank'">
+			</app-breadcrumb>
+		</div>
+		<div class="row clearfix">
+			<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
+				<div class="card">
+					<div class="header">
+						<h2><strong>Blank</strong> Page</h2>
+					</div>
+					<div class="body">
+						<!-- Add content here -->
+					</div>
+				</div>
+			</div>
+		</div>
+	</div>
+</section>

MyOffice.SPA/src/app/extra-pages/blank/blank.component.spec.ts

@@ -0,0 +1,23 @@
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
+import { BlankComponent } from './blank.component';
+describe('BlankComponent',
+	() => {
+		let component: BlankComponent;
+		let fixture: ComponentFixture<BlankComponent>;
+		beforeEach(
+			waitForAsync(() => {
+				TestBed.configureTestingModule({
+					declarations: [BlankComponent],
+				}).compileComponents();
+			})
+		);
+		beforeEach(() => {
+			fixture = TestBed.createComponent(BlankComponent);
+			component = fixture.componentInstance;
+			fixture.detectChanges();
+		});
+		it('should create',
+			() => {
+				expect(component).toBeTruthy();
+			});
+	});

MyOffice.SPA/src/app/extra-pages/blank/blank.component.ts

@@ -0,0 +1,12 @@
+import { Component } from '@angular/core';
+
+@Component({
+	selector: 'app-blank',
+	templateUrl: './blank.component.html',
+	styleUrls: ['./blank.component.scss'],
+})
+export class BlankComponent {
+	constructor() {
+		// constructor
+	}
+}

MyOffice.SPA/src/app/extra-pages/extra-pages-routing.module.ts

@@ -0,0 +1,16 @@
+import { NgModule } from '@angular/core';
+import { Routes, RouterModule } from '@angular/router';
+import { BlankComponent } from './blank/blank.component';
+const routes: Routes = [
+	{
+		path: 'blank',
+		component: BlankComponent,
+	},
+];
+
+@NgModule({
+	imports: [RouterModule.forChild(routes)],
+	exports: [RouterModule],
+})
+export class ExtraPagesRoutingModule {
+}

MyOffice.SPA/src/app/extra-pages/extra-pages.module.ts

@@ -0,0 +1,33 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { ExtraPagesRoutingModule } from './extra-pages-routing.module';
+import { BlankComponent } from './blank/blank.component';
+import { MatExpansionModule } from '@angular/material/expansion';
+import { FormsModule, ReactiveFormsModule } from '@angular/forms';
+import { MatFormFieldModule } from '@angular/material/form-field';
+import { MatButtonModule } from '@angular/material/button';
+import { MatIconModule } from '@angular/material/icon';
+import { MatInputModule } from '@angular/material/input';
+import { MatCheckboxModule } from '@angular/material/checkbox';
+import { MatTabsModule } from '@angular/material/tabs';
+import { ComponentsModule } from '../shared/components/components.module';
+
+@NgModule({
+	declarations: [BlankComponent],
+	imports: [
+		CommonModule,
+		ExtraPagesRoutingModule,
+		FormsModule,
+		ReactiveFormsModule,
+		MatExpansionModule,
+		MatFormFieldModule,
+		MatInputModule,
+		MatIconModule,
+		MatButtonModule,
+		MatCheckboxModule,
+		MatTabsModule,
+		ComponentsModule,
+	],
+})
+export class ExtraPagesModule {
+}