From 877cbfb2d75c5fa029e21fe2fb62f522f83e5d64 Mon Sep 17 00:00:00 2001
From: Traboulsi <salam.traboulsi@hft-stuttgart.de>
Date: Wed, 24 Jul 2024 17:04:12 +0000
Subject: [PATCH] Update public/learning-analytics.html,
 public/personalisiertes-lernen.html, public/ki-ethik.html,
 public/generative-ki-schreibseminar.html, public/adaptives-testen.html,
 public/study-dean-cockpit.html

---
 public/adaptives-testen.html             | 65 +++++++++++++++++-----
 public/generative-ki-schreibseminar.html | 69 ++++++++++++++++++-----
 public/ki-ethik.html                     | 68 ++++++++++++++++++-----
 public/learning-analytics.html           | 65 +++++++++++++++++-----
 public/personalisiertes-lernen.html      | 71 +++++++++++++++++++-----
 public/study-dean-cockpit.html           | 70 ++++++++++++++++++-----
 6 files changed, 321 insertions(+), 87 deletions(-)

diff --git a/public/adaptives-testen.html b/public/adaptives-testen.html
index 2982e6f..b59b8ee 100644
--- a/public/adaptives-testen.html
+++ b/public/adaptives-testen.html
@@ -1,25 +1,60 @@
 <!DOCTYPE html>
-<html lang="de">
+<html lang="en">
 <head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Adaptives Testen - KNIGHT Projekt</title>
-    <link rel="stylesheet" href="styles.css">
+  <meta charset="utf-8">
+  <meta content="width=device-width, initial-scale=1.0" name="viewport">
+  <title>KI Kompetenzen - KNIGHT</title>
+  <meta content="" name="description">
+  <meta content="" name="keywords">
+  <link href="https://www.hft-stuttgart.de/typo3conf/ext/hft_sitepackage/Resources/Public/img/HFT_logo.svg" rel="icon">
+  <link href="https://www.hft-stuttgart.de/typo3conf/ext/hft_sitepackage/Resources/Public/img/HFT_logo.svg" rel="apple-touch-icon">
+  <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i|Nunito:300,300i,400,400i,600,600i,700,700i|Poppins:300,300i,400,400i,500,500i,600,600i,700,700i" rel="stylesheet">
+  <link href="assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
+  <link href="assets/vendor/bootstrap-icons/bootstrap-icons.css" rel="stylesheet">
+  <link href="assets/vendor/aos/aos.css" rel="stylesheet">
+  <link href="assets/vendor/remixicon/remixicon.css" rel="stylesheet">
+  <link href="assets/vendor/swiper/swiper-bundle.min.css" rel="stylesheet">
+  <link href="assets/vendor/glightbox/css/glightbox.min.css" rel="stylesheet">
+  <link href="assets/css/main.css" rel="stylesheet">
 </head>
 <body>
-    <header>
-        <h1>Adaptives Testen</h1>
-    </header>
-
-    <main>
-        <section>
-            <h2>Übersicht über Adaptives Testen</h2>
+  <header id="header" class="header d-flex align-items-center fixed-top">
+    <div class="container-fluid container-xl position-relative d-flex align-items-center">
+      <a href="index.html" class="logo d-flex align-items-center me-auto">
+        <img src="https://www.hft-stuttgart.de/typo3conf/ext/hft_sitepackage/Resources/Public/img/HFT_logo.svg" alt=""> 
+        <h1 class="sitename">KNIGHT</h1>
+      </a>
+      <nav id="navmenu" class="navmenu">
+        <ul>
+          <li><a href="index.html#hero">Home<br></a></li>
+          <li><a href="index.html#about">About</a></li>
+          <li><a href="index.html#services">Projektbereiche</a></li>
+          <li><a href="index.html#portfolio">Erkenntnisse</a></li>
+          <li><a href="index.html#team">Team</a></li>
+          <li><a href="index.html#contact">Kontakt</a></li>
+        </ul>
+        <i class="mobile-nav-toggle d-xl-none bi bi-list"></i>
+      </nav>
+    </div>
+  </header>
+  <main>
+    
+    <section class="container">
+      <p>
+        <br>
+      </p>
+       <p>
+        <br>
+      </p>
+    <div>
+            <h1>Adaptives Testen</h1>
             <p>
                 Auf der Seite „Adaptives Testen“ erfahren Besucher, wie KI-Technologien zur Entwicklung adaptiver Tests eingesetzt werden, die sich an den Kenntnisstand der Studierenden anpassen. Diese Tests bieten personalisierte Herausforderungen und Unterstützung, um den Lernerfolg zu optimieren.
             </p>
             <p>
                 Weitere Details und aktuelle Entwicklungen werden hier bald ergänzt.
             </p>
