From d540f06efc9e3746556812a3e128c85efa506174 Mon Sep 17 00:00:00 2001
From: Matt Huntington <matt.huntington@gmail.com>
Date: Tue, 20 Jun 2017 01:23:55 -0400
Subject: [PATCH] Move the appropriate HTML to each sub section component

---
 nesting.md                                      | 17 +++++++++++++++++
 router/src/app/about/about.component.html       |  4 ----
 router/src/app/career/career.component.html     |  5 ++---
 .../app/early-life/early-life.component.html    |  5 ++---
 4 files changed, 21 insertions(+), 10 deletions(-)

diff --git a/nesting.md b/nesting.md
index 8faf184..56abe5b 100644
--- a/nesting.md
+++ b/nesting.md
@@ -4,6 +4,7 @@
 
 1. Describe nested routes
 1. Create components for two sub sections
+1. Move the appropriate HTML to each sub section component
 
 ## Describe nested routes
 
@@ -19,3 +20,19 @@ Generate the two components:
 ng generate component early-life
 ng generate component career
 ```
+
+## Move the appropriate HTML to each sub section component
+
+Cut the HTML from `src/app/about/about.component.html` and paste into `src/app/early-life/early-life.component.html`:
+
+```html
+<h3>Early Life</h3>
+<p>Just a kid growing up rough on the streets.  Hustlin' code for ca$h</p>
+```
+
+and `src/app/career/career.component.html`:
+
+```html
+<h3>Career</h3>
+<p>Now I'm makin' it raaaiiiiiinnnn!!!</p>
+```
diff --git a/router/src/app/about/about.component.html b/router/src/app/about/about.component.html
index 7d9d60b..82e39ba 100644
--- a/router/src/app/about/about.component.html
+++ b/router/src/app/about/about.component.html
@@ -1,5 +1 @@
 <h2>This is the About Section of the Site</h2>
-<h3>Early Life</h3>
-<p>Just a kid growing up rough on the streets.  Hustlin' code for ca$h</p>
-<h3>Career</h3>
-<p>Now I'm makin' it raaaiiiiiinnnn!!!</p>
diff --git a/router/src/app/career/career.component.html b/router/src/app/career/career.component.html
index c8dfecb..6be3bcf 100644
--- a/router/src/app/career/career.component.html
+++ b/router/src/app/career/career.component.html
@@ -1,3 +1,2 @@
-<p>
-  career works!
-</p>
+<h3>Career</h3>
+<p>Now I'm makin' it raaaiiiiiinnnn!!!</p>
diff --git a/router/src/app/early-life/early-life.component.html b/router/src/app/early-life/early-life.component.html
index 89f2425..d7b6dff 100644
--- a/router/src/app/early-life/early-life.component.html
+++ b/router/src/app/early-life/early-life.component.html
@@ -1,3 +1,2 @@
-<p>
-  early-life works!
-</p>
+<h3>Early Life</h3>
+<p>Just a kid growing up rough on the streets.  Hustlin' code for ca$h</p>