Update public/index.html

public/index.html

@@ -494,30 +494,101 @@
 
         </div>
 
-      
+      </div> <!--  end div container -->
 
-      <div class="col-lg-3 col-md-6 d-flex align-items-stretch" data-aos="fade-up" data-aos-delay="100">
+      <!-- New Container -->
+      <div class="container">
+
+        <div class="row gy-4">
+
+          <div class="col-lg-3 col-md-6 d-flex align-items-stretch" data-aos="fade-up" data-aos-delay="100">
             <div class="team-member">
               <div class="member-img">
-                <img src="assets/img/team/avatar.png" class="img-fluid" alt="">
+                <img src="assets/img/team/DieterUckelmann.png" class="img-fluid" alt="">
                 <div class="social">
                  <!-- <a href=""><i class="bi bi-twitter-x"></i></a>-->
                  <!-- <a href=""><i class="bi bi-facebook"></i></a> -->
                  <!-- <a href=""><i class="bi bi-instagram"></i></a>-->
-                  <a href=""><i class="bi bi-linkedin"></i></a>
-                  <a href="" target="_blank" title="HFT Stuttgart Profilseite"><i class="bi bi-person"></i></a>
+                  <a href="https://www.linkedin.com/in/dieter-uckelmann-58aaa93/"><i class="bi bi-linkedin"></i></a>
+                  <a href="https://www.hft-stuttgart.de/p/dieter-uckelmann" target="_blank" title="HFT Stuttgart Profilseite"><i class="bi bi-person"></i></a>
      
                 </div>
               </div>
               <div class="member-info">
-                    <h4>xxxxxx</h4>
-                    <span>xxxxxx</span>
+                  <h4>Prof. Dr.-Ing. Dieter Uckelmann</h4>
+                  <span>Professor / Wissenschaftlicher Direktor</span>
     
+                </div>
+              </div>
+            </div><!-- End Team Member -->
+
+          <div class="col-lg-3 col-md-6 d-flex align-items-stretch" data-aos="fade-up" data-aos-delay="200">
+            <div class="team-member">
+              <div class="member-img">
+                <img src="assets/img/team/avatar.png" class="img-fluid" alt="">
+                <div class="social">
+                  <!-- <a href=""><i class="bi bi-twitter-x"></i></a>-->
+                 <!-- <a href=""><i class="bi bi-facebook"></i></a> -->
+                 <!-- <a href=""><i class="bi bi-instagram"></i></a>-->
+                  <a href=""><i class="bi bi-linkedin"></i></a>
+                   <a href="https://www.hft-stuttgart.de/p/tatyana-podgayetskaya" target="_blank" title="HFT Stuttgart Profilseite"><i class="bi bi-person"></i></a>
+                </div>
+              </div>
+
+              <div class="member-info">
+                <h4>Dr. Tatyana Podgayetskaya </h4>
+                <span>Akademische Mitarbeiterin</span>
+                
               </div>
             </div>
           </div><!-- End Team Member -->
 
-          </div> <!--  end div container -->
+          <div class="col-lg-3 col-md-6 d-flex align-items-stretch" data-aos="fade-up" data-aos-delay="300">
+            <div class="team-member">
+              <div class="member-img">
+                <img src="assets/img/team/avatar.png" class="img-fluid" alt="">
+                <div class="social">
+                 <!-- <a href=""><i class="bi bi-twitter-x"></i></a>-->
+                 <!-- <a href=""><i class="bi bi-facebook"></i></a> -->
+                 <!-- <a href=""><i class="bi bi-instagram"></i></a>-->
+                  <a href=""><i class="bi bi-linkedin"></i></a>
+                   <a href="https://www.hft-stuttgart.de/p/sunita-hirsch" target="_blank" title="HFT Stuttgart Profilseite"><i class="bi bi-person"></i></a>
+                </div>
+              </div>
+              <div class="member-info">
+                <h4>Dr. Sunita Hirsch </h4>
+                <p> </p>
+                <span>Akademische Mitarbeiterin</span>
+                
+               
+              </div>
+            </div>
+          </div><!-- End Team Member -->
+
+          <div class="col-lg-3 col-md-6 d-flex align-items-stretch" data-aos="fade-up" data-aos-delay="400">
+            <div class="team-member">
+              <div class="member-img">
+                <img src="assets/img/team/avatar.png" class="img-fluid" alt="">
+                <div class="social">
+                  <a href=""><i class="bi bi-twitter-x"></i></a>
+                  <a href=""><i class="bi bi-facebook"></i></a>
+                  <a href=""><i class="bi bi-instagram"></i></a>
+                  <a href=""><i class="bi bi-linkedin"></i></a>
+                </div>
+              </div>
+              <div class="member-info">
+                <h4>Amanda Jepson</h4>
+                <span>Accountant</span>
+                <p>Rerum voluptate non adipisci animi distinctio et deserunt amet voluptas. Quia aut aliquid doloremque ut possimus ipsum officia.</p>
+              </div>
+            </div>
+          </div><!-- End Team Member -->
+
+        </div>
+
+        
+        </div> <!--  end div container -->
+      <!-- End new Container -->
     </section><!-- /Team Section -->