diff --git a/public/rgc_website/css/main.css b/public/rgc_website/css/main.css
index 0669cc2f736de3e4c6b67b777a43b544cc86bbe5..5d91f30514a25417355dcb59d4c42427721dea83 100644
--- a/public/rgc_website/css/main.css
+++ b/public/rgc_website/css/main.css
@@ -133,4 +133,17 @@ a.button {
.btnGroupDiv{
/* padding: 20px 00px 00px 20px; */
padding: 0.5rem;
+}
+
+.blue-text {
+ color: #2196f3 !important;
+}
+
+.grey-text {
+ color: #9e9e9e !important;
+}
+
+.z-depth-1, .chip:active {
+ -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12) !important;
+ box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12) !important;
}
\ No newline at end of file
diff --git a/public/rgc_website/imgs/avatar/JoeSquare.jpg b/public/rgc_website/imgs/avatar/JoeSquare.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..fa3fddd835fd4ecb925a402957697ee677f54de7
Binary files /dev/null and b/public/rgc_website/imgs/avatar/JoeSquare.jpg differ
diff --git a/public/rgc_website/imgs/avatar/PatrickSquare.jpg b/public/rgc_website/imgs/avatar/PatrickSquare.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..f98f2b35182d4ad53d7d5753e501567effef326d
Binary files /dev/null and b/public/rgc_website/imgs/avatar/PatrickSquare.jpg differ
diff --git a/public/rgc_website/imgs/avatar/preston.jpg b/public/rgc_website/imgs/avatar/preston.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..5c431138a4d450b6973395b089b621e5e781647b
Binary files /dev/null and b/public/rgc_website/imgs/avatar/preston.jpg differ
diff --git a/public/rgc_website/imgs/avatar/rosanny.jpg b/public/rgc_website/imgs/avatar/rosanny.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..df4007407eb948d8faa0822cc9eddd40440fa9e5
Binary files /dev/null and b/public/rgc_website/imgs/avatar/rosanny.jpg differ
diff --git a/public/rgc_website/imgs/avatar/volker.Coors.jpg b/public/rgc_website/imgs/avatar/volker.Coors.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..1ec26db70ae83c685f4a9c1cf0a647465d73dc9e
Binary files /dev/null and b/public/rgc_website/imgs/avatar/volker.Coors.jpg differ
diff --git a/public/rgc_website/index.html b/public/rgc_website/index.html
index 0e06b49171f591264274c576b57bf3ff9669357d..8012a23ea435db0c2282e9984ee884cfcd3df75f 100644
--- a/public/rgc_website/index.html
+++ b/public/rgc_website/index.html
@@ -19,83 +19,85 @@
<div id="menu" class="navbar"></div>
</div> -->
- <div class="content">
- <!-- <h1 id='projectname'></h1> <!--Projektname kommt aus settings.js, hier nichts einfügen -->
+ <!-- <h1 id='projectname'></h1> <!--Projektname kommt aus settings.js, hier nichts einfügen -->
- <!-- ÄNDERUNGEN NUR NACH DIESER ZEILE -->
+ <!-- ÄNDERUNGEN NUR NACH DIESER ZEILE -->
- <header>
- <div class="collapse navbar-light" id="navbarHeader">
- <div class="container">
- <div class="row">
- <div class="col-sm-8 col-md-7 py-4">
- <h4 class="text-white">About</h4>
- <p class="text-white">Details about our group to be inserted here... </p>
- </div>
- <div class="col-sm-4 offset-md-1 py-4">
- <h4 class="text-white">Contact</h4>
- <ul class="list-unstyled">
- <!-- <li><a href="#" class="text-white">Follow on Twitter</a></li> -->
- <!-- <li><a href="#" class="text-white">Like on Facebook</a></li> -->
- <li><a href="mailto:sven.schneider[at]hft-stuttgart.de">Email me</a></li>
- </ul>
- </div>
+ <header>
+ <div class="collapse navbar-light" id="navbarHeader">
+ <div class="container">
+ <div class="row">
+ <div class="col-sm-8 col-md-7 py-4">
+ <h4 class="text-white">About</h4>
+ <p class="text-white">Details about our group to be inserted here... </p>
+ </div>
+ <div class="col-sm-4 offset-md-1 py-4">
+ <h4 class="text-white">Contact</h4>
+ <ul class="list-unstyled">
+ <!-- <li><a href="#" class="text-white">Follow on Twitter</a></li> -->
+ <!-- <li><a href="#" class="text-white">Like on Facebook</a></li> -->
+ <li><a href="mailto:sven.schneider[at]hft-stuttgart.de">Email me</a></li>
+ </ul>
</div>
</div>
</div>
- <div class="navbar navbar-light shadow-sm" style="background-color: #cc3125;">
- <div class="container d-flex justify-content-between">
- <a href="https://www.hft-stuttgart.de" class="navbar-brand d-flex align-items-center">
- <img src="https://www.hft-stuttgart.de/typo3conf/ext/hft_sitepackage/Resources/Public/img/HFT_logo.svg"
- class="hftlogo" width="100px" alt="wind">
- <i class="fas fa-wind"></i>
- <h1 id='projectname'></h1>
- </a>
- <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarHeader"
- aria-controls="navbarHeader" aria-expanded="false" aria-label="Toggle navigation">
- <span class="navbar-toggler-icon"></span>
- </button>
- </div>
+ </div>
+ <div class="navbar navbar-light shadow-sm" style="background-color: #cc3125;">
+ <div class="container d-flex justify-content-between">
+ <a href="https://www.hft-stuttgart.de" class="navbar-brand d-flex align-items-center">
+ <img src="https://www.hft-stuttgart.de/typo3conf/ext/hft_sitepackage/Resources/Public/img/HFT_logo.svg"
+ class="hftlogo" width="100px">
+ <h1 id='projectname'></h1>
+ </a>
+ <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarHeader"
+ aria-controls="navbarHeader" aria-expanded="false" aria-label="Toggle navigation">
+ <span class="navbar-toggler-icon"></span>
+ </button>
</div>
- </header>
+ </div>
+ </header>
- <main role="main">
+ <main role="main">
- <section class="jumbotron text-center">
- <div class="container">
- <img src="imgs/wind-solid.svg" class="windSVG" width="100px" alt="wind">
- <h1> <b>3D Urban Analytics Lab </b> <br>@HFT Stuttgart </h1>
- <p class="lead text-muted"> (or Vote for new group name) <br>A research group introduction here ....</p>
- <p>The research projects at HFT Stuttgart (University of Applied Sciences Stuttgart).
- </div>
- </section>
+ <section class="jumbotron text-center">
+ <div class="container">
+ <img src="imgs/wind-solid.svg" class="windSVG" width="100px" alt="wind">
+ <h1> <b>3D Urban Analytics Lab </b> <br>@HFT Stuttgart </h1>
+ <p class="lead text-muted"> (or Vote for new group name) <br>A research group introduction here ....</p>
+ <p>The research projects at HFT Stuttgart (University of Applied Sciences Stuttgart).
+ </div>
+ </section>
- <div class="album py-5 bg-light topDownPadding">
- <div class="container">
- <h2>Our Research Projects</h2>
- <div class="row">
- <div class="col-lg-4">
- <div class="card mb-4 shadow-sm extension">
- <h5>Vision Zero <span class="lead text-muted"> Hackathon</span></h5>
+ <div class="album py-5 bg-light topDownPadding">
+ <div class="container">
+ <h2>Our Research Projects</h2>
- <img class="thumbimg" src="imgs/thumbnails/visionZero.jpeg" alt="">
- <div class="card-body">
- <p class="card-text-lg small">
- The <b>VISION ZERO </b> is an application for safety routing with the
- visualization of 3D grid and heatmap. Developed at hackathon event "Neue Wege für die Mobilität in
- Augsburg". (24 hours time limited)
- <br>
- <b><i class="fas fa-user"></i> Contact Person</b>: <a href="https://www.hft-stuttgart.de/p/thunyathep-santhanavanich">Joe
- T.S.</a> <br>
- <b><i class="fas fa-star"></i> Keywords</b>: CityGML, 3D GIS, GIS Analyst, Urban Analytics
- <form action="iStoeckHM.html" class="form-signin" method="GET">
- <button type="submit" class="btn btn-sm btn-outline-secondary">Explore</button>
- </form>
+ <p class="grey-text w-responsive mx-auto mb-5">Research Short Introduction ....</p>
+ <div class="row">
+ <div class="col-lg-4">
+ <div class="card mb-4 shadow-sm extension">
+ <h5>Vision Zero <span class="lead text-muted"> Hackathon</span></h5>
- </p>
- </div>
- <!-- <div class="justify-content-between align-items-center btnGroupDiv">
+ <img class="thumbimg" src="imgs/thumbnails/visionZero.jpeg" alt="">
+ <div class="card-body">
+ <p class="card-text-lg small">
+ The <b>VISION ZERO </b> is an application for safety routing with the
+ visualization of 3D grid and heatmap. Developed at hackathon event "Neue Wege für die Mobilität in
+ Augsburg". (24 hours time limited)
+ <br>
+ <b><i class="fas fa-user"></i> Contact Person</b>: <a
+ href="https://www.hft-stuttgart.de/p/thunyathep-santhanavanich">Joe
+ T.S.</a> <br>
+ <b><i class="fas fa-star"></i> Keywords</b>: CityGML, 3D GIS, GIS Analyst, Urban Analytics
+ <form action="iStoeckHM.html" class="form-signin" method="GET">
+ <button type="submit" class="btn btn-sm btn-outline-secondary">Explore</button>
+ </form>
+
+
+ </p>
+ </div>
+ <!-- <div class="justify-content-between align-items-center btnGroupDiv">
<div class="btn-group">
<form action="iStoeckHM.html" class="form-signin" method="GET">
<button type="submit" class="btn btn-sm btn-outline-secondary">Explore</button>
@@ -107,157 +109,159 @@
<br>
<p class="small"></p>
</div> -->
- </div>
</div>
- <div class="col-lg-4">
- <div class="card mb-4 shadow-sm extension">
- <h5>3D E-bike<span class="lead text-muted"> iCity Project</span></h5>
- <img class="thumbimg" src="imgs/thumbnails/i_cityEbikeSharing.png" alt="">
- <div class="card-body">
- <p class="card-text-xl small">
- The <b>3D E-bike Tracking </b> is a 3D web-based visual analytics application designed showing
- various parameters from sensor systems equipped on the E-bike sharing system in the study area of a
- city of Stuttgart, Germany.
- <br>
- <b><i class="fas fa-user"></i> Contact Person</b>: <a href="https://www.hft-stuttgart.de/p/thunyathep-santhanavanich">Joe
- T.S.</a> <br>
- <b><i class="fas fa-star"></i> Keywords </b>: SensorThings API, CityGML, 3D GIS, GIS Analyst, Urban Analytics
-
- </p>
- <a href="https://www.forschung-fachhochschulen.de/massnahmen/fhimpuls/icity" target="_blank">
- <button class="btn btn-primary btn-sm"> <i class="fas fa-search"></i> Explore</button>
- </a>
-
- <!-- <form action="iStoeckHexgrid_2m.html" class="form-signin" method="GET"><button type="submit"
+ </div>
+ <div class="col-lg-4">
+ <div class="card mb-4 shadow-sm extension">
+ <h5>3D E-bike<span class="lead text-muted"> iCity Project</span></h5>
+ <img class="thumbimg" src="imgs/thumbnails/i_cityEbikeSharing.png" alt="">
+ <div class="card-body">
+ <p class="card-text-xl small">
+ The <b>3D E-bike Tracking </b> is a 3D web-based visual analytics application designed showing
+ various parameters from sensor systems equipped on the E-bike sharing system in the study area of a
+ city of Stuttgart, Germany.
+ <br>
+ <b><i class="fas fa-user"></i> Contact Person</b>: <a
+ href="https://www.hft-stuttgart.de/p/thunyathep-santhanavanich">Joe
+ T.S.</a> <br>
+ <b><i class="fas fa-star"></i> Keywords </b>: SensorThings API, CityGML, 3D GIS, GIS Analyst, Urban
+ Analytics
+
+ </p>
+ <a href="https://www.forschung-fachhochschulen.de/massnahmen/fhimpuls/icity" target="_blank">
+ <button class="btn btn-primary btn-sm"> <i class="fas fa-search"></i> Explore</button>
+ </a>
+
+ <!-- <form action="iStoeckHexgrid_2m.html" class="form-signin" method="GET"><button type="submit"
class="btn btn-sm btn-outline-secondary">Explore Application</button></form>
<form action="iStoeckHexgrid_2m.html" class="form-signin" method="GET"><button type="submit"
class="btn btn-sm btn-outline-secondary">Visit iCity project</button></form> -->
- </div>
</div>
</div>
- <div class="col-lg-4">
- <div class="card mb-4 shadow-sm extension">
- <h5>Project 3</h5>
- <!-- <svg class="bd-placeholder-img card-img-top" width="100%" height="225" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid slice" focusable="false" role="img" aria-label="Placeholder: Thumbnail"><title>Placeholder</title><rect width="100%" height="100%" fill="#55595c"/><text x="50%" y="50%" fill="#eceeef" dy=".3em">Thumbnail</text></svg> -->
- <img class="thumbimg" src="imgs/thumbnails/HexGrid5m_PressureMeanGeoJSON.PNG" alt="">
- <div class="card-body">
- <p class="card-text">... description ...</p>
- </div>
- <div class="d-flex justify-content-between align-items-center btnGroupDiv">
- <div class="btn-group">
- <form action="iStoeckHMGeoJSON.html" class="form-signin" method="GET">
- <button type="submit" class="btn btn-sm btn-outline-secondary">Explore</button>
- </form>
- </div>
- <!-- <small class="text-muted">9 mins</small> -->
+ </div>
+ <div class="col-lg-4">
+ <div class="card mb-4 shadow-sm extension">
+ <h5>Project 3</h5>
+ <!-- <svg class="bd-placeholder-img card-img-top" width="100%" height="225" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid slice" focusable="false" role="img" aria-label="Placeholder: Thumbnail"><title>Placeholder</title><rect width="100%" height="100%" fill="#55595c"/><text x="50%" y="50%" fill="#eceeef" dy=".3em">Thumbnail</text></svg> -->
+ <img class="thumbimg" src="imgs/thumbnails/HexGrid5m_PressureMeanGeoJSON.PNG" alt="">
+ <div class="card-body">
+ <p class="card-text">... description ...</p>
+ </div>
+ <div class="d-flex justify-content-between align-items-center btnGroupDiv">
+ <div class="btn-group">
+ <form action="iStoeckHMGeoJSON.html" class="form-signin" method="GET">
+ <button type="submit" class="btn btn-sm btn-outline-secondary">Explore</button>
+ </form>
</div>
+ <!-- <small class="text-muted">9 mins</small> -->
</div>
</div>
</div>
</div>
</div>
+ </div>
- <div class="album py-5 bg-light topDownPadding">
- <div class="container">
+ <div class="album py-5 bg-light topDownPadding">
+ <div class="container">
- <div class="row">
- <div class="col-lg-4">
- <div class="card mb-4 shadow-sm extension">
- <h5>Project 4</h5>
- <!-- <svg class="bd-placeholder-img card-img-top" width="100%" height="225" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid slice" focusable="false" role="img" aria-label="Placeholder: Thumbnail"><title>Placeholder</title><rect width="100%" height="100%" fill="#55595c"/><text x="50%" y="50%" fill="#eceeef" dy=".3em">Thumbnail</text></svg> -->
- <img class="thumbimg" src="imgs/thumbnails/PointCloud.PNG" alt="">
- <div class="card-body">
- <p class="card-text">... description ...</p>
- </div>
- <div class="d-flex justify-content-between align-items-center btnGroupDiv">
- <div class="btn-group">
- <form action="iStoeck.html" class="form-signin" method="GET">
- <button type="submit" class="btn btn-sm btn-outline-secondary">Explore</button>
- </form>
- </div>
- <!-- <small class="text-muted">9 mins</small> -->
+ <div class="row">
+ <div class="col-lg-4">
+ <div class="card mb-4 shadow-sm extension">
+ <h5>Project 4</h5>
+ <!-- <svg class="bd-placeholder-img card-img-top" width="100%" height="225" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid slice" focusable="false" role="img" aria-label="Placeholder: Thumbnail"><title>Placeholder</title><rect width="100%" height="100%" fill="#55595c"/><text x="50%" y="50%" fill="#eceeef" dy=".3em">Thumbnail</text></svg> -->
+ <img class="thumbimg" src="imgs/thumbnails/PointCloud.PNG" alt="">
+ <div class="card-body">
+ <p class="card-text">... description ...</p>
+ </div>
+ <div class="d-flex justify-content-between align-items-center btnGroupDiv">
+ <div class="btn-group">
+ <form action="iStoeck.html" class="form-signin" method="GET">
+ <button type="submit" class="btn btn-sm btn-outline-secondary">Explore</button>
+ </form>
</div>
+ <!-- <small class="text-muted">9 mins</small> -->
</div>
</div>
- <div class="col-lg-4">
- <div class="card mb-4 shadow-sm extension">
- <h5>Project 5</h5>
- <!-- <svg class="bd-placeholder-img card-img-top" width="100%" height="225" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid slice" focusable="false" role="img" aria-label="Placeholder: Thumbnail"><title>Placeholder</title><rect width="100%" height="100%" fill="#55595c"/><text x="50%" y="50%" fill="#eceeef" dy=".3em">Thumbnail</text></svg> -->
- <img class="thumbimg" src="imgs/thumbnails/StreamLinesCesiumOverview.PNG" alt="">
- <div class="card-body">
- <p class="card-text">... description ...</p>
- </div>
- <div class="d-flex justify-content-between align-items-center btnGroupDiv">
- <div class="btn-group">
- <form action="iStoeckStreams.html" class="form-signin" method="GET">
- <button type="submit" class="btn btn-sm btn-outline-secondary">Explore</button>
- </form>
- </div>
- <!-- <small class="text-muted">9 mins</small> -->
+ </div>
+ <div class="col-lg-4">
+ <div class="card mb-4 shadow-sm extension">
+ <h5>Project 5</h5>
+ <!-- <svg class="bd-placeholder-img card-img-top" width="100%" height="225" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid slice" focusable="false" role="img" aria-label="Placeholder: Thumbnail"><title>Placeholder</title><rect width="100%" height="100%" fill="#55595c"/><text x="50%" y="50%" fill="#eceeef" dy=".3em">Thumbnail</text></svg> -->
+ <img class="thumbimg" src="imgs/thumbnails/StreamLinesCesiumOverview.PNG" alt="">
+ <div class="card-body">
+ <p class="card-text">... description ...</p>
+ </div>
+ <div class="d-flex justify-content-between align-items-center btnGroupDiv">
+ <div class="btn-group">
+ <form action="iStoeckStreams.html" class="form-signin" method="GET">
+ <button type="submit" class="btn btn-sm btn-outline-secondary">Explore</button>
+ </form>
</div>
+ <!-- <small class="text-muted">9 mins</small> -->
</div>
</div>
- <div class="col-lg-4">
-
- <div class="card mb-4 shadow-sm extension">
- <h5>Project 6</h5>
- <!-- <svg class="bd-placeholder-img card-img-top" width="100%" height="225" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid slice" focusable="false" role="img" aria-label="Placeholder: Thumbnail"><title>Placeholder</title><rect width="100%" height="100%" fill="#55595c"/><text x="50%" y="50%" fill="#eceeef" dy=".3em">Thumbnail</text></svg> -->
- <img class="thumbimg" src="imgs/thumbnails/StreamlinesMultipart.PNG" alt="">
- <div class="card-body">
- <p class="card-text">... description ...</p>
- </div>
- <div class="d-flex justify-content-between align-items-center btnGroupDiv">
- <div class="btn-group">
- <form action="StreamlinesMultipart.html" class="form-signin" method="GET">
- <button type="submit" class="btn btn-sm btn-outline-secondary">Explore</button>
- </form>
- </div>
+ </div>
+ <div class="col-lg-4">
+
+ <div class="card mb-4 shadow-sm extension">
+ <h5>Project 6</h5>
+ <!-- <svg class="bd-placeholder-img card-img-top" width="100%" height="225" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid slice" focusable="false" role="img" aria-label="Placeholder: Thumbnail"><title>Placeholder</title><rect width="100%" height="100%" fill="#55595c"/><text x="50%" y="50%" fill="#eceeef" dy=".3em">Thumbnail</text></svg> -->
+ <img class="thumbimg" src="imgs/thumbnails/StreamlinesMultipart.PNG" alt="">
+ <div class="card-body">
+ <p class="card-text">... description ...</p>
+ </div>
+ <div class="d-flex justify-content-between align-items-center btnGroupDiv">
+ <div class="btn-group">
+ <form action="StreamlinesMultipart.html" class="form-signin" method="GET">
+ <button type="submit" class="btn btn-sm btn-outline-secondary">Explore</button>
+ </form>
</div>
+ </div>
- </div>
</div>
</div>
</div>
+ </div>
- <!-- Zeile 3 mit Album -->
+ <!-- Zeile 3 mit Album -->
- <div class="album py-5 bg-light topDownPadding">
- <div class="container">
+ <div class="album py-5 bg-light topDownPadding">
+ <div class="container">
- <div class="row">
- <div class="col-lg-4">
+ <div class="row">
+ <div class="col-lg-4">
- <div class="card mb-4 shadow-sm extension">
- <h5>Project 7</h5>
- <!-- <svg class="bd-placeholder-img card-img-top" width="100%" height="225" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid slice" focusable="false" role="img" aria-label="Placeholder: Thumbnail"><title>Placeholder</title><rect width="100%" height="100%" fill="#55595c"/><text x="50%" y="50%" fill="#eceeef" dy=".3em">Thumbnail</text></svg> -->
- <img class="thumbimg" src="imgs/thumbnails/EssenPC.PNG" alt="">
- <div class="card-body">
- <p class="card-text">... description ...</p>
- <!-- <small class="text-muted">9 mins</small> -->
- </div>
- <div class="d-flex justify-content-between align-items-center btnGroupDiv">
- <div class="btn-group">
- <form action="EssenPC.html" class="form-signin" method="GET">
- <button type="submit" class="btn btn-sm btn-outline-secondary ">Explore</button>
- </form>
- </div>
+ <div class="card mb-4 shadow-sm extension">
+ <h5>Project 7</h5>
+ <!-- <svg class="bd-placeholder-img card-img-top" width="100%" height="225" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid slice" focusable="false" role="img" aria-label="Placeholder: Thumbnail"><title>Placeholder</title><rect width="100%" height="100%" fill="#55595c"/><text x="50%" y="50%" fill="#eceeef" dy=".3em">Thumbnail</text></svg> -->
+ <img class="thumbimg" src="imgs/thumbnails/EssenPC.PNG" alt="">
+ <div class="card-body">
+ <p class="card-text">... description ...</p>
+ <!-- <small class="text-muted">9 mins</small> -->
+ </div>
+ <div class="d-flex justify-content-between align-items-center btnGroupDiv">
+ <div class="btn-group">
+ <form action="EssenPC.html" class="form-signin" method="GET">
+ <button type="submit" class="btn btn-sm btn-outline-secondary ">Explore</button>
+ </form>
</div>
</div>
</div>
</div>
</div>
</div>
+ </div>
- <!-- <br>
+ <!-- <br>
<div class="d-flex justify-content-between align-items-center btnGroupDiv">
<div class="btn-group">
<form action="/debug" class="form-signin" method="GET">
@@ -265,25 +269,135 @@
</form>
</div>
</div> -->
+ <hr>
+ <div class="container">
+ <h2>Our amazing team</h2>
+ <!-- Section description -->
+ <p class="grey-text w-responsive mx-auto mb-5">Team Description ....</p>
+ <section class="team-section text-center my-5">
- </main>
+ <!-- Grid row -->
+ <div class="row">
- <footer class="text-white">
- <div class="container">
- <p class="float-right">
- <a href="#">Back to top</a>
- </p>
- <p>© HFT Stuttgart, 2020.</p>
+ <!-- Grid column -->
+ <div class="col-lg-3 col-md-6 mb-lg-0 mb-5">
+ <div class="avatar mx-auto">
+ <img src="./imgs/avatar/volker.Coors.jpg" class="rounded-circle z-depth-1" width="150px">
+ </div>
+ <h5 class="font-weight-bold mt-4 mb-3">Prof. Dr. Volker Coors</h5>
+ <p class="text-uppercase blue-text"><strong>Lab Leader</strong></p>
+ <p class="grey-text">Profile Description....</p>
+ <ul class="list-unstyled mb-0">
+ <!-- Facebook -->
+ <a class="p-2 fa-lg fb-ic">
+ <i class="fab fa-facebook-f blue-text"> </i>
+ </a>
+ <!-- Twitter -->
+ <a class="p-2 fa-lg tw-ic">
+ <i class="fab fa-twitter blue-text"> </i>
+ </a>
+ <!-- Instagram -->
+ <a class="p-2 fa-lg ins-ic">
+ <i class="fab fa-instagram blue-text"> </i>
+ </a>
+ </ul>
+ </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/avatar/JoeSquare.jpg" class="rounded-circle z-depth-1" width="150px">
+ </div>
+ <h5 class="font-weight-bold mt-4 mb-3">Joe T. Santhanavanich</h5>
+ <p class="text-uppercase blue-text"><strong>Researcher</strong></p>
+ <p class="grey-text">Profile Description....</p>
+ <ul class="list-unstyled mb-0">
+ <!-- Facebook -->
+ <a class="p-2 fa-lg fb-ic">
+ <i class="fab fa-facebook-f blue-text"> </i>
+ </a>
+ <!-- Instagram -->
+ <a class="p-2 fa-lg ins-ic">
+ <i class="fab fa-instagram blue-text"> </i>
+ </a>
+ </ul>
+ </div>
+ <!-- Grid column -->
+
+
+ <!-- Grid column -->
+
+ <!-- Grid column -->
+ <div class="col-lg-3 col-md-6">
+ <div class="avatar mx-auto">
+ <img src="./imgs/avatar/rosanny.jpg" class="rounded-circle z-depth-1" width="150px">
+ </div>
+ <h5 class="font-weight-bold mt-4 mb-3">Rosanny S.</h5>
+ <p class="text-uppercase blue-text"><strong>Researcher</strong></p>
+ <p class="grey-text">Profile Description....</p>
+ <ul class="list-unstyled mb-0">
+ <!-- Facebook -->
+ <a class="p-2 fa-lg fb-ic">
+ <i class="fab fa-facebook-f blue-text"> </i>
+ </a>
+ <!-- Github -->
+ <a class="p-2 fa-lg ins-ic">
+ <i class="fab fa-github blue-text"> </i>
+ </a>
+ </ul>
+ </div>
+ <!-- Grid column -->
+ <!-- Grid column -->
+ <div class="col-lg-3 col-md-6 mb-md-0 mb-5">
+ <div class="avatar mx-auto">
+ <img src="./imgs/avatar/PatrickSquare.jpg" class="rounded-circle z-depth-1" width="150px">
+ </div>
+ <h5 class="font-weight-bold mt-4 mb-3">Patrick Wuerstle</h5>
+ <p class="text-uppercase blue-text"><strong>Researcher</strong></p>
+ <p class="grey-text">Profile Description....</p>
+ <ul class="list-unstyled mb-0">
+ <!-- Facebook -->
+ <a class="p-2 fa-lg fb-ic">
+ <i class="fab fa-facebook-f blue-text"> </i>
+ </a>
+ <!-- Instagram -->
+ <a class="p-2 fa-lg ins-ic">
+ <i class="fab fa-instagram blue-text"> </i>
+ </a>
+ <!-- Dribbble -->
+ <a class="p-2 fa-lg ins-ic">
+ <i class="fab fa-dribbble blue-text"> </i>
+ </a>
+ </ul>
+ </div>
+ </div>
+ <!-- Grid row -->
+
+ </section>
+ <!-- Section: Team v.1 -->
</div>
- </footer>
+
+ </main>
+ <!-- Section: Team v.1 -->
+
+
+ <footer class="text-white">
+ <div class="container">
+ <p class="float-right">
+ <a href="#">Back to top</a>
+ </p>
+ <p>© HFT Stuttgart, 2020.</p>
+
+ </div>
+ </footer>
- <!-- KEINE ÄNDERUNGEN NACH DIESER ZEILE -->
- <!-- <script src="settings.js"> </script> -->
- <script src="./js/jquery.slim.min.js"></script>
- <script src="./js/popper.min.js"></script>
- <script src="js/bootstrap.min.js"></script>
+ <!-- KEINE ÄNDERUNGEN NACH DIESER ZEILE -->
+ <!-- <script src="settings.js"> </script> -->
+ <script src="./js/jquery.slim.min.js"></script>
+ <script src="./js/popper.min.js"></script>
+ <script src="js/bootstrap.min.js"></script>
</body>
</html>
\ No newline at end of file
diff --git a/public/rgc_website/style.css b/public/rgc_website/style.css
index 0c3f92081accc22564fac82f5072cdd055bca809..ad63f7e21a56491f200b4480d0af8e6c01f76f03 100644
--- a/public/rgc_website/style.css
+++ b/public/rgc_website/style.css
@@ -43,3 +43,4 @@ body {
padding-top:10px;
padding-bottom: 10px;
}
+