+    </div>
         </section>
     </main>
 
@@ -27,7 +62,9 @@
         <div class="container">
             <p>Um zur Startseite zurückzukehren, klicken Sie bitte auf den folgenden Link:</p>
             <a href="index.html">Zurück zur Startseite</a>
-        </div>
-    </footer>
+        
+    <p>&copy; 2024 KNIGHT Project. All rights reserved.</p>
+    </div>
+  </footer>
 </body>
 </html>
diff --git a/public/generative-ki-schreibseminar.html b/public/generative-ki-schreibseminar.html
index 20fbed3..1fb336a 100644
--- a/public/generative-ki-schreibseminar.html
+++ b/public/generative-ki-schreibseminar.html
@@ -1,25 +1,61 @@
 <!DOCTYPE html>
-<html lang="de">
+<html lang="en">
 <head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Generative KI im Schreibseminar - KNIGHT Projekt</title>
-    <link rel="stylesheet" href="styles.css">
+  <meta charset="utf-8">
+  <meta content="width=device-width, initial-scale=1.0" name="viewport">
+  <title>KI Kompetenzen - KNIGHT</title>
+  <meta content="" name="description">
+  <meta content="" name="keywords">
+  <link href="https://www.hft-stuttgart.de/typo3conf/ext/hft_sitepackage/Resources/Public/img/HFT_logo.svg" rel="icon">
+  <link href="https://www.hft-stuttgart.de/typo3conf/ext/hft_sitepackage/Resources/Public/img/HFT_logo.svg" rel="apple-touch-icon">
+  <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i|Nunito:300,300i,400,400i,600,600i,700,700i|Poppins:300,300i,400,400i,500,500i,600,600i,700,700i" rel="stylesheet">
+  <link href="assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
+  <link href="assets/vendor/bootstrap-icons/bootstrap-icons.css" rel="stylesheet">
+  <link href="assets/vendor/aos/aos.css" rel="stylesheet">
+  <link href="assets/vendor/remixicon/remixicon.css" rel="stylesheet">
+  <link href="assets/vendor/swiper/swiper-bundle.min.css" rel="stylesheet">
+  <link href="assets/vendor/glightbox/css/glightbox.min.css" rel="stylesheet">
+  <link href="assets/css/main.css" rel="stylesheet">
 </head>
 <body>
-    <header>
-        <h1>Generative KI im Schreibseminar</h1>
-    </header>
-
-    <main>
-        <section>
-            <h2>Übersicht über Generative KI im Schreibseminar</h2>
-            <p>
+  <header id="header" class="header d-flex align-items-center fixed-top">
+    <div class="container-fluid container-xl position-relative d-flex align-items-center">
+      <a href="index.html" class="logo d-flex align-items-center me-auto">
+        <img src="https://www.hft-stuttgart.de/typo3conf/ext/hft_sitepackage/Resources/Public/img/HFT_logo.svg" alt=""> 
+        <h1 class="sitename">KNIGHT</h1>
+      </a>
+      <nav id="navmenu" class="navmenu">
+        <ul>
+          <li><a href="index.html#hero">Home<br></a></li>
+          <li><a href="index.html#about">About</a></li>
+          <li><a href="index.html#services">Projektbereiche</a></li>
+          <li><a href="index.html#portfolio">Erkenntnisse</a></li>
+          <li><a href="index.html#team">Team</a></li>
+          <li><a href="index.html#contact">Kontakt</a></li>
+        </ul>
+        <i class="mobile-nav-toggle d-xl-none bi bi-list"></i>
+      </nav>
+    </div>
+  </header>
+  <main>
+    
+    <section class="container">
+      <p>
+        <br>
+      </p>
+       <p>
+        <br>
+      </p>
+    <div>
+            <h1>Generative KI im Schreibseminar</h1>
+                       <p>
                 Auf der Seite „Generative KI im Schreibseminar“ wird beschrieben, wie generative KI-Modelle zur Unterstützung von Schreibprozessen in Seminaren verwendet werden. Besucher können sich über die Möglichkeiten informieren, die KI bietet, um den Schreibprozess zu verbessern und kreative Unterstützung zu leisten.
             </p>
             <p>
                 Weitere Details und aktuelle Entwicklungen werden hier bald ergänzt.
             </p>
