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 |