Commit 5760ce17 authored by Joe TS Dell's avatar Joe TS Dell
Browse files

update

parent d572e617
Pipeline #1289 passed with stage
in 6 seconds
...@@ -133,4 +133,17 @@ a.button { ...@@ -133,4 +133,17 @@ a.button {
.btnGroupDiv{ .btnGroupDiv{
/* padding: 20px 00px 00px 20px; */ /* padding: 20px 00px 00px 20px; */
padding: 0.5rem; 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
...@@ -19,83 +19,85 @@ ...@@ -19,83 +19,85 @@
<div id="menu" class="navbar"></div> <div id="menu" class="navbar"></div>
</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> <header>
<div class="collapse navbar-light" id="navbarHeader"> <div class="collapse navbar-light" id="navbarHeader">
<div class="container"> <div class="container">
<div class="row"> <div class="row">
<div class="col-sm-8 col-md-7 py-4"> <div class="col-sm-8 col-md-7 py-4">
<h4 class="text-white">About</h4> <h4 class="text-white">About</h4>
<p class="text-white">Details about our group to be inserted here... </p> <p class="text-white">Details about our group to be inserted here... </p>
</div> </div>
<div class="col-sm-4 offset-md-1 py-4"> <div class="col-sm-4 offset-md-1 py-4">
<h4 class="text-white">Contact</h4> <h4 class="text-white">Contact</h4>
<ul class="list-unstyled"> <ul class="list-unstyled">
<!-- <li><a href="#" class="text-white">Follow on Twitter</a></li> --> <!-- <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="#" class="text-white">Like on Facebook</a></li> -->
<li><a href="mailto:sven.schneider[at]hft-stuttgart.de">Email me</a></li> <li><a href="mailto:sven.schneider[at]hft-stuttgart.de">Email me</a></li>
</ul> </ul>
</div>
</div> </div>
</div> </div>
</div> </div>
<div class="navbar navbar-light shadow-sm" style="background-color: #cc3125;"> </div>
<div class="container d-flex justify-content-between"> <div class="navbar navbar-light shadow-sm" style="background-color: #cc3125;">
<a href="https://www.hft-stuttgart.de" class="navbar-brand d-flex align-items-center"> <div class="container d-flex justify-content-between">
<img src="https://www.hft-stuttgart.de/typo3conf/ext/hft_sitepackage/Resources/Public/img/HFT_logo.svg" <a href="https://www.hft-stuttgart.de" class="navbar-brand d-flex align-items-center">
class="hftlogo" width="100px" alt="wind"> <img src="https://www.hft-stuttgart.de/typo3conf/ext/hft_sitepackage/Resources/Public/img/HFT_logo.svg"
<i class="fas fa-wind"></i> class="hftlogo" width="100px">
<h1 id='projectname'></h1> <h1 id='projectname'></h1>
</a> </a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarHeader" <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarHeader"
aria-controls="navbarHeader" aria-expanded="false" aria-label="Toggle navigation"> aria-controls="navbarHeader" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span> <span class="navbar-toggler-icon"></span>
</button> </button>
</div>
</div> </div>
</header> </div>
</header>
<main role="main"> <main role="main">
<section class="jumbotron text-center"> <section class="jumbotron text-center">
<div class="container"> <div class="container">
<img src="imgs/wind-solid.svg" class="windSVG" width="100px" alt="wind"> <img src="imgs/wind-solid.svg" class="windSVG" width="100px" alt="wind">
<h1> <b>3D Urban Analytics Lab </b> <br>@HFT Stuttgart </h1> <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 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). <p>The research projects at HFT Stuttgart (University of Applied Sciences Stuttgart).
</div> </div>
</section> </section>
<div class="album py-5 bg-light topDownPadding"> <div class="album py-5 bg-light topDownPadding">
<div class="container"> <div class="container">
<h2>Our Research Projects</h2> <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>
<img class="thumbimg" src="imgs/thumbnails/visionZero.jpeg" alt=""> <p class="grey-text w-responsive mx-auto mb-5">Research Short Introduction ....</p>
<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>
<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> <img class="thumbimg" src="imgs/thumbnails/visionZero.jpeg" alt="">
</div> <div class="card-body">
<!-- <div class="justify-content-between align-items-center btnGroupDiv"> <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"> <div class="btn-group">
<form action="iStoeckHM.html" class="form-signin" method="GET"> <form action="iStoeckHM.html" class="form-signin" method="GET">
<button type="submit" class="btn btn-sm btn-outline-secondary">Explore</button> <button type="submit" class="btn btn-sm btn-outline-secondary">Explore</button>
...@@ -107,157 +109,159 @@ ...@@ -107,157 +109,159 @@
<br> <br>
<p class="small"></p> <p class="small"></p>
</div> --> </div> -->
</div>
</div> </div>
<div class="col-lg-4"> </div>
<div class="card mb-4 shadow-sm extension"> <div class="col-lg-4">
<h5>3D E-bike<span class="lead text-muted"> iCity Project</span></h5> <div class="card mb-4 shadow-sm extension">
<img class="thumbimg" src="imgs/thumbnails/i_cityEbikeSharing.png" alt=""> <h5>3D E-bike<span class="lead text-muted"> iCity Project</span></h5>
<div class="card-body"> <img class="thumbimg" src="imgs/thumbnails/i_cityEbikeSharing.png" alt="">
<p class="card-text-xl small"> <div class="card-body">
The <b>3D E-bike Tracking </b> is a 3D web-based visual analytics application designed showing <p class="card-text-xl small">
various parameters from sensor systems equipped on the E-bike sharing system in the study area of a The <b>3D E-bike Tracking </b> is a 3D web-based visual analytics application designed showing
city of Stuttgart, Germany. various parameters from sensor systems equipped on the E-bike sharing system in the study area of a
<br> city of Stuttgart, Germany.
<b><i class="fas fa-user"></i> Contact Person</b>: <a href="https://www.hft-stuttgart.de/p/thunyathep-santhanavanich">Joe <br>
T.S.</a> <br> <b><i class="fas fa-user"></i> Contact Person</b>: <a
<b><i class="fas fa-star"></i> Keywords </b>: SensorThings API, CityGML, 3D GIS, GIS Analyst, Urban Analytics href="https://www.hft-stuttgart.de/p/thunyathep-santhanavanich">Joe
T.S.</a> <br>
</p> <b><i class="fas fa-star"></i> Keywords </b>: SensorThings API, CityGML, 3D GIS, GIS Analyst, Urban
<a href="https://www.forschung-fachhochschulen.de/massnahmen/fhimpuls/icity" target="_blank"> Analytics
<button class="btn btn-primary btn-sm"> <i class="fas fa-search"></i> Explore</button>
</a> </p>
<a href="https://www.forschung-fachhochschulen.de/massnahmen/fhimpuls/icity" target="_blank">
<!-- <form action="iStoeckHexgrid_2m.html" class="form-signin" method="GET"><button type="submit" <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> class="btn btn-sm btn-outline-secondary">Explore Application</button></form>
<form action="iStoeckHexgrid_2m.html" class="form-signin" method="GET"><button type="submit" <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> --> class="btn btn-sm btn-outline-secondary">Visit iCity project</button></form> -->
</div>
</div> </div>
</div> </div>
<div class="col-lg-4"> </div>
<div class="card mb-4 shadow-sm extension"> <div class="col-lg-4">
<h5>Project 3</h5> <div class="card mb-4 shadow-sm extension">
<!-- <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> --> <h5>Project 3</h5>
<img class="thumbimg" src="imgs/thumbnails/HexGrid5m_PressureMeanGeoJSON.PNG" alt=""> <!-- <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> -->
<div class="card-body"> <img class="thumbimg" src="imgs/thumbnails/HexGrid5m_PressureMeanGeoJSON.PNG" alt="">
<p class="card-text">... description ...</p> <div class="card-body">
</div> <p class="card-text">... description ...</p>
<div class="d-flex justify-content-between align-items-center btnGroupDiv"> </div>
<div class="btn-group"> <div class="d-flex justify-content-between align-items-center btnGroupDiv">
<form action="iStoeckHMGeoJSON.html" class="form-signin" method="GET"> <div class="btn-group">
<button type="submit" class="btn btn-sm btn-outline-secondary">Explore</button> <form action="iStoeckHMGeoJSON.html" class="form-signin" method="GET">
</form> <button type="submit" class="btn btn-sm btn-outline-secondary">Explore</button>
</div> </form>
<!-- <small class="text-muted">9 mins</small> -->
</div> </div>
<!-- <small class="text-muted">9 mins</small> -->
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div>
<div class="album py-5 bg-light topDownPadding"> <div class="album py-5 bg-light topDownPadding">
<div class="container"> <div class="container">
<div class="row"> <div class="row">
<div class="col-lg-4"> <div class="col-lg-4">
<div class="card mb-4 shadow-sm extension"> <div class="card mb-4 shadow-sm extension">
<h5>Project 4</h5> <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> --> <!-- <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=""> <img class="thumbimg" src="imgs/thumbnails/PointCloud.PNG" alt="">
<div class="card-body"> <div class="card-body">
<p class="card-text">... description ...</p> <p class="card-text">... description ...</p>
</div> </div>
<div class="d-flex justify-content-between align-items-center btnGroupDiv"> <div class="d-flex justify-content-between align-items-center btnGroupDiv">
<div class="btn-group"> <div class="btn-group">
<form action="iStoeck.html" class="form-signin" method="GET"> <form action="iStoeck.html" class="form-signin" method="GET">
<button type="submit" class="btn btn-sm btn-outline-secondary">Explore</button> <button type="submit" class="btn btn-sm btn-outline-secondary">Explore</button>
</form> </form>
</div>
<!-- <small class="text-muted">9 mins</small> -->
</div> </div>
<!-- <small class="text-muted">9 mins</small> -->
</div> </div>
</div> </div>
<div class="col-lg-4"> </div>
<div class="card mb-4 shadow-sm extension"> <div class="col-lg-4">
<h5>Project 5</h5> <div class="card mb-4 shadow-sm extension">
<!-- <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> --> <h5>Project 5</h5>
<img class="thumbimg" src="imgs/thumbnails/StreamLinesCesiumOverview.PNG" alt=""> <!-- <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> -->
<div class="card-body"> <img class="thumbimg" src="imgs/thumbnails/StreamLinesCesiumOverview.PNG" alt="">
<p class="card-text">... description ...</p> <div class="card-body">
</div> <p class="card-text">... description ...</p>
<div class="d-flex justify-content-between align-items-center btnGroupDiv"> </div>
<div class="btn-group"> <div class="d-flex justify-content-between align-items-center btnGroupDiv">
<form action="iStoeckStreams.html" class="form-signin" method="GET"> <div class="btn-group">
<button type="submit" class="btn btn-sm btn-outline-secondary">Explore</button> <form action="iStoeckStreams.html" class="form-signin" method="GET">
</form> <button type="submit" class="btn btn-sm btn-outline-secondary">Explore</button>
</div> </form>
<!-- <small class="text-muted">9 mins</small> -->
</div> </div>
<!-- <small class="text-muted">9 mins</small> -->
</div> </div>
</div> </div>
<div class="col-lg-4"> </div>
<div class="col-lg-4">
<div class="card mb-4 shadow-sm extension">
<h5>Project 6</h5> <div class="card mb-4 shadow-sm extension">
<!-- <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> --> <h5>Project 6</h5>
<img class="thumbimg" src="imgs/thumbnails/StreamlinesMultipart.PNG" alt=""> <!-- <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> -->
<div class="card-body"> <img class="thumbimg" src="imgs/thumbnails/StreamlinesMultipart.PNG" alt="">
<p class="card-text">... description ...</p> <div class="card-body">
</div> <p class="card-text">... description ...</p>
<div class="d-flex justify-content-between align-items-center btnGroupDiv"> </div>
<div class="btn-group"> <div class="d-flex justify-content-between align-items-center btnGroupDiv">
<form action="StreamlinesMultipart.html" class="form-signin" method="GET"> <div class="btn-group">
<button type="submit" class="btn btn-sm btn-outline-secondary">Explore</button> <form action="StreamlinesMultipart.html" class="form-signin" method="GET">
</form> <button type="submit" class="btn btn-sm btn-outline-secondary">Explore</button>
</div> </form>
</div> </div>
</div>
</div>
</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="album py-5 bg-light topDownPadding">
<div class="container"> <div class="container">
<div class="row"> <div class="row">
<div class="col-lg-4"> <div class="col-lg-4">
<div class="card mb-4 shadow-sm extension"> <div class="card mb-4 shadow-sm extension">
<h5>Project 7</h5> <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> --> <!-- <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=""> <img class="thumbimg" src="imgs/thumbnails/EssenPC.PNG" alt="">
<div class="card-body"> <div class="card-body">
<p class="card-text">... description ...</p> <p class="card-text">... description ...</p>
<!-- <small class="text-muted">9 mins</small> --> <!-- <small class="text-muted">9 mins</small> -->
</div> </div>
<div class="d-flex justify-content-between align-items-center btnGroupDiv"> <div class="d-flex justify-content-between align-items-center btnGroupDiv">
<div class="btn-group"> <div class="btn-group">
<form action="EssenPC.html" class="form-signin" method="GET"> <form action="EssenPC.html" class="form-signin" method="GET">
<button type="submit" class="btn btn-sm btn-outline-secondary ">Explore</button> <button type="submit" class="btn btn-sm btn-outline-secondary ">Explore</button>
</form> </form>
</div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div>
<!-- <br> <!-- <br>
<div class="d-flex justify-content-between align-items-center btnGroupDiv"> <div class="d-flex justify-content-between align-items-center btnGroupDiv">
<div class="btn-group"> <div class="btn-group">
<form action="/debug" class="form-signin" method="GET"> <form action="/debug" class="form-signin" method="GET">
...@@ -265,25 +269,135 @@ ...@@ -265,25 +269,135 @@
</form> </form>
</div> </div>
</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"> <!-- Grid column -->
<div class="container"> <div class="col-lg-3 col-md-6 mb-lg-0 mb-5">
<p class="float-right"> <div class="avatar mx-auto">
<a href="#">Back to top</a> <img src="./imgs/avatar/volker.Coors.jpg" class="rounded-circle z-depth-1" width="150px">
</p> </div>
<p>&copy; HFT Stuttgart, 2020.</p> <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> </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>&copy; HFT Stuttgart, 2020.</p>
</div>
</footer>
<!-- KEINE ÄNDERUNGEN NACH DIESER ZEILE --> <!-- KEINE ÄNDERUNGEN NACH DIESER ZEILE -->
<!-- <script src="settings.js"> </script> --> <!-- <script src="settings.js"> </script> -->
<script src="./js/jquery.slim.min.js"></script> <script src="./js/jquery.slim.min.js"></script>
<script src="./js/popper.min.js"></script> <script src="./js/popper.min.js"></script>
<script src="js/bootstrap.min.js"></script> <script src="js/bootstrap.min.js"></script>
</body> </body>
</html> </html>
\ No newline at end of file
...@@ -43,3 +43,4 @@ body { ...@@ -43,3 +43,4 @@ body {
padding-top:10px; padding-top:10px;
padding-bottom: 10px; padding-bottom: 10px;
} }
Markdown is supported
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