+
+    </div>
         </section>
     </main>
 
@@ -27,7 +63,10 @@
         <div class="container">
             <p>Um zur Startseite zurückzukehren, klicken Sie bitte auf den folgenden Link:</p>
             <a href="index.html">Zurück zur Startseite</a>
-        </div>
-    </footer>
+        
+    <p>&copy; 2024 KNIGHT Project. All rights reserved.</p>
+    </div>
+  </footer>
 </body>
 </html>
+
diff --git a/public/ki-ethik.html b/public/ki-ethik.html
index 1df4f0e..a65bfef 100644
--- a/public/ki-ethik.html
+++ b/public/ki-ethik.html
@@ -1,25 +1,60 @@
 <!DOCTYPE html>
-<html lang="de">
+<html lang="en">
 <head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>KI Ethik - KNIGHT Projekt</title>
-    <link rel="stylesheet" href="styles.css">
+  <meta charset="utf-8">
+  <meta content="width=device-width, initial-scale=1.0" name="viewport">
+  <title>KI Kompetenzen - KNIGHT</title>
+  <meta content="" name="description">
+  <meta content="" name="keywords">
+  <link href="https://www.hft-stuttgart.de/typo3conf/ext/hft_sitepackage/Resources/Public/img/HFT_logo.svg" rel="icon">
+  <link href="https://www.hft-stuttgart.de/typo3conf/ext/hft_sitepackage/Resources/Public/img/HFT_logo.svg" rel="apple-touch-icon">
+  <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i|Nunito:300,300i,400,400i,600,600i,700,700i|Poppins:300,300i,400,400i,500,500i,600,600i,700,700i" rel="stylesheet">
+  <link href="assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
+  <link href="assets/vendor/bootstrap-icons/bootstrap-icons.css" rel="stylesheet">
+  <link href="assets/vendor/aos/aos.css" rel="stylesheet">
+  <link href="assets/vendor/remixicon/remixicon.css" rel="stylesheet">
+  <link href="assets/vendor/swiper/swiper-bundle.min.css" rel="stylesheet">
+  <link href="assets/vendor/glightbox/css/glightbox.min.css" rel="stylesheet">
+  <link href="assets/css/main.css" rel="stylesheet">
 </head>
 <body>
-    <header>
-        <h1>KI Ethik</h1>
-    </header>
-
-    <main>
-        <section>
-            <h2>Übersicht über KI Ethik</h2>
+  <header id="header" class="header d-flex align-items-center fixed-top">
+    <div class="container-fluid container-xl position-relative d-flex align-items-center">
+      <a href="index.html" class="logo d-flex align-items-center me-auto">
+        <img src="https://www.hft-stuttgart.de/typo3conf/ext/hft_sitepackage/Resources/Public/img/HFT_logo.svg" alt=""> 
+        <h1 class="sitename">KNIGHT</h1>
+      </a>
+      <nav id="navmenu" class="navmenu">
+        <ul>
+          <li><a href="index.html#hero">Home<br></a></li>
+          <li><a href="index.html#about">About</a></li>
+          <li><a href="index.html#services">Projektbereiche</a></li>
+          <li><a href="index.html#portfolio">Erkenntnisse</a></li>
+          <li><a href="index.html#team">Team</a></li>
+          <li><a href="index.html#contact">Kontakt</a></li>
+        </ul>
+        <i class="mobile-nav-toggle d-xl-none bi bi-list"></i>
+      </nav>
+    </div>
+  </header>
+  <main>
+    
+    <section class="container">
+      <p>
+        <br>
+      </p>
+       <p>
+        <br>
+      </p>
+    <div>
+            <h1>KI Ethik</h1>
             <p>
                 Auf der Seite „KI Ethik“ erfahren Sie mehr über die ethischen Überlegungen und Leitlinien, die im Rahmen des KNIGHT-Projekts entwickelt werden. Die Seite bietet Einblicke in die ethischen Grundsätze, die die Nutzung von KI in der Bildung betreffen, sowie die Maßnahmen zur Gewährleistung eines verantwortungsvollen Umgangs mit KI-Technologien.
             </p>
             <p>
                 Weitere Details und aktuelle Entwicklungen werden hier bald ergänzt.
             </p>
+    </div>
         </section>
     </main>
 
