1 files changed, 20 insertions, 4 deletions

diff --git a/src/app/app.component.html b/src/app/app.component.html
index c13abbe..7f098f2 100644
--- a/src/app/app.component.html
+++ b/src/app/app.component.html
@@ -1,5 +1,5 @@
 <!--The content below is only a placeholder and can be replaced.-->
-<header class="u-bgcolor-purple u-color-white u-p-x3">
+<header class="c-header u-p-x2">
  <div class="o-container o-container--size-small">
    <div class="o-media o-media--middle">
      <div class="o-media__fixed">
@@ -14,6 +14,15 @@
            <li class="o-list__item">
              <a routerLink="identity" class="c-link">Identity</a>
            </li>
+           <li class="o-list__item">
+             <a routerLink="gns" class="c-link">GNS</a>
+           </li>
+           <li class="o-list__item">
+             <a routerLink="namestore" class="c-link">Namestore</a>
+           </li>
+           <li class="o-list__item">
+             <a routerLink="peerstore" class="c-link">Peerstore</a>
+           </li>
          </ul>
        </nav>
      </div>
@@ -21,16 +30,23 @@
  </div>
 </header>
 
-<main class="u-pv-x3 o-container">
+<main class="u-mv-x2 o-container">
   <error-message></error-message>
   <router-outlet></router-outlet>
 </main>
 
-<footer class="u-bgcolor-purple u-color-white u-p-x3">
+<footer class="c-footer u-p-x2">
  <div class="o-container o-container--size-small">
    <div class="o-media o-media--middle">
      <div class="o-media__fixed">
-       <a class="c-link">Impressum</a>
+       <ul class="o-list o-list--inline o-list--gutter-x4">
+         <li class="o-list__item">
+           <a routerLink="/" class="c-link">Impressum</a>
+         </li>
+         <li class="o-list__item">
+           <a routerLink="/" class="c-link">Documentation</a>
+         </li>
+       </ul>
      </div>
      <div class="o-media__fluid u-text-right">
        Copyright things