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

Update public/index.html

parent be620810
Pipeline #9093 passed with stage
in 11 seconds
Hide whitespace changes
Inline Side-by-side
Showing
with 244 additions and 169 deletions
+244 -169
public/index.html
+ 244
- 169
View file @ a3fcdb14
...@@ -150,192 +150,267 @@ ...@@ -150,192 +150,267 @@
<!-- Grid row --> <!-- Grid row -->
<div class="row" id="team-section"> <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="col-lg-3 col-md-6 mb-lg-0 mb-5"> <!-- Insert Dieter's details here -->
<div class="avatar mx-auto"> <div class="avatar mx-auto">
<img src="./imgs/avatar/DieterUckelmann.png" class="rounded-circle z-depth-1" width="150px"> <img src="./imgs/avatar/DieterUckelmann.png" class="rounded-circle z-depth-1" width="150px">
</div> </div>
<h5 class="font-weight-bold mt-4 mb-3">Prof. Dr. Dieter Uckelmann</h5> <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> <p class="text-uppercase blue-text"><strong>Research Group Leader</strong></p>
<a href="https://www.hft-stuttgart.de/p/dieter-uckelmann" target="_blank"> <a href="https://www.hft-stuttgart.de/p/dieter-uckelmann" target="_blank">
<button class="btn btn-primary btn-sm profile">See full profile</button> <button class="btn btn-primary btn-sm profile">See full profile</button>
</a> </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> <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"> <ul class="list-unstyled mb-0">
<a class="p-2 fa-lg" href="https://www.researchgate.net/profile/Dieter-Uckelmann" target="_blank"> <a class="p-2 fa-lg" href="https://www.researchgate.net/profile/Dieter-Uckelmann" target="_blank">
<i class="fab fa-researchgate"></i> <i class="fab fa-researchgate"></i>
</a> </a>
<a class="p-2 fa-lg" href="https://de.linkedin.com/in/dieter-uckelmann" target="_blank"> <a class="p-2 fa-lg" href="https://de.linkedin.com/in/dieter-uckelmann" target="_blank">
<i class="fab fa-linkedin"></i> <i class="fab fa-linkedin"></i>
</a> </a>
</ul> </ul>
</div> </div>
<!-- Grid row -->
<!-- Grid column --> <!--- FGDI TODO: to change-->
<div class="col-lg-3 col-md-6 mb-lg-0 mb-5"> <div class="col-lg-3 col-md-6 mb-lg-0 mb-5">
<div class="avatar mx-auto"> <!-- Insert Detlef's details here -->
<img src="./imgs/avatar/sarah.png" class="rounded-circle z-depth-1" width="150px"> <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> </div>
<h5 class="font-weight-bold mt-4 mb-3">Dr. Sarah Larsen-Vefring</h5> <h5 class="font-weight-bold mt-4 mb-3">Prof. Dr.-Ing. Detlef Pape</h5>
<p class="text-uppercase blue-text"><strong>Managing director research thrust 2</strong></p> <p class="text-uppercase blue-text"><strong>Research Group Leader</strong></p>
<a href="https://www.hft-stuttgart.de/p/sarah-larsen-vefring" target="_blank"> <a href="https://www.hft-stuttgart.de/p/detlef-pape" target="_blank">
<button class="btn btn-primary btn-sm profile">See full profile</button> <button class="btn btn-primary btn-sm profile">See full profile</button>
</a> </a>
<p class="grey-text">Research topics: Smart Technologies, Processes and Methods | Research Coordination IoT </p> <p class="grey-text">Research topics: Automation | Industrial Measurement Technologies</p>
<ul class="list-unstyled mb-0">
</ul>
</div> </div>
<!-- Grid column -->
<!-- Grid column --> <!-- Sarah -->
<div class="col-lg-3 col-md-6 mb-lg-0 mb-5"> <!--- FGDI TODO: to change--> <div class="col-lg-3 col-md-6 mb-lg-0 mb-5">
<div class="avatar mx-auto"> <div class="avatar mx-auto">
<img src="./imgs/avatar/MyriamGuedey.png" class="rounded-circle z-depth-1" width="150px"> <img src="./imgs/avatar/sarah.png" class="rounded-circle z-depth-1" width="150px">
</div> </div>
<h5 class="font-weight-bold mt-4 mb-3">Myriam Guedey</h5> <h5 class="font-weight-bold mt-4 mb-3">Dr. Sarah Larsen-Vefring</h5>
<p class="text-uppercase blue-text"><strong>Researcher</strong></p> <p class="text-uppercase blue-text"><strong>Managing director research thrust 2</strong></p>
<a href="https://www.hft-stuttgart.de/p/myriam-guedey" target="_blank"> <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> <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> </a>
</ul> <p class="grey-text">Research topics: Smart Technologies, Processes and Methods | Research Coordination IoT </p>
</div> <ul class="list-unstyled mb-0">
<!-- Grid column --> </ul>
<!-- 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">
</div> </div>
<h5 class="font-weight-bold mt-4 mb-3">Sergej Kreber</h5> <!-- Myriam -->
<p class="text-uppercase blue-text"><strong>Researcher</strong></p> <div class="col-lg-3 col-md-6 mb-lg-0 mb-5">
<a href="https://www.hft-stuttgart.de/p/sergej-kreber" target="_blank"> <div class="avatar mx-auto">
<button class="btn btn-primary btn-sm profile">See full profile</button> <img src="./imgs/avatar/MyriamGuedey.png" class="rounded-circle z-depth-1" width="150px">
</a> </div>
<p class="grey-text">Research topics: Smart Cities | Sensors & IoT | Smart Buildings</p> <h5 class="font-weight-bold mt-4 mb-3">Myriam Guedey</h5>
<ul class="list-unstyled mb-0"> <p class="text-uppercase blue-text"><strong>Researcher</strong></p>
</ul> <a href="https://www.hft-stuttgart.de/p/myriam-guedey" target="_blank">
</div> <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 -->
<div class="row" id="team-section">
<!-- Grid row --> <!-- Robert -->
<div class="row" id="team-section"> <div class="col-lg-3 col-md-6 mb-lg-0 mb-5">
<div class="avatar mx-auto">
<!-- Grid column --> <img src="imgs/grey_dot.png" class="rounded-circle z-depth-1" width="150px">
<div class="col-lg-3 col-md-6 mb-lg-0 mb-5"> <!--- FGDI TODO: to change--> </div>
<div class="avatar mx-auto"> <h5 class="font-weight-bold mt-4 mb-3">Robert Otto</h5>
<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"> <p class="text-uppercase blue-text"><strong>Researcher</strong></p>
</div> <a href="https://www.hft-stuttgart.de/p/robert-otto" target="_blank">
<h5 class="font-weight-bold mt-4 mb-3">Muddsair Sharif</h5> <button class="btn btn-primary btn-sm profile">See full profile</button>
<p class="text-uppercase blue-text"><strong>Researcher</strong></p> </a>
<a href="https://www.hft-stuttgart.de/p/muddsair-sharif" target="_blank"> <p class="grey-text">Research topics: Sustainable Energy Systems | Simulation | Sensors & IoT | Smart Buildings | Data Science | Machine Learning</p>
<button class="btn btn-primary btn-sm profile">See full profile</button> <ul class="list-unstyled mb-0">
</a> <a class="p-2 fa-lg" href="https://www.researchgate.net/profile/Robert-Otto-6" target="_blank">
<p class="grey-text">Research topics: IoT | Machine Learning | High Performance Computing | Context-Aware Resource Optimisations</p> <i class="fab fa-researchgate"></i>
<ul class="list-unstyled mb-0"> </a>
<a class="p-2 fa-lg" href="https://www.researchgate.net/profile/Muddsair-Sharif" target="_blank"> <a class="p-2 fa-lg" href="https://de.linkedin.com/in/robert-otto-203373277" target="_blank">
<i class="fab fa-researchgate"></i> <i class="fab fa-linkedin"></i>
</a> </a>
<a class="p-2 fa-lg" href="https://de.linkedin.com/in/muddsairsharif" target="_blank"> </ul>
<i class="fab fa-linkedin"></i> </div>
</a> <!-- Salam -->
</ul> <div class="col-lg-3 col-md-6 mb-lg-0 mb-5">
</div> <!-- Insert Salam's details here -->
<!-- Grid column --> <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>
<!-- <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 -->
<!-- Grid column -->
<div class="col-lg-3 col-md-6 mb-lg-0 mb-5"> <!--- FGDI TODO: to change--> <!-- Row 3 -->
<div class="avatar mx-auto"> <div class="row" id="team-section">
<img src="imgs/grey_dot.png" class="rounded-circle z-depth-1" width="150px"> <!-- -->
</div> <div class="col-lg-3 col-md-6 mb-lg-0 mb-5">
<h5 class="font-weight-bold mt-4 mb-3">Robert Otto</h5>
<p class="text-uppercase blue-text"><strong>Researcher</strong></p> <div class="avatar mx-auto">
<a href="https://www.hft-stuttgart.de/p/robert-otto" target="_blank"> <img src="imgs/grey_dot.png" class="rounded-circle z-depth-1" width="150px">
<button class="btn btn-primary btn-sm profile">See full profile</button> </div>
</a> <h5 class="font-weight-bold mt-4 mb-3">Niko Jochim</h5>
<p class="grey-text">Research topics: Sustainable Energy Systems | Simulation | Sensors & IoT | Smart Buildings | Data Science | Machine Learning</p> <p class="text-uppercase blue-text"><strong>Academic staff member</strong></p>
<ul class="list-unstyled mb-0"> <a href="https://www.hft-stuttgart.de/p/niko-jochim" target="_blank">
<a class="p-2 fa-lg" href="https://www.researchgate.net/profile/Robert-Otto-6" target="_blank"> <button class="btn btn-primary btn-sm profile">See full profile</button>
<i class="fab fa-researchgate"></i> </a>
</a>
<a class="p-2 fa-lg" href="https://de.linkedin.com/in/robert-otto-203373277" target="_blank"> </div>
<i class="fab fa-linkedin"></i> <!-- Anne -->
</a> <div class="col-lg-3 col-md-6 mb-lg-0 mb-5">
</ul> <!-- Insert Anne's details here -->
</div> <div class="avatar mx-auto">
<!-- Grid column --> <img src="imgs/grey_dot.png" class="rounded-circle z-depth-1" width="150px">
</div>
<!-- Grid column --> <h5 class="font-weight-bold mt-4 mb-3">Annegret Höpner</h5>
<div class="col-lg-3 col-md-6 mb-lg-0 mb-5"> <!--- FGDI TODO: to change--> <p class="text-uppercase blue-text"><strong>Academic staff member</strong></p>
<div class="avatar mx-auto"> <a href="https://www.hft-stuttgart.de/p/annegret-hoepner" target="_blank">
<img src="./imgs/avatar/Salam.png" class="rounded-circle z-depth-1" width="150px"> <button class="btn btn-primary btn-sm profile">See full profile</button>
</div> </a>
<h5 class="font-weight-bold mt-4 mb-3">Dr. Salam Traboulsi</h5> </div>
<p class="text-uppercase blue-text"><strong>Researcher</strong></p> <!-- Muddsair -->
<a href="https://www.hft-stuttgart.de/p/salam-traboulsi" target="_blank"> <div class="col-lg-3 col-md-6 mb-lg-0 mb-5">
<button class="btn btn-primary btn-sm profile">See full profile</button> <!-- Insert Muddsair's details here -->
</a> <div class="avatar mx-auto">
<p class="grey-text">Research topics: Smart Cities | Sensors & IoT | AI </p> <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">
<ul class="list-unstyled mb-0"> </div>
<a class="p-2 fa-lg" href="https://www.researchgate.net/profile/Salam-Traboulsi" target="_blank"> <h5 class="font-weight-bold mt-4 mb-3">Muddsair Sharif</h5>
<i class="fab fa-researchgate"></i> <p class="text-uppercase blue-text"><strong>Researcher</strong></p>
</a> <a href="https://www.hft-stuttgart.de/p/muddsair-sharif" target="_blank">
</ul> <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> </div>
<!-- Grid column -->
<!-- Grid column --> <!-- sa debut -->
<div class="col-lg-3 col-md-6 mb-lg-0 mb-5"> <!-- Row 4 -->
<div class="avatar mx-auto"> <div class="row">
<img src="imgs/grey_dot.png" class="rounded-circle z-depth-1" width="150px"> <!-- 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> </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>
<!-- Section: Team v.1 --> <!-- Section: Team v.1 -->
......
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