diff --git a/public/learning-analytics.html b/public/learning-analytics.html
index 6b18351147dac8ee54e5435c718bb94a0997f5f4..0347f13b7194012995ccec2d9a0d154a90c5d503 100644
--- a/public/learning-analytics.html
+++ b/public/learning-analytics.html
@@ -84,6 +84,94 @@
   </script>
 </head>
 <body>
-<!-- CONTENT OMITTED FOR BREVITY -->
+          <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" class="active">Home<br></a></li>-->
+                  <li><a href="index.html#about" aria-label="Mehr über das Projekt erfahren">Über das Projekt</a></li>
+                  <li><a href="index.html#services">Arbeitspakete</a></li>
+                  <li><a href="index.html#portfolio">Erkenntnisse</a></li>
+                  <li><a href="index.html#team">Projektteam</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="hero-section d-flex align-items-center" style="background: #003366; color: white; padding: 60px 0;">
+                <div class="container text-center">
+                  <h1 style="font-size: 2.5rem;">Learning Analytics Infrastruktur</h1>
+                  <p class="lead">Personalisierte Lernunterstützung durch datengestützte Analyse und Feedbacksysteme</p>
+                </div>
+              </section>
+
+            <section class="container content-section">
+              
+              <h1>Learning Analytics Infrastruktur</h1>
+
+              <h2>Inhaltsverzeichnis</h2>
+              <ul>
+                <li><a href="#ziel">Ziel des Arbeitspakets</a></li>
+                <li><a href="#datenfluss">Datenfluss und Systemarchitektur</a></li>
+                <li><a href="#modell">Feedbackmodell</a></li>
+                <li><a href="#interaktive-elemente">Interaktive Elemente</a></li>
+                <li><a href="#feedbacktypen">Feedbacktypen</a></li>
+                <li><a href="#einsatz">Einsatz & Evaluation</a></li>
+              </ul>
+
+            </section>
+
+            <section class="container content-section">
+            <h2 id="ziel">Ziel des Arbeitspakets</h2>
+            <p>In diesem Arbeitspaket wird eine Infrastruktur aufgebaut, die datenbasierte Rückmeldungen zur Lernaktivität ermöglicht …</p>
+
+            <h2 id="datenfluss">Datenfluss und Systemarchitektur</h2>
+            <p>Die Systemarchitektur basiert auf …</p>
+
+            <h2 id="modell">Feedbackmodell</h2>
+            <p>Das zugrunde liegende Modell basiert auf …</p>
+
+            <h2 id="interaktive-elemente">Interaktive Elemente</h2>
+            <div class="interactive-element">Klicke für mehr Informationen</div>
+            <div class="interactive-content">Hier erscheinen weitere Informationen zum Element …</div>
+
+            <h2 id="feedbacktypen">Feedbacktypen</h2>
+            <div class="feedback-types">
+              <ul>
+                <li>Leistungsbezogenes Feedback</li>
+                <li>Prozessbezogenes Feedback</li>
+                <li>Selbstregulierendes Feedback</li>
+              </ul>
+            </div>
+
+            <h2 id="einsatz">Einsatz & Evaluation</h2>
+            <p>Die Evaluation erfolgt in realen Lernsettings, unter anderem in …</p>
+          </section>
+
+
+     </main>
+
+      <footer id="footer" class="footer">
+        <div class="container">
+          <p>Zurück zur <a href="index.html">Startseite</a></p>
+          <p>&copy; 2024 KNIGHT Project. All rights reserved.</p>
+        </div>
+      </footer>
+
+      <a href="#" class="back-to-top d-flex align-items-center justify-content-center"><i class="bi bi-arrow-up-short"></i></a>
+
+      <script src="assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
+      <script src="assets/vendor/aos/aos.js"></script>
+      <script src="assets/vendor/glightbox/js/glightbox.min.js"></script>
+      <script src="assets/vendor/swiper/swiper-bundle.min.js"></script>
+      <script src="assets/js/main.js"></script>
 </body>
 </html>