mahuntington
/
angular-notes
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Edit the HTML for the About, Links, and Resume components

Browse Source
master
Matt Huntington 9 years ago
parent de9edab0e1
commit e0b3aad660
4 changed files with 100 additions and 9 deletions
Show Stats Download Patch File Download Diff File

8
router/src/app/about/about.component.html
Unescape View File

@ -1,3 +1,5 @@
<p> <h2>This is the About Section of the Site</h2>
about works! <h3>Early Life</h3>
</p> <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>

18
router/src/app/links/links.component.html
Unescape View File

@ -1,3 +1,15 @@
<p> <h2>This is the Links Section of the Site</h2>
links works! <ul>
</p> <li>
<a href="https://angular.io/">Angular Home Page</a>
</li>
<li>
<a href="https://www.google.com/">Google</a>
</li>
<li>
<a href="https://www.npmjs.com/">NPM</a>
</li>
<li>
<a href="https://nodejs.org/en/">Node</a>
</li>
</ul>

24
router/src/app/resume/resume.component.html
Unescape View File

@ -1,3 +1,21 @@
<p> <h2>Resume</h2>
resume works! <ul>
</p> <li>
<dl>
<dt>2010-2011, 2013-Present</dt>
<dd>Crushed It</dd>
</dl>
</li>
<li>
<dl>
<dt>2008-2010</dt>
<dd>Chief Code Jockey at jockey.com</dd>
</dl>
</li>
<li>
<dl>
<dt>2008-2010</dt>
<dd>Software Engineer at Initech</dd>
</dl>
</li>
</ul>

59
routing.md
Unescape View File

@ -5,6 +5,7 @@
1. Create a new angular app 1. Create a new angular app
1. Clean up app HTML 1. Clean up app HTML
1. Create About, Links, and Resume components 1. Create About, Links, and Resume components
1. Edit the HTML for the About, Links, and Resume components
## Create a new angular app ## Create a new angular app
@ -40,3 +41,61 @@ ng generate component about
ng generate component links ng generate component links
ng generate component resume ng generate component resume
``` ```
## Edit the HTML for the About, Links, and Resume components
Edit `src/app/about/about.component.html`:
```html
<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>
```
Edit `src/app/links/links.component.html`:
```html
<h2>This is the Links Section of the Site</h2>
<ul>
<li>
<a href="https://angular.io/">Angular Home Page</a>
</li>
<li>
<a href="https://www.google.com/">Google</a>
</li>
<li>
<a href="https://www.npmjs.com/">NPM</a>
</li>
<li>
<a href="https://nodejs.org/en/">Node</a>
</li>
</ul>
```
Edit `src/app/resume/resume.component.html`:
```html
<h2>Resume</h2>
<ul>
<li>
<dl>
<dt>2010-2011, 2013-Present</dt>
<dd>Crushed It</dd>
</dl>
</li>
<li>
<dl>
<dt>2008-2010</dt>
<dd>Chief Code Jockey at jockey.com</dd>
</dl>
</li>
<li>
<dl>
<dt>2008-2010</dt>
<dd>Software Engineer at Initech</dd>
</dl>
</li>
</ul>
```

Write Preview
Loading…
Cancel
Save