src/app/components/employee-detail/employee-detail.component.html

@@ -1,4 +1,26 @@
 <div class="d-flex flex-col" style="height: 100%;">
   <app-navigation-bar></app-navigation-bar>
-    test
+  <div class="p-3" style="width: 100%;">
+    <a href="" class="btn btn-primary">Zurück</a>
+    <div class="row align-items-start pt-3">
+      <div class="col">
+        <h1>Name des Mitarbeiters</h1>
+        <p><strong>Straße: </strong>Straße des Benutzers</p>
+        <p><strong>Postleitzahl: </strong>Postleitzahl des Benutzers</p>
+        <p><strong>Stadt: </strong>Stadt des Benutzers</p>
+        <p><strong>Telefonnummer: </strong>Telefonnummer des Benutzers</p>
+      </div>
+      <div class="col">
+        <h2>Qualifikationen</h2>
+        <ul class="list-group" style="width: fit-content;">
+          <li class="list-group-item">Qualifikation 1</li>
+          <li class="list-group-item">Qualifikation 2</li>
+          <li class="list-group-item">Qualifikation 3</li>
+          <li class="list-group-item">Qualifikation 4</li>
+          <li class="list-group-item">Qualifikation 5</li>
+        </ul>
+      </div>
+    </div>
+
+  </div>
 </div>