From dabe49161201e5aed0e2ab4e0091083360c2a217 Mon Sep 17 00:00:00 2001
From: Jan Klattenhoff <jan@kjan.de>
Date: Wed, 18 Dec 2024 10:53:49 +0100
Subject: [PATCH] feat(employee-detail): add employee details layout and button

---
 .../employee-detail.component.html            | 24 ++++++++++++++++++-
 1 file changed, 23 insertions(+), 1 deletion(-)

diff --git a/src/app/components/employee-detail/employee-detail.component.html b/src/app/components/employee-detail/employee-detail.component.html
index 035758f..b55b6c7 100644
--- a/src/app/components/employee-detail/employee-detail.component.html
+++ b/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>