@@ -27,7 +62,12 @@
         <div class="container">
             <p>Um zur Startseite zurückzukehren, klicken Sie bitte auf den folgenden Link:</p>
             <a href="index.html">Zurück zur Startseite</a>
-        </div>
-    </footer>
+        
+    <p>&copy; 2024 KNIGHT Project. All rights reserved.</p>
+    </div>
+  </footer>
 </body>
 </html>
+
+
+
diff --git a/public/learning-analytics.html b/public/learning-analytics.html
index 3c43014..2c0a815 100644
--- a/public/learning-analytics.html
+++ b/public/learning-analytics.html
@@ -1,25 +1,60 @@
 <!DOCTYPE html>
-<html lang="de">
+<html lang="en">
 <head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Learning Analytics Infrastruktur - KNIGHT Projekt</title>
-    <link rel="stylesheet" href="styles.css">
+  <meta charset="utf-8">
+  <meta content="width=device-width, initial-scale=1.0" name="viewport">
+  <title>KI Kompetenzen - KNIGHT</title>
+  <meta content="" name="description">
+  <meta content="" name="keywords">
+  <link href="https://www.hft-stuttgart.de/typo3conf/ext/hft_sitepackage/Resources/Public/img/HFT_logo.svg" rel="icon">
+  <link href="https://www.hft-stuttgart.de/typo3conf/ext/hft_sitepackage/Resources/Public/img/HFT_logo.svg" rel="apple-touch-icon">
+  <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i|Nunito:300,300i,400,400i,600,600i,700,700i|Poppins:300,300i,400,400i,500,500i,600,600i,700,700i" rel="stylesheet">
+  <link href="assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
+  <link href="assets/vendor/bootstrap-icons/bootstrap-icons.css" rel="stylesheet">
+  <link href="assets/vendor/aos/aos.css" rel="stylesheet">
+  <link href="assets/vendor/remixicon/remixicon.css" rel="stylesheet">
+  <link href="assets/vendor/swiper/swiper-bundle.min.css" rel="stylesheet">
+  <link href="assets/vendor/glightbox/css/glightbox.min.css" rel="stylesheet">
+  <link href="assets/css/main.css" rel="stylesheet">
 </head>
 <body>
-    <header>
-        <h1>Learning Analytics Infrastruktur</h1>
-    </header>
-
-    <main>
-        <section>
-            <h2>Übersicht der Learning Analytics Infrastruktur</h2>
+  <header id="header" class="header d-flex align-items-center fixed-top">
+    <div class="container-fluid container-xl position-relative d-flex align-items-center">
+      <a href="index.html" class="logo d-flex align-items-center me-auto">
+        <img src="https://www.hft-stuttgart.de/typo3conf/ext/hft_sitepackage/Resources/Public/img/HFT_logo.svg" alt=""> 
+        <h1 class="sitename">KNIGHT</h1>
+      </a>
+      <nav id="navmenu" class="navmenu">
+        <ul>
+          <li><a href="index.html#hero">Home<br></a></li>
+          <li><a href="index.html#about">About</a></li>
+          <li><a href="index.html#services">Projektbereiche</a></li>
+          <li><a href="index.html#portfolio">Erkenntnisse</a></li>
+          <li><a href="index.html#team">Team</a></li>
+          <li><a href="index.html#contact">Kontakt</a></li>
+        </ul>
+        <i class="mobile-nav-toggle d-xl-none bi bi-list"></i>
+      </nav>
+    </div>
+  </header>
+  <main>
+    
+    <section class="container">
+      <p>
+        <br>
+      </p>
+       <p>
+        <br>
+      </p>
+    <div>
+            <h1>Learning Analytics Infrastruktur</h1>
             <p>
                 Auf der Seite „Learning Analytics Infrastruktur“ wird die technologische Grundlage des KNIGHT-Projekts vorgestellt. Besucher können sich über die eingesetzten Technologien und Plattformen informieren, die für die umfassende Analyse und Unterstützung von Lernprozessen entwickelt wurden. Die Seite bietet einen Überblick über die bisherigen Ergebnisse, aktuelle Entwicklungen und bietet Anleitung zur Nutzung der Learning Analytics Werkzeuge.
             </p>
             <p>
                 Weitere Details und aktuelle Entwicklungen werden hier bald ergänzt.
             </p>
+    </div>
         </section>
     </main>
 
@@ -27,7 +62,9 @@
         <div class="container">
             <p>Um zur Startseite zurückzukehren, klicken Sie bitte auf den folgenden Link:</p>
             <a href="index.html">Zurück zur Startseite</a>
