diff --git a/public/index.html b/public/index.html index ba3941ca8fa1cc90aa4992a005de680bd9d19f9f..5304ff9cc211de9f6ff3d1855b46e89c39457b44 100644 --- a/public/index.html +++ b/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 -->