initial commit

projects/mastolists/src/app/app.component.html

@@ -0,0 +1,42 @@
+<ng-progress [spinner]="false" [debounceTime]="300" [min]="20" [color]="'#83ebd6'" [thick]="true"></ng-progress>
+<nb-layout center>
+    <nb-layout-header subheader>
+        <div class="navbar-container">
+            <div id="logo" style="padding-right: 20px;">
+                <a [routerLink]="['/']">
+                    <img height="40px" src="assets/images/novaloop.png" alt="Novaloop favicon">
+                </a>
+            </div>
+            <div><h2>Mastolists</h2></div>
+            <!--add class button-responsive to the button-->
+            <button nbButton ghost class="button-responsive" [nbContextMenu]="navigationItems">
+                <nb-icon icon="menu-outline"></nb-icon>
+            </button>
+            <!--add class menu-responsive to nb-actions-->
+            <nb-actions class="left menu-responsive">
+                <nb-action *ngFor="let item of navigationItems"
+                           [routerLink]="item.link"
+                           [title]="item.title">
+                    {{ item.title }}
+                </nb-action>
+            </nb-actions>
+        </div>
+    </nb-layout-header>
+
+    <nb-layout-column>
+        <router-outlet></router-outlet>
+    </nb-layout-column>
+
+    <nb-layout-footer>
+        <div style="width: 50%">
+            Novaloop AG<br/>
+            Niederdorfstrasse 88<br/>
+            8001 Zürich<br/>
+        </div>
+        <div style="width: 50%; text-align: right;">
+            <a href="tel:+41 44 500 54 60">+41 44 500 54 60</a><br/>
+            <a href="https://www.novaloop.ch">www.novaloop.ch</a><br/>
+            <a href="mailto:mail@novaloop.ch">mail@novaloop.ch</a><br/>
+        </div>
+    </nb-layout-footer>
+</nb-layout>