-        </div>
-    </footer>
+        
+    <p>&copy; 2024 KNIGHT Project. All rights reserved.</p>
+    </div>
+  </footer>
 </body>
 </html>
diff --git a/public/personalisiertes-lernen.html b/public/personalisiertes-lernen.html
index b75ab0a..a9e0091 100644
--- a/public/personalisiertes-lernen.html
+++ b/public/personalisiertes-lernen.html
@@ -1,25 +1,61 @@
 <!DOCTYPE html>
-<html lang="de">
+<html lang="en">
 <head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Personalisiertes Lernen in der Programmierung - KNIGHT Projekt</title>
-    <link rel="stylesheet" href="styles.css">
+  <meta charset="utf-8">
+  <meta content="width=device-width, initial-scale=1.0" name="viewport">
+  <title>KI Kompetenzen - KNIGHT</title>
+  <meta content="" name="description">
+  <meta content="" name="keywords">
+  <link href="https://www.hft-stuttgart.de/typo3conf/ext/hft_sitepackage/Resources/Public/img/HFT_logo.svg" rel="icon">
+  <link href="https://www.hft-stuttgart.de/typo3conf/ext/hft_sitepackage/Resources/Public/img/HFT_logo.svg" rel="apple-touch-icon">
+  <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i|Nunito:300,300i,400,400i,600,600i,700,700i|Poppins:300,300i,400,400i,500,500i,600,600i,700,700i" rel="stylesheet">
+  <link href="assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
+  <link href="assets/vendor/bootstrap-icons/bootstrap-icons.css" rel="stylesheet">
+  <link href="assets/vendor/aos/aos.css" rel="stylesheet">
+  <link href="assets/vendor/remixicon/remixicon.css" rel="stylesheet">
+  <link href="assets/vendor/swiper/swiper-bundle.min.css" rel="stylesheet">
+  <link href="assets/vendor/glightbox/css/glightbox.min.css" rel="stylesheet">
+  <link href="assets/css/main.css" rel="stylesheet">
 </head>
 <body>
-    <header>
-        <h1>Personalisiertes Lernen in der Programmierung</h1>
-    </header>
-
-    <main>
-        <section>
-            <h2>Übersicht über personalisiertes Lernen in der Programmierung</h2>
-            <p>
+  <header id="header" class="header d-flex align-items-center fixed-top">
+    <div class="container-fluid container-xl position-relative d-flex align-items-center">
+      <a href="index.html" class="logo d-flex align-items-center me-auto">
+        <img src="https://www.hft-stuttgart.de/typo3conf/ext/hft_sitepackage/Resources/Public/img/HFT_logo.svg" alt=""> 
+        <h1 class="sitename">KNIGHT</h1>
+      </a>
+      <nav id="navmenu" class="navmenu">
+        <ul>
+          <li><a href="index.html#hero">Home<br></a></li>
+          <li><a href="index.html#about">About</a></li>
+          <li><a href="index.html#services">Projektbereiche</a></li>
+          <li><a href="index.html#portfolio">Erkenntnisse</a></li>
+          <li><a href="index.html#team">Team</a></li>
+          <li><a href="index.html#contact">Kontakt</a></li>
+        </ul>
+        <i class="mobile-nav-toggle d-xl-none bi bi-list"></i>
+      </nav>
+    </div>
+  </header>
+  <main>
+    
+    <section class="container">
+      <p>
+        <br>
+      </p>
+       <p>
+        <br>
+      </p>
+    <div>
+            <h1>Personalisiertes Lernen in der Programmierung</h1>
+           <p>
                 Auf der Seite „Personalisiertes Lernen in der Programmierung“ wird erläutert, wie KI-basierte Ansätze eingesetzt werden, um Lerninhalte und Aufgaben individuell auf den Fortschritt der Studierenden abzustimmen. Besucher erfahren, wie diese personalisierten Lernangebote entwickelt werden, um den unterschiedlichen Lernbedürfnissen gerecht zu werden und die Effektivität des Lernens zu steigern.
             </p>
             <p>
                 Weitere Details und aktuelle Entwicklungen werden hier bald ergänzt.
             </p>
+
+    </div>
         </section>
     </main>
 
@@ -27,7 +63,12 @@
         <div class="container">
             <p>Um zur Startseite zurückzukehren, klicken Sie bitte auf den folgenden Link:</p>
             <a href="index.html">Zurück zur Startseite</a>
