add basic nav bar and very basic design

src/app/navbar/navbar.component.css

@@ -7,5 +7,6 @@ nav {
 
 .navbar {
   width: 200px;
-  background-color: #ff0080;
+  background-color: #ffffff;
+  padding: 20px;
 }

src/app/navbar/navbar.component.html

@@ -1,2 +1,13 @@
 <nav class="navbar">
+  <ul class="nav-list">
+    @for (item of navItems; track item.path) {
+      <li>
+        <div class="flex justify-center">
+          <a href="{{item.path}}" class="text-xl font-bold">
+            {{ item.label }}
+          </a>
+        </div>
+      </li>
+    }
+  </ul>
 </nav>

src/app/navbar/navbar.component.ts

@@ -7,5 +7,8 @@ import { Component } from '@angular/core';
   styleUrl: './navbar.component.css'
 })
 export class NavbarComponent {
-
+  navItems:{label:string, path:string}[] = [
+    {label: 'Schedule', path: '/schedule'},
+    {label: 'beispiel', path: ''}, /* mal gucken wie man das elegant dynamisch machen kann*/
+  ]
 }