add in model for team-member, add in styling for homepage.

src/app/app.component.css

@@ -0,0 +1,21 @@
+.center-text {
+  text-align: center;
+}
+
+.headline {
+  font-size: 75px;
+  color: white;
+}
+
+.bg-img {
+  background-image: url(/assets/img/bg-img2.jpg);
+  background-position: center;
+  background-size: cover;
+  background-repeat: no-repeat;
+  z-index: -1;
+  position: fixed;
+  top: 0;
+  left: 0;
+  height: 100%;
+  width: 100%;
+}

src/app/app.component.html

@@ -1,13 +1,13 @@
 <nav class="navbar">
-  <div class="navbar-nav navbar-right">
-      <p class="nav-item" routerLink="">link</p>
-      <p class="nav-item" routerLink="">link</p>
-  </div>
+  <nav class="navbar navbar-inverse bg-primary">
+      <p class="navbar-brand" routerLink="">Home</p>
+      <a class="navbar-brand" routerLink="team-members">Team Members</a>
+    </nav>
 </nav>
 
-<div class="jumbotron">
-  <h1>{{title}}</h1>
-</div>
+
+<h1 class="center-text headline">Terminal Velocity</h1>
+
 
 <div class="container">
   <router-outlet></router-outlet>

src/app/app.module.ts

@@ -9,6 +9,7 @@ import { AngularFireDatabaseModule } from 'angularfire2/database';
 import { routing } from './app.routing';
 import { AppComponent } from './app.component';
 import { WelcomeComponent } from './welcome/welcome.component';
+import { TeamMembersComponent } from './team-members/team-members.component';
 
 export const firebaseConfig = {
   apiKey: masterFirebaseConfig.apiKey,
@@ -21,7 +22,8 @@ export const firebaseConfig = {
 @NgModule({
   declarations: [
     AppComponent,
-    WelcomeComponent
+    WelcomeComponent,
+    TeamMembersComponent
   ],
   imports: [
     BrowserModule,

src/app/app.routing.ts

@@ -1,11 +1,16 @@
 import { ModuleWithProviders }  from '@angular/core';
 import { Routes, RouterModule } from '@angular/router';
 import { WelcomeComponent } from './welcome/welcome.component';
+import { TeamMembersComponent } from './team-members/team-members.component';
 
 const appRoutes: Routes = [
   {
     path: '',
     component: WelcomeComponent
+  },
+  {
+    path: 'team-members',
+    component: TeamMembersComponent
   }
 
 ];

src/app/team-members/team-members.component.html

@@ -0,0 +1,3 @@
+<p>
+  team-members works!
+</p>

src/app/team-members/team-members.component.spec.ts

@@ -0,0 +1,25 @@
+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { TeamMembersComponent } from './team-members.component';
+
+describe('TeamMembersComponent', () => {
+  let component: TeamMembersComponent;
+  let fixture: ComponentFixture<TeamMembersComponent>;
+
+  beforeEach(async(() => {
+    TestBed.configureTestingModule({
+      declarations: [ TeamMembersComponent ]
+    })
+    .compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(TeamMembersComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should be created', () => {
+    expect(component).toBeTruthy();
+  });
+});

src/app/team-members/team-members.component.ts

@@ -0,0 +1,15 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'app-team-members',
+  templateUrl: './team-members.component.html',
+  styleUrls: ['./team-members.component.css']
+})
+export class TeamMembersComponent implements OnInit {
+
+  constructor() { }
+
+  ngOnInit() {
+  }
+
+}

src/app/welcome/welcome.component.css

@@ -0,0 +1,12 @@
+.bg-img {
+  background-image: url(/assets/img/bg-img2.jpg);
+  background-position: center;
+  background-size: cover;
+  background-repeat: no-repeat;
+  z-index: -1;
+  position: fixed;
+  top: 0;
+  left: 0;
+  height: 100%;
+  width: 100%;
+}

src/app/welcome/welcome.component.html

@@ -1,3 +1,6 @@
+
+<div class="bg-img"></div>
+
 <p>
   welcome works!
 </p>