diff --git a/src/app/_services/nasdaq-search.service.ts b/src/app/_services/nasdaq-search.service.ts
index 795cf00..108edb8 100644
--- a/src/app/_services/nasdaq-search.service.ts
+++ b/src/app/_services/nasdaq-search.service.ts
@@ -3,7 +3,6 @@ import { HttpClient, HttpHeaders } from '@angular/common/http';
 import 'rxjs/add/operator/map'
 
 /*
-
 Works much on the same principle as the login service the only difference is we are searching for anything that starts with
 the provided string.
 */
diff --git a/src/app/_services/stock.service.ts b/src/app/_services/stock.service.ts
index f17353f..fedbd4a 100644
--- a/src/app/_services/stock.service.ts
+++ b/src/app/_services/stock.service.ts
@@ -35,10 +35,8 @@ export class StockService {
 		}
 
 		/*
-
 		As we are accessing resources from a 3rd party it is best to use padding with the request
 		...that and it's required by the API
-		
 		*/
 		const url = this.baseUrl + "market/batch?symbols=" + symbolsComma + "&types=logo&callback=JSONP_CALLBACK";
 		return this.jsonp.request(url)
diff --git a/src/app/about/about.component.css b/src/app/about/about.component.css
new file mode 100644
index 0000000..e69de29
diff --git a/src/app/about/about.component.html b/src/app/about/about.component.html
new file mode 100644
index 0000000..a9f4663
--- /dev/null
+++ b/src/app/about/about.component.html
@@ -0,0 +1,32 @@
+<div class="lrContainer">
+  <mat-card class="lrCard">
+
+    <mat-card-header>
+      <mat-card-title>
+        <h2>About</h2>
+      </mat-card-title>
+    </mat-card-header>
+
+    <div id="aboutContent">
+      <b>Example of skill for Waters Corporation</b>
+      <p>Eric Hodge & Team</p>
+      <mat-divider></mat-divider>
+      <br />
+      <p>
+        I am a fun loving, open minded, husband, father, Maker, autocrossing Web Developer that doesn't believe in the limitations of one's hand.
+        <br />
+        <br />
+        My realistic dream is to write applications that can help people in their day-to-day lives. If I can remove stress from one person in my lifetime 
+        by writing a few<sub>hundred</sub> lines of code it'll all be worth it. ...as for unrealistic... I want to dance on the moon to Frank Sinatra's Fly Me To The Moon!
+        <br />
+        <br />
+        It's hard to say who I am in a little about me page or what I'm like but over time and a few beers I'm sure you'll figure me out.
+        <br />
+        <br />
+        Also... I love the web because it's the only platform that is truly accepted by everyone, regardless of operating system, country, or government, the web is what ties us all together.
+        
+      </p>
+    </div>
+
+  </mat-card>
+</div>
\ No newline at end of file
diff --git a/src/app/about/about.component.spec.ts b/src/app/about/about.component.spec.ts
new file mode 100644
index 0000000..6b77344
--- /dev/null
+++ b/src/app/about/about.component.spec.ts
@@ -0,0 +1,25 @@
+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { AboutComponent } from './about.component';
+
+describe('AboutComponent', () => {
+  let component: AboutComponent;
+  let fixture: ComponentFixture<AboutComponent>;
+
+  beforeEach(async(() => {
+    TestBed.configureTestingModule({
+      declarations: [ AboutComponent ]
+    })
+    .compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(AboutComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/src/app/about/about.component.ts b/src/app/about/about.component.ts
new file mode 100644
index 0000000..d8a4231
--- /dev/null
+++ b/src/app/about/about.component.ts
@@ -0,0 +1,15 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'app-about',
+  templateUrl: './about.component.html',
+  styleUrls: ['./about.component.css']
+})
+export class AboutComponent implements OnInit {
+
+  constructor() { }
+
+  ngOnInit() {
+  }
+
+}
diff --git a/src/app/app-routing.module.ts b/src/app/app-routing.module.ts
index cac8da0..e975e90 100644
--- a/src/app/app-routing.module.ts
+++ b/src/app/app-routing.module.ts
@@ -3,6 +3,7 @@ import { RouterModule, Routes } from '@angular/router';
 
 import { LoginComponent } from './login/login.component';
 import { HomeComponent } from './home/home.component';
+import { AboutComponent } from './about/about.component';
 import { UserAdminComponent } from './user-admin/user-admin.component';
 import { AuthGuard } from './_guards/auth.guard';
 
@@ -12,7 +13,9 @@ const routes: Routes = [
 	/* component paths */
 	{ path: 'login', component: LoginComponent },
 	{ path: 'home', component: HomeComponent, canActivate: [AuthGuard] },
+	{ path: 'about', component: AboutComponent, canActivate: [AuthGuard] },
 	{ path: 'user-admin', component: UserAdminComponent, canActivate: [AuthGuard] }
+
 ];
 
 
diff --git a/src/app/app.module.ts b/src/app/app.module.ts
index d1e2208..dfe8926 100644
--- a/src/app/app.module.ts
+++ b/src/app/app.module.ts
@@ -31,6 +31,7 @@ import { MatListModule } from '@angular/material/list';
 import { WatcherViewComponent } from './watcher-view/watcher-view.component';
 import { MatMenuModule } from '@angular/material/menu';
 import { MatSnackBarModule } from '@angular/material/snack-bar';
+import { AboutComponent } from './about/about.component';
 
 
 @NgModule({
@@ -42,6 +43,7 @@ import { MatSnackBarModule } from '@angular/material/snack-bar';
     SearchViewComponent,
     StockViewComponent,
     WatcherViewComponent,
+    AboutComponent,
   ],
   imports: [
     BrowserModule,