Commit 40925785f21d1a67ed1475b5d2bdcd37c42647ca
1 parent
ec1220563d
Exists in
master
and in
1 other branch
Agregados estilos y home page.
Showing
2 changed files
with
18 additions
and
21 deletions
Show diff stats
src/app/app.component.html
| 1 | <!--The content below is only a placeholder and can be replaced.--> | 1 | <div class="container-fluid h-100"> |
| 2 | <div style="text-align:center"> | 2 | <div class="row h-100"> |
| 3 | <h1> | 3 | <div class="col p-0"> |
| 4 | Welcome to {{ title }}! | 4 | <app-home class="w-100 h-100 d-flex align-items-start flex-column"></app-home> |
| 5 | </h1> | 5 | </div> |
| 6 | <img width="300" alt="Angular Logo" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNTAgMjUwIj4KICAgIDxwYXRoIGZpbGw9IiNERDAwMzEiIGQ9Ik0xMjUgMzBMMzEuOSA2My4ybDE0LjIgMTIzLjFMMTI1IDIzMGw3OC45LTQzLjcgMTQuMi0xMjMuMXoiIC8+CiAgICA8cGF0aCBmaWxsPSIjQzMwMDJGIiBkPSJNMTI1IDMwdjIyLjItLjFWMjMwbDc4LjktNDMuNyAxNC4yLTEyMy4xTDEyNSAzMHoiIC8+CiAgICA8cGF0aCAgZmlsbD0iI0ZGRkZGRiIgZD0iTTEyNSA1Mi4xTDY2LjggMTgyLjZoMjEuN2wxMS43LTI5LjJoNDkuNGwxMS43IDI5LjJIMTgzTDEyNSA1Mi4xem0xNyA4My4zaC0zNGwxNy00MC45IDE3IDQwLjl6IiAvPgogIDwvc3ZnPg=="> | 6 | </div> |
| 7 | </div> | 7 | </div> |
| 8 | <h2>Here are some links to help you start: </h2> | 8 | <router-outlet></router-outlet> |
| 9 | <ul> | ||
| 10 | <li> | ||
| 11 | <h2><a target="_blank" rel="noopener" href="https://angular.io/tutorial">Tour of Heroes</a></h2> | ||
| 12 | </li> | ||
| 13 | <li> | ||
| 14 | <h2><a target="_blank" rel="noopener" href="https://angular.io/cli">CLI Documentation</a></h2> | ||
| 15 | </li> | ||
| 16 | <li> | ||
| 17 | <h2><a target="_blank" rel="noopener" href="https://blog.angular.io/">Angular blog</a></h2> | ||
| 18 | </li> | ||
| 19 | </ul> | ||
| 20 | |||
| 21 | <router-outlet></router-outlet> | ||
| 22 |
src/styles.scss
| 1 | /* You can add global styles to this file, and also import other style files */ | 1 | html, |
| 2 | body { | ||
| 3 | height: 100% !important; | ||
| 4 | width: 100% !important; | ||
| 5 | } | ||
| 6 | |||
| 7 | .blur { | ||
| 8 | /* Add the blur effect */ | ||
| 9 | filter: blur(8px); | ||
| 10 | -webkit-filter: blur(8px); | ||
| 11 | } | ||
| 2 | 12 |