Skip to content
GitLab
Commit af7b151f authored by Traboulsi's avatar Traboulsi
Browse files

Update public/assets/css/main.css, public/index.html

parent c4385ab7
Pipeline #11694 passed with stage
in 14 seconds
Hide whitespace changes
Inline Side-by-side
public/assets/css/main.css
View file @ af7b151f
......@@ -1876,6 +1876,28 @@ section,
opacity: 1;
}
.team .team-grid {
display: grid;
gap: 30px;
grid-template-columns: repeat(6, 1fr); /* 6 Spalten auf Desktop */
justify-items: center;
padding: 40px 0;
}
/* Tablet */
@media (max-width: 992px) {
.team .team-grid {
grid-template-columns: repeat(3, 1fr);
}
}
/* Mobile */
@media (max-width: 576px) {
.team .team-grid {
grid-template-columns: repeat(2, 1fr);
}
}
/*--------------------------------------------------------------
# Clients Section
--------------------------------------------------------------*/
......
public/index.html
View file @ af7b151f
......@@ -746,152 +746,24 @@
<!-- Team Section Projektteam -->
<section id="team" class="team section">
<div class="container section-title" data-aos="fade-up">
<h2>Projektteam</h2>
<p>Unser engagiertes Team</p>
</div>
<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-custom">
<div class="member-img-custom">
<img src="assets/img/team/DieterUckelmann.png" alt="Prof. Dr.-Ing. Dieter Uckelmann">
<div class="social-custom">
<a href="https://www.linkedin.com/in/dieter-uckelmann-58aaa93/" target="_blank" aria-label="LinkedIn Dieter Uckelmann"><i class="bi bi-linkedin"></i></a>
<a href="https://www.hft-stuttgart.de/p/dieter-uckelmann" title="HFT Stuttgart Profilseite" target="_blank" aria-label="Profilseite Dieter Uckelmann"><i class="bi bi-person"></i></a>
</div>
</div>
<div class="member-info-custom">
<h4>Prof. Dr.-Ing. Dieter Uckelmann</h4>
<span>Professor / Wissenschaftlicher Direktor</span>
</div>
</div>
</div>
<!-- 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-custom">
<div class="member-img-custom">
<img src="assets/img/team/avatar.png" alt="Prof. Dr. Peter Heusch">
<div class="social-custom">
<a href="https://www.hft-stuttgart.de/p/peter-heusch" title="HFT Stuttgart Profilseite" target="_blank" aria-label="Profilseite Peter Heusch"><i class="bi bi-person"></i></a>
</div>
</div>
<div class="member-info-custom">
<h4>Prof. Dr. Peter Heusch</h4>
<span>Professor / Dekan</span>
</div>
</div>
</div>
<!-- Team Member 3 -->
<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-custom">
<div class="member-img-custom">
<img src="assets/img/team/avatar.png" alt="Prof. Dr. rer. nat. Michael Mommert">
<div class="social-custom">
<a href="" aria-label="LinkedIn Michael Mommert"><i class="bi bi-linkedin"></i></a>
<a href="https://www.hft-stuttgart.de/p/michael-mommert" title="HFT Stuttgart Profilseite" target="_blank" aria-label="Profilseite Michael Mommert"><i class="bi bi-person"></i></a>
</div>
</div>
<div class="member-info-custom">
<h4>Prof. Dr. rer. nat. Michael Mommert</h4>
<span>Professor</span>
</div>
</div>
</div>
<!-- Team Member 4 -->
<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-custom">
<div class="member-img-custom">
<img src="https://www.hft-stuttgart.de/fileadmin/Dateien/Profilbilder/_processed_/0/6/csm_Popovic-Tobias__4__bearbeitet_0cd4ce34b7.jpg" alt="Prof. Dr. Tobias Popovic">
<div class="social-custom">
<a href="" aria-label="LinkedIn Tobias Popovic"><i class="bi bi-linkedin"></i></a>
<a href="" title="HFT Stuttgart Profilseite" aria-label="Profilseite Tobias Popovic"><i class="bi bi-person"></i></a>
</div>
</div>
<div class="member-info-custom">
<h4>Prof. Dr. Tobias Popovic</h4>
<span>Professor / Ethikbeauftragter der HFT Stuttgart</span>
</div>
</div>
</div>
<!-- Team Member 5 -->
<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-custom">
<div class="member-img-custom">
<img src="https://www.hft-stuttgart.de/fileadmin/Dateien/Profilbilder/_processed_/1/5/csm_Rausch-Alexander__2__29cbc409b2.jpg" alt="Prof. Dr. Alexander Rausch">
<div class="social-custom">
<a href="" aria-label="LinkedIn Alexander Rausch"><i class="bi bi-linkedin"></i></a>
<a href="https://www.hft-stuttgart.de/p/alexander-rausch" title="HFT Stuttgart Profilseite" target="_blank" aria-label="Profilseite Alexander Rausch"><i class="bi bi-person"></i></a>
</div>
</div>
<div class="member-info-custom">
<h4>Prof. Dr. Alexander Rausch</h4>
<span>Professor für Wirtschaftsinformatik</span>
</div>
</div>
</div>
<!-- Team Member 6 -->
<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-custom">
<div class="member-img-custom">
<img src="https://www.hft-stuttgart.de/fileadmin/Dateien/Profilbilder/_processed_/2/2/csm_Pado-Ulrike__4__5a061080e9.jpg" alt="Prof. Dr. Ulrike Pado">
<div class="social-custom">
<a href="" aria-label="LinkedIn Ulrike Pado"><i class="bi bi-linkedin"></i></a>
<a href="https://www.hft-stuttgart.de/p/ulrike-pado" title="HFT Stuttgart Profilseite" target="_blank" aria-label="Profilseite Ulrike Pado"><i class="bi bi-person"></i></a>
</div>
</div>
<div class="member-info-custom">
<h4>Prof. Dr. Ulrike Pado</h4>
<span>Professorin</span>
</div>
</div>
</div>
<!-- Team Member 7 -->
<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-custom">
<div class="member-img-custom">
<img src="https://www.hft-stuttgart.de/fileadmin/Dateien/Profilbilder/_processed_/c/8/csm_Pfeiffer-Hermann__3__17b45e3d1b.jpg" alt="Prof. Dr. Hermann Pfeiffer">
<div class="social-custom">
<a href="" aria-label="LinkedIn Hermann Pfeiffer"><i class="bi bi-linkedin"></i></a>
<a href="https://www.hft-stuttgart.de/p/hermann-pfeiffer" title="HFT Stuttgart Profilseite" target="_blank" aria-label="Profilseite Hermann Pfeiffer"><i class="bi bi-person"></i></a>
</div>
</div>
<div class="member-info-custom">
<h4>Prof. Dr. ??????????</h4>
<span>Professor / Studiendekan</span>
</div>
</div>
</div>
<!-- Team Member 8 -->
<div class="col-lg-3 col-md-6 d-flex align-items-stretch" data-aos="fade-up" data-aos-delay="800">
<div class="team-member-custom">
<div class="member-img-custom">
<img src="https://www.hft-stuttgart.de/fileadmin/Dateien/Profilbilder/_processed_/3/0/csm_Wolf-Eva__2__a31237ec32.jpg" alt="Eva Wolf">
<div class="social-custom">
<a href="" aria-label="LinkedIn Eva Wolf"><i class="bi bi-linkedin"></i></a>
<a href="https://www.hft-stuttgart.de/p/eva-wolf" title="HFT Stuttgart Profilseite" target="_blank" aria-label="Profilseite Eva Wolf"><i class="bi bi-person"></i></a>
<section class="team">
<div class="container">
<div class="row team-grid">
<!-- Beispiel Mitglied -->
<div class="team-member">
<div class="member-img">
<img src="assets/img/team/DieterUckelmann.png" alt="Name Mitglied 1" />
</div>
<div class="member-info">
<h4><a href="https://www.hft-stuttgart.de/p/dieter-uckelmann"" target="_blank" rel="noopener noreferrer">Prof. Dr.-Ing. Dieter Uckelmann</a></h4>
<span>Position</span>
<p>Professor / Wissenschaftlicher Direktor</p>
</div>
</div>
</div>
<div class="member-info-custom">
<h4>?????</h4>
<span>Wissenschaftliche Mitarbeiterin</span>
</div>
<!-- Wiederhole für alle 18 Mitglieder -->
<!-- ... -->
</div>
</div>
</div>
</section>
......
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment

Dies ist die Gitlab-Instanz des Transferportals der Hochschule für Technik Stuttgart. Hier geht es zurück zum Portal