diff --git a/public/assets/css/style.css b/public/assets/css/style.css index b68b59c61ec02a9206fa9f9d6a94e9659c1e7b37..eb2f73dd5206fa393d9b026ca13dc122eb6aa3b1 100644 --- a/public/assets/css/style.css +++ b/public/assets/css/style.css @@ -157,7 +157,7 @@ section { } .back-to-top:hover { - background: #6776f4; + background: #003056; color: #fff; } diff --git a/public/index.html b/public/index.html index 7982b8ef53a94fe8953d568c8389586a0fb43b75..494c6733518ab24e22d0241143425a9142b58a9f 100644 --- a/public/index.html +++ b/public/index.html @@ -120,7 +120,7 @@ </div> </div> <div class="col-lg-6 hero-img" data-aos="zoom-out " data-aos-delay="200 "> - <img src="assets/img/ict.png " class="img-fluid " alt=" "> + <img src="assets/img/icityThemes.png " class="img-fluid " alt=" "> </div> </div> </div> @@ -172,7 +172,7 @@ <div class="container " data-aos="fade-up "> - <header class="section-header "> + <!-- <header class="section-header "> <h2>Features</h2> <p>Features of an intelligent city</p> </header> @@ -180,7 +180,7 @@ <div class="row "> <div class="col-lg-6 "> - <!-- <img src="assets/img/icity.jpg " class="img-fluid " alt=" "> --> + <img src="assets/img/icityThemes.png" class="img-fluid " alt=" "> </div> @@ -234,12 +234,12 @@ <div class="col-lg-12 " style="justify-content: center; " id=featiretab-arrow> <a href="#featiretab-arrow " class="btn-read-more d-inline-flex align-items-center justify-content-center align-self-center " style="padding-left: 50%; padding-top: 50px; "> - <!-- <span>more</span> --> + <i class="bi bi-arrow-down " style="font-size: 40px "></i> </a> </div> - </div> + </div> --> <!-- / row --> @@ -297,12 +297,12 @@ <!-- <img src="assets/img/200127_Luftstroemung.jpg " class="img-fluid " alt=" "> --> </div> - <div class="col-lg-12 " style="justify-content: center; " id=intelligent-arrow> + <!-- <div class="col-lg-12 " style="justify-content: center; " id=intelligent-arrow> <a href="#intelligent-arrow " class="btn-read-more d-inline-flex align-items-center justify-content-center align-self-center " style="padding-left: 50%; padding-top: 50px; "> - <!-- <span>more</span> --> + <i class="bi bi-arrow-down " style="font-size: 40px "></i> </a> - </div> + </div> --> </div> <!-- End Feature Tabs ======== LIVABLE ======== --> @@ -343,9 +343,10 @@ <p>The human factor has an enormous impact on the development of a city, thus people need to be given the data and should be empowered to contriubte intelligently </p> <div class="d-flex align-items-center mb-2 "> <i class="bi bi-check2 "></i> - <h4>Intelligent data storage and distribution</h4> + <h4>Urban Data Platform and geoinformatics specialists</h4> </div> - <p>While a plethora of data is being collected, it is even more important to disect, seperate and store data in processable junks to ensures data security and privacy of citizens.</p> + <p>While a plethora of data is being collected - such as geospatial, temporal and sensor data, it is important to disect, seperate and store data in processable junks and in powerful databases to ensures data security and + privacy of citizens and data delivery for swift access and to users and stake holders.</p> <div class="d-flex align-items-center mb-2 "> <i class="bi bi-check2 "></i> <h4>Intelligent operation of utilities and infrastructure @@ -360,12 +361,12 @@ </div> </div> - <div class="col-lg-12 " style="justify-content: center; " id=sustainable-arrow> + <!-- <div class="col-lg-12 " id=sustainable-arrow> <a href="#sustainable-arrow " class="btn-read-more d-inline-flex align-items-center justify-content-center align-self-center " style="padding-left: 50%; padding-top: 50px; "> - <!-- <span>more</span> --> + <i class="bi bi-arrow-down " style="font-size: 40px "></i> </a> - </div> + </div> --> </div> <!-- End Feature Tabs ======== INTELLIGENT ======== --> @@ -424,12 +425,12 @@ <img src="assets/img/200127_Luftstroemung.jpg " class="img-fluid " alt=" "> </div> - <div class="col-lg-12 " style="justify-content: center; " id=featureicon-arrow> + <!-- <div class="col-lg-12 " style="justify-content: center; " id=featureicon-arrow> <a href="#featureicon-arrow " class="btn-read-more d-inline-flex align-items-center justify-content-center align-self-center " style="padding-left: 50%; padding-top: 50px; "> - <!-- <span>more</span> --> + <i class="bi bi-arrow-down " style="font-size: 50px "></i> </a> - </div> + </div> --> </div> <!-- End Feature Tabs ======== LIVABLE ======== --> @@ -481,13 +482,14 @@ <!-- <img src="https://www.hft-stuttgart.de/typo3conf/ext/hft_sitepackage/Resources/Public/img/HFT_logo.svg " class="img-fluid " alt=" "> --> <h3>HFT Stuttgart</h3> <a href="https://ugl.hft-stuttgart.de/ " class="logo d-flex align-items-center "> - <img src="https://www.hft-stuttgart.de/typo3conf/ext/hft_sitepackage/Resources/Public/img/HFT_logo.svg " alt=" "> + <img src="https://www.hft-stuttgart.de/typo3conf/ext/hft_sitepackage/Resources/Public/img/HFT_logo.svg " style="max-width: 370px;" alt=" "> <!-- <span>City Demonstrator</span> --> </a> <p>Explore the City Demonstrator from HfT Stuttgart</p> </div> </div> + </div> </div> @@ -587,7 +589,8 @@ <div class="member-info "> <h4>Patrick Wuerstle</h4> <span>Researcher at IAF and ZGG</span> - <p>M4_LAB Innovative Hochschule Smart Villages <br><a href="mailto:patrick.wuerstle@hft-stuttgart.de">patrick.wuerstle@hft-stuttgart.de</a> </p> + <p>Patrick Würstle works in the M4_Lab Innovative Hochschule project. In this project he is responsible for the development of a 3D Public Participation Platform. Patrick Würstle holds a Masters Degree in Photogrametrie and + Geoinformatics from University of Applied Sciences Stuttgart (HFT) and is currently working towards his PhD.<br><a href="mailto:patrick.wuerstle@hft-stuttgart.de">patrick.wuerstle@hft-stuttgart.de</a> </p> </div> </div> </div>