Move the appropriate HTML to each sub section component

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>
+```

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>

router/src/app/career/career.component.html

@@ -1,3 +1,2 @@
-<p>
+<h3>Career</h3>
-  career works!
+<p>Now I'm makin' it raaaiiiiiinnnn!!!</p>
-</p>

router/src/app/early-life/early-life.component.html

@@ -1,3 +1,2 @@
-<p>
+<h3>Early Life</h3>
-  early-life works!
+<p>Just a kid growing up rough on the streets.  Hustlin' code for ca$h</p>
-</p>