diff options
Diffstat (limited to 'src/app/app.component.html')
-rw-r--r-- | src/app/app.component.html | 59 |
1 files changed, 37 insertions, 22 deletions
diff --git a/src/app/app.component.html b/src/app/app.component.html index 566c30f..70136f0 100644 --- a/src/app/app.component.html +++ b/src/app/app.component.html | |||
@@ -1,24 +1,39 @@ | |||
1 | <!--The content below is only a placeholder and can be replaced.--> | 1 | <!--The content below is only a placeholder and can be replaced.--> |
2 | <div style="text-align:center"> | 2 | <header class="u-bgcolor-purple u-color-white u-p-x3"> |
3 | <h1> | 3 | <div class="o-container o-container--size-small"> |
4 | {{ title }} | 4 | <div class="o-media o-media--middle"> |
5 | </h1> | 5 | <div class="o-media__fixed"> |
6 | <app-rest-apis></app-rest-apis> | 6 | <img src="svg/logo.svg"> GNUnet API |
7 | </div> | ||
8 | <div class="o-media__fluid u-text-right"> | ||
9 | <nav> | ||
10 | <ul class="o-list o-list--inline o-list--gutter-x4"> | ||
11 | <li class="o-list__item"> | ||
12 | <a routerLink="/" class="c-link">Item</a> | ||
13 | </li> | ||
14 | <li class="o-list__item"> | ||
15 | <a routerLink="apis" class="c-link">Item1</a> | ||
16 | </li> | ||
17 | </ul> | ||
18 | </nav> | ||
19 | </div> | ||
20 | </div> | ||
21 | </div> | ||
22 | </header> | ||
23 | |||
24 | <main class="u-pv-x5"> | ||
7 | <router-outlet></router-outlet> | 25 | <router-outlet></router-outlet> |
8 | </div> | 26 | </main> |
9 | <div class="o-container u-bgcolor-grey-light"> | 27 | |
10 | <div class="o-grid o-grid--gutter-x4"> | 28 | <footer class="u-bgcolor-purple u-color-white u-p-x3"> |
11 | <div class="o-grid__col u-1/2@sm u-bgcolor-white"> | 29 | <div class="o-container o-container--size-small"> |
12 | Test | 30 | <div class="o-media o-media--middle"> |
13 | </div> | 31 | <div class="o-media__fixed"> |
14 | <div class="o-grid__col u-1/2@sm u-bgcolor-white"> | 32 | <a class="c-link">Impressum</a> |
15 | Test | 33 | </div> |
16 | </div> | 34 | <div class="o-media__fluid u-text-right"> |
17 | </div> | 35 | Copyright things |
18 | <h2 class="">Here are some links to help you start: </h2> | 36 | </div> |
19 | <ul class="o-list"> | 37 | </div> |
20 | <li class="o-list__item"><a target="_blank" rel="noopener" href="https://angular.io/tutorial">Tour of Heroes</a></li> | 38 | </div> |
21 | <li class="o-list__item"><a target="_blank" rel="noopener" href="https://github.com/angular/angular-cli/wiki">CLI Documentation</a></li> | 39 | </footer> |
22 | <li class="o-list__item"><a target="_blank" rel="noopener" href="https://blog.angular.io/">Angular blog</a></li> | ||
23 | </ul> | ||
24 | </div> | ||