Update public/index.html

public/index.html

@@ -499,7 +499,7 @@
       <div>
         <p> </p>
       </div>
-      <!-- New Container -->
+      <!-- 2de Container - Team -->
       <div class="container">
 
         <div class="row gy-4">
@@ -591,7 +591,106 @@
 
         
         </div> <!--  end div container -->
-      <!-- End new Container -->
+      <!-- End 2de Container - Team -->
+<div>
+        <p> </p>
+      </div>
+      <!-- 3de Container - Team -->
+      <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="500">
+            <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="" target="_blank" title="HFT Stuttgart Profilseite"><i class="bi bi-person"></i></a>
+     
+                </div>
+              </div>
+              <div class="member-info">
+                  <h4>XXXXX</h4>
+                  <span>XXXXX</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="600">
+            <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="" target="_blank" title="HFT Stuttgart Profilseite"><i class="bi bi-person"></i></a>
+                </div>
+              </div>
+
+              <div class="member-info">
+                <h4>XXXXX </h4>
+                <span>XXXX</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="700">
+            <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="" target="_blank" title="HFT Stuttgart Profilseite"><i class="bi bi-person"></i></a>
+                </div>
+              </div>
+              <div class="member-info">
+                <h4> xxxxxxxxxxx</h4>
+                <p> </p>
+                <span>xxxxx</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 3. Container - Team -->
+
+
+
     </section><!-- /Team Section -->