From a3fcdb14783cdebcecacafacb7a0905ccbfa4201 Mon Sep 17 00:00:00 2001
From: Traboulsi <salam.traboulsi@hft-stuttgart.de>
Date: Wed, 7 Feb 2024 13:07:12 +0000
Subject: [PATCH] Update public/index.html
---
public/index.html | 413 +++++++++++++++++++++++++++-------------------
1 file changed, 244 insertions(+), 169 deletions(-)
diff --git a/public/index.html b/public/index.html
index eb39cbd..74ecd0b 100644
--- a/public/index.html
+++ b/public/index.html
@@ -150,192 +150,267 @@
<!-- Grid row -->
<div class="row" id="team-section">
+ <!--row 1 -->
- <!-- Grid row -->
- <div class="col-lg-3 col-md-6 mb-lg-0 mb-5">
- <div class="avatar mx-auto">
- <img src="./imgs/avatar/DieterUckelmann.png" class="rounded-circle z-depth-1" width="150px">
- </div>
- <h5 class="font-weight-bold mt-4 mb-3">Prof. Dr. Dieter Uckelmann</h5>
- <p class="text-uppercase blue-text"><strong>Research Group Leader</strong></p>
- <a href="https://www.hft-stuttgart.de/p/dieter-uckelmann" target="_blank">
- <button class="btn btn-primary btn-sm profile">See full profile</button>
- </a>
- <p class="grey-text">Research topics: Smart Cities | Sensors & IoT | Industrie 4.0 | Lab-based Education | Digitalisation | Smart Buildings | RFID | RTLS | BM | AI</p>
- <ul class="list-unstyled mb-0">
- <a class="p-2 fa-lg" href="https://www.researchgate.net/profile/Dieter-Uckelmann" target="_blank">
+ <div class="col-lg-3 col-md-6 mb-lg-0 mb-5">
+ <!-- Insert Dieter's details here -->
+ <div class="avatar mx-auto">
+ <img src="./imgs/avatar/DieterUckelmann.png" class="rounded-circle z-depth-1" width="150px">
+ </div>
+ <h5 class="font-weight-bold mt-4 mb-3">Prof. Dr. Dieter Uckelmann</h5>
+ <p class="text-uppercase blue-text"><strong>Research Group Leader</strong></p>
+ <a href="https://www.hft-stuttgart.de/p/dieter-uckelmann" target="_blank">
+ <button class="btn btn-primary btn-sm profile">See full profile</button>
+ </a>
+ <p class="grey-text">Research topics: Smart Cities | Sensors & IoT | Industrie 4.0 | Lab-based Education | Digitalisation | Smart Buildings | RFID | RTLS | BM | AI</p>
+ <ul class="list-unstyled mb-0">
+ <a class="p-2 fa-lg" href="https://www.researchgate.net/profile/Dieter-Uckelmann" target="_blank">
<i class="fab fa-researchgate"></i>
- </a>
- <a class="p-2 fa-lg" href="https://de.linkedin.com/in/dieter-uckelmann" target="_blank">
- <i class="fab fa-linkedin"></i>
- </a>
- </ul>
- </div>
- <!-- Grid row -->
-
- <!-- Grid column --> <!--- FGDI TODO: to change-->
+ </a>
+ <a class="p-2 fa-lg" href="https://de.linkedin.com/in/dieter-uckelmann" target="_blank">
+ <i class="fab fa-linkedin"></i>
+ </a>
+ </ul>
+ </div>
+
+
<div class="col-lg-3 col-md-6 mb-lg-0 mb-5">
- <div class="avatar mx-auto">
- <img src="./imgs/avatar/sarah.png" class="rounded-circle z-depth-1" width="150px">
+ <!-- Insert Detlef's details here -->
+ <div class="avatar mx-auto">
+ <img src="https://www.hft-stuttgart.de/fileadmin/Dateien/Profilbilder/_processed_/2/6/csm_webseite_64f11b123d.jpg" class="rounded-circle z-depth-1" width="150px">
</div>
- <h5 class="font-weight-bold mt-4 mb-3">Dr. Sarah Larsen-Vefring</h5>
- <p class="text-uppercase blue-text"><strong>Managing director research thrust 2</strong></p>
- <a href="https://www.hft-stuttgart.de/p/sarah-larsen-vefring" target="_blank">
+ <h5 class="font-weight-bold mt-4 mb-3">Prof. Dr.-Ing. Detlef Pape</h5>
+ <p class="text-uppercase blue-text"><strong>Research Group Leader</strong></p>
+ <a href="https://www.hft-stuttgart.de/p/detlef-pape" target="_blank">
<button class="btn btn-primary btn-sm profile">See full profile</button>
</a>
- <p class="grey-text">Research topics: Smart Technologies, Processes and Methods | Research Coordination IoT </p>
- <ul class="list-unstyled mb-0">
- </ul>
+ <p class="grey-text">Research topics: Automation | Industrial Measurement Technologies</p>
</div>
- <!-- Grid column -->
- <!-- Grid column -->
- <div class="col-lg-3 col-md-6 mb-lg-0 mb-5"> <!--- FGDI TODO: to change-->
- <div class="avatar mx-auto">
- <img src="./imgs/avatar/MyriamGuedey.png" class="rounded-circle z-depth-1" width="150px">
- </div>
- <h5 class="font-weight-bold mt-4 mb-3">Myriam Guedey</h5>
- <p class="text-uppercase blue-text"><strong>Researcher</strong></p>
- <a href="https://www.hft-stuttgart.de/p/myriam-guedey" target="_blank">
- <button class="btn btn-primary btn-sm profile">See full profile</button>
- </a>
- <p class="grey-text">Research topics: Smart Cities | Sensors & IoT | Smart Buildings | Open Source and Open Networks | Sustainable Digitalisation</p>
- <ul class="list-unstyled mb-0">
- <a class="p-2 fa-lg" href="https://www.researchgate.net/profile/Myriam-Guedey" target="_blank">
- <i class="fab fa-researchgate"></i>
- </a>
- <a class="p-2 fa-lg" href="https://de.linkedin.com/in/myriamguedey" target="_blank">
- <i class="fab fa-linkedin"></i>
+ <!-- Sarah -->
+ <div class="col-lg-3 col-md-6 mb-lg-0 mb-5">
+ <div class="avatar mx-auto">
+ <img src="./imgs/avatar/sarah.png" class="rounded-circle z-depth-1" width="150px">
+ </div>
+ <h5 class="font-weight-bold mt-4 mb-3">Dr. Sarah Larsen-Vefring</h5>
+ <p class="text-uppercase blue-text"><strong>Managing director research thrust 2</strong></p>
+ <a href="https://www.hft-stuttgart.de/p/sarah-larsen-vefring" target="_blank">
+ <button class="btn btn-primary btn-sm profile">See full profile</button>
</a>
- </ul>
- </div>
- <!-- Grid column -->
-
- <!-- Grid column -->
- <div class="col-lg-3 col-md-6 mb-md-0 mb-5"> <!--- FGDI TODO: to change-->
- <div class="avatar mx-auto">
- <img src="./imgs/avatar/sergej.png" class="rounded-circle z-depth-1" width="150px">
+ <p class="grey-text">Research topics: Smart Technologies, Processes and Methods | Research Coordination IoT </p>
+ <ul class="list-unstyled mb-0">
+ </ul>
</div>
- <h5 class="font-weight-bold mt-4 mb-3">Sergej Kreber</h5>
- <p class="text-uppercase blue-text"><strong>Researcher</strong></p>
- <a href="https://www.hft-stuttgart.de/p/sergej-kreber" target="_blank">
- <button class="btn btn-primary btn-sm profile">See full profile</button>
- </a>
- <p class="grey-text">Research topics: Smart Cities | Sensors & IoT | Smart Buildings</p>
- <ul class="list-unstyled mb-0">
- </ul>
- </div>
+ <!-- Myriam -->
+ <div class="col-lg-3 col-md-6 mb-lg-0 mb-5">
+ <div class="avatar mx-auto">
+ <img src="./imgs/avatar/MyriamGuedey.png" class="rounded-circle z-depth-1" width="150px">
+ </div>
+ <h5 class="font-weight-bold mt-4 mb-3">Myriam Guedey</h5>
+ <p class="text-uppercase blue-text"><strong>Researcher</strong></p>
+ <a href="https://www.hft-stuttgart.de/p/myriam-guedey" target="_blank">
+ <button class="btn btn-primary btn-sm profile">See full profile</button>
+ </a>
+ <p class="grey-text">Research topics: Smart Cities | Sensors & IoT | Smart Buildings | Open Source and Open Networks | Sustainable Digitalisation</p>
+ <ul class="list-unstyled mb-0">
+ <a class="p-2 fa-lg" href="https://www.researchgate.net/profile/Myriam-Guedey" target="_blank">
+ <i class="fab fa-researchgate"></i>
+ </a>
+ <a class="p-2 fa-lg" href="https://de.linkedin.com/in/myriamguedey" target="_blank">
+ <i class="fab fa-linkedin"></i>
+ </a>
+ </ul>
+ </div>
+
+
+ </div>
+
-
+ <!-- Row 2 -->
-
- <!-- Grid row -->
- <div class="row" id="team-section">
-
- <!-- Grid column -->
- <div class="col-lg-3 col-md-6 mb-lg-0 mb-5"> <!--- FGDI TODO: to change-->
- <div class="avatar mx-auto">
- <img src="https://www.hft-stuttgart.de/fileadmin/Dateien/Profilbilder/_processed_/d/2/csm_Screenshot_2020-08-31_at_10.20.20_fd173e3d66.png" class="rounded-circle z-depth-1" width="150px">
- </div>
- <h5 class="font-weight-bold mt-4 mb-3">Muddsair Sharif</h5>
- <p class="text-uppercase blue-text"><strong>Researcher</strong></p>
- <a href="https://www.hft-stuttgart.de/p/muddsair-sharif" target="_blank">
- <button class="btn btn-primary btn-sm profile">See full profile</button>
- </a>
- <p class="grey-text">Research topics: IoT | Machine Learning | High Performance Computing | Context-Aware Resource Optimisations</p>
- <ul class="list-unstyled mb-0">
- <a class="p-2 fa-lg" href="https://www.researchgate.net/profile/Muddsair-Sharif" target="_blank">
- <i class="fab fa-researchgate"></i>
- </a>
- <a class="p-2 fa-lg" href="https://de.linkedin.com/in/muddsairsharif" target="_blank">
- <i class="fab fa-linkedin"></i>
- </a>
- </ul>
- </div>
- <!-- Grid column -->
+ <div class="row" id="team-section">
+ <!-- Robert -->
+ <div class="col-lg-3 col-md-6 mb-lg-0 mb-5">
+ <div class="avatar mx-auto">
+ <img src="imgs/grey_dot.png" class="rounded-circle z-depth-1" width="150px">
+ </div>
+ <h5 class="font-weight-bold mt-4 mb-3">Robert Otto</h5>
+ <p class="text-uppercase blue-text"><strong>Researcher</strong></p>
+ <a href="https://www.hft-stuttgart.de/p/robert-otto" target="_blank">
+ <button class="btn btn-primary btn-sm profile">See full profile</button>
+ </a>
+ <p class="grey-text">Research topics: Sustainable Energy Systems | Simulation | Sensors & IoT | Smart Buildings | Data Science | Machine Learning</p>
+ <ul class="list-unstyled mb-0">
+ <a class="p-2 fa-lg" href="https://www.researchgate.net/profile/Robert-Otto-6" target="_blank">
+ <i class="fab fa-researchgate"></i>
+ </a>
+ <a class="p-2 fa-lg" href="https://de.linkedin.com/in/robert-otto-203373277" target="_blank">
+ <i class="fab fa-linkedin"></i>
+ </a>
+ </ul>
+ </div>
+ <!-- Salam -->
+ <div class="col-lg-3 col-md-6 mb-lg-0 mb-5">
+ <!-- Insert Salam's details here -->
+ <div class="avatar mx-auto">
+ <img src="./imgs/avatar/Salam.png" class="rounded-circle z-depth-1" width="150px">
+ </div>
+ <h5 class="font-weight-bold mt-4 mb-3">Dr. Salam Traboulsi</h5>
+ <p class="text-uppercase blue-text"><strong>Researcher</strong></p>
+ <a href="https://www.hft-stuttgart.de/p/salam-traboulsi" target="_blank">
+ <button class="btn btn-primary btn-sm profile">See full profile</button>
+ </a>
+ <p class="grey-text">Research topics: Smart Cities | Sensors & IoT | AI </p>
+ <ul class="list-unstyled mb-0">
+ <a class="p-2 fa-lg" href="https://www.researchgate.net/profile/Salam-Traboulsi" target="_blank">
+ <i class="fab fa-researchgate"></i>
+ </a>
+ </ul>
+ </div>
+ <!-- Sergej -->
+ <div class="col-lg-3 col-md-6 mb-lg-0 mb-5">
+ <div class="avatar mx-auto">
+ <img src="./imgs/avatar/sergej.png" class="rounded-circle z-depth-1" width="150px">
+ </div>
+ <h5 class="font-weight-bold mt-4 mb-3">Sergej Kreber</h5>
+ <p class="text-uppercase blue-text"><strong>Researcher</strong></p>
+ <a href="https://www.hft-stuttgart.de/p/sergej-kreber" target="_blank">
+ <button class="btn btn-primary btn-sm profile">See full profile</button>
+ </a>
+ <p class="grey-text">Research topics: Smart Cities | Sensors & IoT | Smart Buildings</p>
+ <ul class="list-unstyled mb-0">
+ </ul>
+ </div>
+ <!-- Tim -->
+ <div class="col-lg-3 col-md-6 mb-lg-0 mb-5">
+ <div class="avatar mx-auto">
+ <img src="imgs/grey_dot.png" class="rounded-circle z-depth-1" width="150px">
+ </div>
+ <h5 class="font-weight-bold mt-4 mb-3">Tim Herbst</h5>
+ <p class="text-uppercase blue-text"><strong>Software Engineer</strong></p>
+ <a href="https://www.linkedin.com/in/herbst-tim/?originalSubdomain=de" target="_blank">
+ <button class="btn btn-primary btn-sm profile">See full profile</button>
+ </a>
+
+ <ul class="list-unstyled mb-0">
+ <a class="p-2 fa-lg" href="https://www.linkedin.com/in/herbst-tim/?originalSubdomain=de" target="_blank">
+ <i class="fab fa-linkedin"></i>
+ </a>
+ <a class="p-2 fa-lg" href="https://www.xing.com/profile/Tim_Herbst14" target="_blank">
+ <i class="fab fa-xing"></i>
+ </a>
+ </ul>
+ </div>
- <!-- Grid column -->
- <!-- <div class="col-lg-3 col-md-6 mb-lg-0 mb-5">
- <div class="avatar mx-auto">
- <img src="https://www.hft-stuttgart.de/fileadmin/Dateien/Profilbilder/_processed_/4/b/csm_WIN_20230411_13_47_54_Pro_0a552074a1.jpg" class="rounded-circle z-depth-1" width="150px">
- </div>
- <h5 class="font-weight-bold mt-4 mb-3">Ferdinand Munz</h5>
- <p class="text-uppercase blue-text"><strong>Researcher</strong></p>
- <a href="https://www.hft-stuttgart.de/p/ferdinand-munz" target="_blank">
- <button class="btn btn-primary btn-sm profile">See full profile</button>
- </a>
- <p class="grey-text">Research topics: Lab-based Education | Digitalisation | AI</p>
- <ul class="list-unstyled mb-0">
- </ul>
- </div> -->
- <!-- Grid column -->
+ </div>
- <!-- Grid column -->
- <div class="col-lg-3 col-md-6 mb-lg-0 mb-5"> <!--- FGDI TODO: to change-->
- <div class="avatar mx-auto">
- <img src="imgs/grey_dot.png" class="rounded-circle z-depth-1" width="150px">
- </div>
- <h5 class="font-weight-bold mt-4 mb-3">Robert Otto</h5>
- <p class="text-uppercase blue-text"><strong>Researcher</strong></p>
- <a href="https://www.hft-stuttgart.de/p/robert-otto" target="_blank">
- <button class="btn btn-primary btn-sm profile">See full profile</button>
- </a>
- <p class="grey-text">Research topics: Sustainable Energy Systems | Simulation | Sensors & IoT | Smart Buildings | Data Science | Machine Learning</p>
- <ul class="list-unstyled mb-0">
- <a class="p-2 fa-lg" href="https://www.researchgate.net/profile/Robert-Otto-6" target="_blank">
- <i class="fab fa-researchgate"></i>
- </a>
- <a class="p-2 fa-lg" href="https://de.linkedin.com/in/robert-otto-203373277" target="_blank">
- <i class="fab fa-linkedin"></i>
- </a>
- </ul>
- </div>
- <!-- Grid column -->
-
- <!-- Grid column -->
- <div class="col-lg-3 col-md-6 mb-lg-0 mb-5"> <!--- FGDI TODO: to change-->
- <div class="avatar mx-auto">
- <img src="./imgs/avatar/Salam.png" class="rounded-circle z-depth-1" width="150px">
- </div>
- <h5 class="font-weight-bold mt-4 mb-3">Dr. Salam Traboulsi</h5>
- <p class="text-uppercase blue-text"><strong>Researcher</strong></p>
- <a href="https://www.hft-stuttgart.de/p/salam-traboulsi" target="_blank">
- <button class="btn btn-primary btn-sm profile">See full profile</button>
- </a>
- <p class="grey-text">Research topics: Smart Cities | Sensors & IoT | AI </p>
- <ul class="list-unstyled mb-0">
- <a class="p-2 fa-lg" href="https://www.researchgate.net/profile/Salam-Traboulsi" target="_blank">
- <i class="fab fa-researchgate"></i>
- </a>
- </ul>
+
+ <!-- Row 3 -->
+ <div class="row" id="team-section">
+ <!-- -->
+ <div class="col-lg-3 col-md-6 mb-lg-0 mb-5">
+
+ <div class="avatar mx-auto">
+ <img src="imgs/grey_dot.png" class="rounded-circle z-depth-1" width="150px">
+ </div>
+ <h5 class="font-weight-bold mt-4 mb-3">Niko Jochim</h5>
+ <p class="text-uppercase blue-text"><strong>Academic staff member</strong></p>
+ <a href="https://www.hft-stuttgart.de/p/niko-jochim" target="_blank">
+ <button class="btn btn-primary btn-sm profile">See full profile</button>
+ </a>
+
+ </div>
+ <!-- Anne -->
+ <div class="col-lg-3 col-md-6 mb-lg-0 mb-5">
+ <!-- Insert Anne's details here -->
+ <div class="avatar mx-auto">
+ <img src="imgs/grey_dot.png" class="rounded-circle z-depth-1" width="150px">
+ </div>
+ <h5 class="font-weight-bold mt-4 mb-3">Annegret Höpner</h5>
+ <p class="text-uppercase blue-text"><strong>Academic staff member</strong></p>
+ <a href="https://www.hft-stuttgart.de/p/annegret-hoepner" target="_blank">
+ <button class="btn btn-primary btn-sm profile">See full profile</button>
+ </a>
+ </div>
+ <!-- Muddsair -->
+ <div class="col-lg-3 col-md-6 mb-lg-0 mb-5">
+ <!-- Insert Muddsair's details here -->
+ <div class="avatar mx-auto">
+ <img src="https://www.hft-stuttgart.de/fileadmin/Dateien/Profilbilder/_processed_/d/2/csm_Screenshot_2020-08-31_at_10.20.20_fd173e3d66.png" class="rounded-circle z-depth-1" width="150px">
+ </div>
+ <h5 class="font-weight-bold mt-4 mb-3">Muddsair Sharif</h5>
+ <p class="text-uppercase blue-text"><strong>Researcher</strong></p>
+ <a href="https://www.hft-stuttgart.de/p/muddsair-sharif" target="_blank">
+ <button class="btn btn-primary btn-sm profile">See full profile</button>
+ </a>
+ <p class="grey-text">Research topics: IoT | Machine Learning | High Performance Computing | Context-Aware Resource Optimisations</p>
+ <ul class="list-unstyled mb-0">
+ <a class="p-2 fa-lg" href="https://www.researchgate.net/profile/Muddsair-Sharif" target="_blank">
+ <i class="fab fa-researchgate"></i>
+ </a>
+ <a class="p-2 fa-lg" href="https://de.linkedin.com/in/muddsairsharif" target="_blank">
+ <i class="fab fa-linkedin"></i>
+ </a>
+ </ul>
+ </div>
+ <!-- Max -->
+ <div class="col-lg-3 col-md-6 mb-lg-0 mb-5">
+ <!-- Insert Max's details here -->
+ <div class="avatar mx-auto">
+ <img src="imgs/grey_dot.png" class="rounded-circle z-depth-1" width="150px">
+ </div>
+ <h5 class="font-weight-bold mt-4 mb-3">Max Faber</h5>
+ <p class="text-uppercase blue-text"><strong>Academic staff member</strong></p>
+ <a href="https://www.hft-stuttgart.de/p/max-faberr" target="_blank">
+ <button class="btn btn-primary btn-sm profile">See full profile</button>
+ </a>
+ </div>
+
</div>
- <!-- Grid column -->
- <!-- Grid column -->
- <div class="col-lg-3 col-md-6 mb-lg-0 mb-5">
- <div class="avatar mx-auto">
- <img src="imgs/grey_dot.png" class="rounded-circle z-depth-1" width="150px">
+ <!-- sa debut -->
+ <!-- Row 4 -->
+ <div class="row">
+ <!-- Andreas -->
+ <div class="col-lg-3 col-md-6 mb-lg-0 mb-5">
+ <div class="avatar mx-auto">
+ <img src="imgs/grey_dot.png" class="rounded-circle z-depth-1" width="150px">
+ </div>
+ <h5 class="font-weight-bold mt-4 mb-3">Andreas Trinkle</h5>
+ <p class="text-uppercase blue-text"><strong>Researcher</strong></p>
+ <a href="https://www.hft-stuttgart.de/p/andreas-trinkle" target="_blank">
+ <button class="btn btn-primary btn-sm profile">See full profile</button>
+ </a>
+ <p class="grey-text">Research topics: Smart Buildings | Energy Efficieny | Energy Management </p>
+ <ul class="list-unstyled mb-0">
+ </ul>
+ </div>
+ <!-- Elisabeth -->
+ <div class="col-lg-3 col-md-6 mb-lg-0 mb-5">
+ <div class="avatar mx-auto">
+ <img src="imgs/grey_dot.png" class="rounded-circle z-depth-1" width="150px">
+ </div>
+ <h5 class="font-weight-bold mt-4 mb-3">Elisabeth Kraxner</h5>
+ <p class="text-uppercase blue-text"><strong>Academic staff member</strong></p>
+ <a href="https://www.hft-stuttgart.de/p/elisabeth-kraxner" target="_blank">
+ <button class="btn btn-primary btn-sm profile">See full profile</button>
+ </a>
+ </div>
+ <!-- Ola -->
+ <div class="col-lg-3 col-md-6 mb-lg-0 mb-5">
+ <div class="avatar mx-auto">
+ <img src="imgs/grey_dot.png" class="rounded-circle z-depth-1" width="150px">
+ </div>
+ <h5 class="font-weight-bold mt-4 mb-3">Ola Al Asas</h5>
+ <p class="text-uppercase blue-text"><strong>Technical staff</strong></p>
+ <a href="https://www.hft-stuttgart.de/p/ola-al-asas" target="_blank">
+ <button class="btn btn-primary btn-sm profile">See full profile</button>
+ </a>
+ </div>
+
</div>
- <h5 class="font-weight-bold mt-4 mb-3">Andreas Trinkle</h5>
- <p class="text-uppercase blue-text"><strong>Researcher</strong></p>
- <a href="https://www.hft-stuttgart.de/p/andreas-trinkle" target="_blank">
- <button class="btn btn-primary btn-sm profile">See full profile</button>
- </a>
- <p class="grey-text">Research topics: Smart Buildings | Energy Efficieny | Energy Management </p>
- <ul class="list-unstyled mb-0">
- </ul>
- </div>
- <!-- Grid column -->
- </div>
- <!-- Grid row -->
-
- <!-- Grid row -->
- <!--<div class="row" id="team-section">-->
-
- <!-- To add Elisabeth?, Ola? Detlef? Anne?-->
-
- <!-- </div> -->
- <!-- Grid row -->
+
+
</section>
<!-- Section: Team v.1 -->
--
GitLab