-        </div>
-    </footer>
+        
+    <p>&copy; 2024 KNIGHT Project. All rights reserved.</p>
+    </div>
+  </footer>
 </body>
 </html>
+
+
+
diff --git a/public/study-dean-cockpit.html b/public/study-dean-cockpit.html
index edd8290..67b18bd 100644
--- a/public/study-dean-cockpit.html
+++ b/public/study-dean-cockpit.html
@@ -1,25 +1,61 @@
 <!DOCTYPE html>
-<html lang="de">
+<html lang="en">
 <head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Study Dean Cockpit - KNIGHT Projekt</title>
-    <link rel="stylesheet" href="styles.css">
+  <meta charset="utf-8">
+  <meta content="width=device-width, initial-scale=1.0" name="viewport">
+  <title>KI Kompetenzen - KNIGHT</title>
+  <meta content="" name="description">
+  <meta content="" name="keywords">
+  <link href="https://www.hft-stuttgart.de/typo3conf/ext/hft_sitepackage/Resources/Public/img/HFT_logo.svg" rel="icon">
+  <link href="https://www.hft-stuttgart.de/typo3conf/ext/hft_sitepackage/Resources/Public/img/HFT_logo.svg" rel="apple-touch-icon">
+  <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i|Nunito:300,300i,400,400i,600,600i,700,700i|Poppins:300,300i,400,400i,500,500i,600,600i,700,700i" rel="stylesheet">
+  <link href="assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
+  <link href="assets/vendor/bootstrap-icons/bootstrap-icons.css" rel="stylesheet">
+  <link href="assets/vendor/aos/aos.css" rel="stylesheet">
+  <link href="assets/vendor/remixicon/remixicon.css" rel="stylesheet">
+  <link href="assets/vendor/swiper/swiper-bundle.min.css" rel="stylesheet">
+  <link href="assets/vendor/glightbox/css/glightbox.min.css" rel="stylesheet">
+  <link href="assets/css/main.css" rel="stylesheet">
 </head>
 <body>
-    <header>
-        <h1>Study Dean Cockpit</h1>
-    </header>
-
-    <main>
-        <section>
-            <h2>Übersicht über das Study Dean Cockpit</h2>
-            <p>
+  <header id="header" class="header d-flex align-items-center fixed-top">
+    <div class="container-fluid container-xl position-relative d-flex align-items-center">
+      <a href="index.html" class="logo d-flex align-items-center me-auto">
+        <img src="https://www.hft-stuttgart.de/typo3conf/ext/hft_sitepackage/Resources/Public/img/HFT_logo.svg" alt=""> 
+        <h1 class="sitename">KNIGHT</h1>
+      </a>
+      <nav id="navmenu" class="navmenu">
+        <ul>
+          <li><a href="index.html#hero">Home<br></a></li>
+          <li><a href="index.html#about">About</a></li>
+          <li><a href="index.html#services">Projektbereiche</a></li>
+          <li><a href="index.html#portfolio">Erkenntnisse</a></li>
+          <li><a href="index.html#team">Team</a></li>
+          <li><a href="index.html#contact">Kontakt</a></li>
+        </ul>
+        <i class="mobile-nav-toggle d-xl-none bi bi-list"></i>
+      </nav>
+    </div>
+  </header>
+  <main>
+    
+    <section class="container">
+      <p>
+        <br>
+      </p>
+       <p>
+        <br>
+      </p>
+    <div>
+            <h1>Study Dean Cockpit</h1>
+                       <p>
                 Auf der Seite „Study Dean Cockpit“ wird das spezielle Dashboard für Studiengangsleiter vorgestellt, das entwickelt wird, um ihre Aufgaben zu unterstützen und zu erleichtern. Besucher erfahren, wie dieses Cockpit den Studiendekan:innen hilft, wichtige Informationen zu verwalten und die Qualität der Lehre zu verbessern.
             </p>
             <p>
                 Weitere Details und aktuelle Entwicklungen werden hier bald ergänzt.
             </p>
+
+    </div>
         </section>
     </main>
 
@@ -27,7 +63,11 @@
         <div class="container">
             <p>Um zur Startseite zurückzukehren, klicken Sie bitte auf den folgenden Link:</p>
             <a href="index.html">Zurück zur Startseite</a>
-        </div>
-    </footer>
+        
+    <p>&copy; 2024 KNIGHT Project. All rights reserved.</p>
+    </div>
+  </footer>
 </body>
 </html>
+
+
-- 
GitLab