diff --git a/public/index.html b/public/index.html index 5304ff9cc211de9f6ff3d1855b46e89c39457b44..b64e3634669a72a64cb808e9645f6c9dd5d09b90 100644 --- a/public/index.html +++ b/public/index.html @@ -397,301 +397,98 @@ <!-- Team Section --> - <section id="team" class="team section"> - - <!-- Section Title --> - <div class="container section-title" data-aos="fade-up"> - <h2>Team</h2> - <p>Unser engagiertes Team</p> - </div><!-- End Section Title --> - - <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/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="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> - + <!-- Team Section --> +<section id="team" class="team section"> + <!-- Section Title --> + <div class="container section-title" data-aos="fade-up"> + <h2>Team</h2> + <p>Unser engagiertes Team</p> + </div><!-- End Section Title --> + + <div class="container"> + <div id="teamCarousel" class="carousel slide" data-bs-ride="carousel"> + <div class="carousel-inner"> + + <div class="carousel-item active"> + <div class="row gy-4"> + <!-- Team Member 1 --> + <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/DieterUckelmann.png" class="img-fluid" alt=""> + <div class="social"> + <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> - <div class="member-info"> + <div class="member-info"> <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 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> + <!-- Team Member 2 --> + <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-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> - <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 --> - - <div> - <p> </p> - </div> - <!-- 2de 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 class="member-info"> + <h4>Dr. Tatyana Podgayetskaya</h4> + <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="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 --> + <!-- More team members... --> + </div> </div> - - </div> <!-- end div 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 class="carousel-item"> + <div class="row gy-4"> + <!-- Team Member 5 --> + <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=""> + <div class="social"> + <a href=""><i class="bi bi-linkedin"></i></a> + <a href="https://www.hft-stuttgart.de/p/member-profile" target="_blank" title="HFT Stuttgart Profilseite"><i class="bi bi-person"></i></a> + </div> </div> - </div> - <div class="member-info"> - <h4>XXXXX</h4> - <span>XXXXX</span> - + <div class="member-info"> + <h4>Member Name</h4> + <span>Member Role</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 --> + <!-- More team members... --> + </div> </div> - - </div> <!-- end div container --> - <!-- End 3. Container - Team --> - + <!-- More carousel items if needed... --> - - </section><!-- /Team Section --> + </div> + <button class="carousel-control-prev" type="button" data-bs-target="#teamCarousel" data-bs-slide="prev"> + <span class="carousel-control-prev-icon" aria-hidden="true"></span> + <span class="visually-hidden">Previous</span> + </button> + <button class="carousel-control-next" type="button" data-bs-target="#teamCarousel" data-bs-slide="next"> + <span class="carousel-control-next-icon" aria-hidden="true"></span> + <span class="visually-hidden">Next</span> + </button> + </div> + </div> +</section><!-- /Team Section --> +<!-- /Team Section --> @@ -824,6 +621,9 @@ <script src="assets/vendor/imagesloaded/imagesloaded.pkgd.min.js"></script> <script src="assets/vendor/isotope-layout/isotope.pkgd.min.js"></script> <script src="assets/vendor/swiper/swiper-bundle.min.js"></script> + <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.3/dist/umd/popper.min.js"></script> + <script src="https://stackpath.bootstrapcdn.com/bootstrap/5.1.0/js/bootstrap.min.js"></script> + <!-- Main JS File --> <script src="assets/js/main.js"></script>