diff --git a/public/adaptives-testen.html b/public/adaptives-testen.html
index 2982e6fb070f0b1b6116acd10cb7b50e219d169c..b59b8eeae801461022474779652dade6bb748819 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 20fbed30ef978f571ce8f7567fdbffb22b322c58..1fb336afe1ba31b51c5ba8760cc3fb461092cb50 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 1df4f0e540c155602d7c0cb01595ed2f0e732f80..a65bfefd0cb6058fa0e7f3c3b10255d5b44ede35 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 3c430140308de3279c9ed1543cf864f82337f506..2c0a81574a886a944556e73ae41648f74c16e845 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 b75ab0af53784020fcde9be259744f42e3b4dc99..a9e0091cd714eb61f57831888ff50670f1b6c408 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 edd8290c8c9b7e85d3bd14963974b338a598368f..67b18bd47edb191f9cb6fb681095806caec208be 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>
+
+