Update public/index.html

public/index.html

@@ -326,8 +326,8 @@ body {
       <nav id="navmenu" class="navmenu">
         <ul>
           <!--<li><a href="index.html#hero" class="active">Home<br></a></li>-->
-          <li><a href="index.html#about">Über das Projekt</a></li>
-          <li><a href="index.html#services">Arbeitspakete</a></li>
+          <!--<li><a href="index.html#about">Über das Projekt</a></li> -->
+          <li><a href="index.html#services">Arbeitspakete und Themen</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>
@@ -360,8 +360,10 @@ body {
           In Zusammenarbeit mit <a href="https://www.hft-stuttgart.de/forschung/struktur/kompetenzzentren/digitalisierung-in-forschung-lehre-wirtschaft" target="_blank">ZeDFLoW</a> und <a href="https://www.hft-stuttgart.de/forschung/forschungsprofil/kompetenzzentren/nachhaltiges-wirtschaften-und-management" target="_blank">ZNWM</a>.
         </p>
 
-       <div class="d-flex flex-column flex-md-row flex-wrap justify-content-center align-items-center gap-3 my-4" data-aos="fade-up" data-aos-delay="200">
+       <div class="d-flex flex-column align-items-center gap-3 my-4" data-aos="fade-up" data-aos-delay="200">
 
+          <!-- Erste Zeile mit zwei Buttons nebeneinander -->
+          <div class="d-flex flex-column flex-md-row justify-content-center align-items-center gap-3">
             <a href="#services" class="btn btn-primary rounded-pill px-4 py-2 shadow">
               <i class="bi bi-box-arrow-in-right me-2"></i> Arbeitspakete & Themen starten
             </a>
@@ -369,7 +371,9 @@ body {
             <a href="https://www.youtube.com/watch?v=blDgzP6E3uU" class="btn btn-outline-primary rounded-pill px-4 py-2">
               <i class="bi bi-play-circle me-2"></i> Video ansehen
             </a>
+          </div>
 
+          <!-- Zweite Zeile mit Info-Button -->
           <a href="https://hochschul-job.de/kuenstliche-intelligenz-an-deutschen-hochschulen-und-universitaeten-interview-ulrike-pado-knight-forschung-entwicklung-studiengaenge/#Angewandte_Mathematik_und_Kunstliche_Intelligenz_BSc_-_Hochschule_fur_Technik_Stuttgart" 
             class="btn btn-light border rounded-pill px-4 py-2" target="_blank">
             <i class="bi bi-info-circle me-2"></i> Mehr erfahren
@@ -398,12 +402,12 @@ body {
 
     <!-- About Section -->
   
- <section id="about" class="about section">
+   <!-- <section id="about" class="about section">
 
   <div class="container" data-aos="fade-up">
     <div class="row gx-0">
 
-      <!-- Projektübersicht -->
+     
    <div class="col-lg-6 d-flex flex-column justify-content-center" data-aos="fade-up" data-aos-delay="200">
         <div class="content">
           <h2><strong>KNIGHT</strong></h2>
@@ -417,7 +421,6 @@ body {
           <p>Das Projekt arbeitet mit dem <a href="https://www.hft-stuttgart.de/forschung/struktur/kompetenzzentren/digitalisierung-in-forschung-lehre-wirtschaft">ZeDFLoW</a> für digitale Bildung und dem <a href="https://www.hft-stuttgart.de/forschung/forschungsprofil/kompetenzzentren/nachhaltiges-wirtschaften-und-management" >ZNWM</a> für ethische und rechtliche Standards zusammen.</p>
           <p>Wir entwickeln Kompetenzrahmen, KI-Maßnahmen und Feedbackprozesse und sorgen gleichzeitig für die Einhaltung ethischer Richtlinien und den Schutz von Daten.</p>
 
-          <!-- Read More Button -->
           <div class="text-center text-lg-start">
             <a href="https://hochschul-job.de/kuenstliche-intelligenz-an-deutschen-hochschulen-und-universitaeten-interview-ulrike-pado-knight-forschung-entwicklung-studiengaenge/#Angewandte_Mathematik_und_Kunstliche_Intelligenz_BSc_-_Hochschule_fur_Technik_Stuttgart" class="btn-read-more d-inline-flex align-items-center justify-content-center align-self-center" target="_blank">
               <span>Mehr erfahren über dieses Thema</span>
@@ -427,7 +430,6 @@ body {
         </div>
       </div>
 
-      <!-- Flussdiagramm -->
       <div class="col-lg-6 d-flex align-items-center" data-aos="zoom-out" data-aos-delay="200">
         <img src="assets/img/knight_overview.png" class="img-fluid" alt="Übersicht des KNIGHT-Projekts mit sieben Arbeitspaketen und Partnern">
       </div>
@@ -435,7 +437,7 @@ body {
     </div>
   </div>
 
-</section>
+</section> -->
 
 
     <!-- /About Section -->