diff --git a/public/SCD/assets/img/logo_fav.png b/public/SCD/assets/img/logo_fav.png new file mode 100644 index 0000000000000000000000000000000000000000..35a5081702ebfefd3cb45666b78f75024354d8c1 Binary files /dev/null and b/public/SCD/assets/img/logo_fav.png differ diff --git a/public/SCD/index.html b/public/SCD/index.html index c0d9f9fca7968ef06c2035ccdfadc918fb1dcfdd..784544da8fdfb37f76fd7c97e73d78b84792dd99 100644 --- a/public/SCD/index.html +++ b/public/SCD/index.html @@ -11,7 +11,7 @@ <meta content="" name="keywords"> <!-- Favicons --> - <link href="assets/img/favicon.png" rel="icon"> + <link href="assets/img/logo_fav.png" rel="icon"> <link href="assets/img/apple-touch-icon.png" rel="apple-touch-icon"> <!-- Google Fonts --> @@ -130,7 +130,7 @@ <p>For example: traffic, mobility concepts, building-infrastructures, air-pollution, currently created electricity via PV systems and many more. </p> <div class="text-center text-lg-start"> - <a href="#values" class="btn-read-more d-inline-flex align-items-center justify-content-center align-self-center"> + <a href="#features" class="btn-read-more d-inline-flex align-items-center justify-content-center align-self-center"> <span>Read More</span> <i class="bi bi-arrow-right"></i> </a> @@ -148,100 +148,7 @@ </section> <!-- End About Section --> - <!-- ======= Values Section ======= --> - <section id="values" class="values"> - - <div class="container" data-aos="fade-up"> - - <header class="section-header"> - <h2>Our Values</h2> - <p>Odit est perspiciatis laborum et dicta</p> - </header> - - <div class="row"> - - <div class="col-lg-4"> - <div class="box" data-aos="fade-up" data-aos-delay="200"> - <img src="assets/img/values-1.png" class="img-fluid" alt=""> - <h3>Ad cupiditate sed est odio</h3> - <p>Eum ad dolor et. Autem aut fugiat debitis voluptatem consequuntur sit. Et veritatis id.</p> - </div> - </div> - - <div class="col-lg-4 mt-4 mt-lg-0"> - <div class="box" data-aos="fade-up" data-aos-delay="400"> - <img src="assets/img/values-2.png" class="img-fluid" alt=""> - <h3>Voluptatem voluptatum alias</h3> - <p>Repudiandae amet nihil natus in distinctio suscipit id. Doloremque ducimus ea sit non.</p> - </div> - </div> - - <div class="col-lg-4 mt-4 mt-lg-0"> - <div class="box" data-aos="fade-up" data-aos-delay="600"> - <img src="assets/img/values-3.png" class="img-fluid" alt=""> - <h3>Fugit cupiditate alias nobis.</h3> - <p>Quam rem vitae est autem molestias explicabo debitis sint. Vero aliquid quidem commodi.</p> - </div> - </div> - - </div> - - </div> - - </section> - <!-- End Values Section --> - - <!-- ======= Counts Section ======= --> - <section id="counts" class="counts"> - <div class="container" data-aos="fade-up"> - - <div class="row gy-4"> - - <div class="col-lg-3 col-md-6"> - <div class="count-box"> - <i class="bi bi-emoji-smile"></i> - <div> - <span data-purecounter-start="0" data-purecounter-end="232" data-purecounter-duration="2" class="purecounter"></span> - <p>Happy Clients</p> - </div> - </div> - </div> - - <div class="col-lg-3 col-md-6"> - <div class="count-box"> - <i class="bi bi-journal-richtext" style="color: #ee6c20;"></i> - <div> - <span data-purecounter-start="0" data-purecounter-end="521" data-purecounter-duration="2" class="purecounter"></span> - <p>Projects</p> - </div> - </div> - </div> - - <div class="col-lg-3 col-md-6"> - <div class="count-box"> - <i class="bi bi-headset" style="color: #15be56;"></i> - <div> - <span data-purecounter-start="0" data-purecounter-end="1463" data-purecounter-duration="1" class="purecounter"></span> - <p>Hours Of Support</p> - </div> - </div> - </div> - <div class="col-lg-3 col-md-6"> - <div class="count-box"> - <i class="bi bi-people" style="color: #bb0852;"></i> - <div> - <span data-purecounter-start="0" data-purecounter-end="15" data-purecounter-duration="1" class="purecounter"></span> - <p>Hard Workers</p> - </div> - </div> - </div> - - </div> - - </div> - </section> - <!-- End Counts Section --> <!-- ======= Features Section ======= --> <section id="features" class="features"> @@ -371,7 +278,7 @@ <p>Modern cities provide more green spaces and natural environments to live and spend quality time with friends and family.</p> <div class="d-flex align-items-center mb-2"> <i class="bi bi-check2"></i> - <h4>Live like there is no tomorrow - reduce CO2</h4> + <h4>Live like there is no tomorrow - reduce your carbon foot print</h4> </div> <p>By visualizing air pollution and CO2 concentration as well as wind flows of the city using 3D web-applications, citizens may be more sensitive to their behavior and are easiert incentivized to use environmentally friendly modes of transportation.</p> @@ -620,6 +527,118 @@ </section> <!-- End Pricing Section --> + + + <!-- ======= Values Section ======= --> + <section id="values" class="values"> + + <div class="container" data-aos="fade-up"> + + <header class="section-header"> + <h2>City Demonstrator</h2> + <p>Select one City Demonstrator to explorer</p> + </header> + + <div class="row"> + + <div class="col-lg-4"> + <div class="box" data-aos="fade-up" data-aos-delay="200"> + <!-- <img src="assets/img/values-1.png" class="img-fluid" alt=""> + <h3>DreSo</h3> --> + <h3>Drees & Sommer</h3> + <a href="https://www.dreso.com/de/" class="logo d-flex align-items-center"> + <img src="https://www.dreso.com/typo3conf/ext/dreso/Resources/Public/dreso-logo.svg" width="350" height="300" alt=""> + <!-- <span>City Demonstrator</span> --> + </a> + <p>Explore the Smart City Demonstrator from DresSo</p> + </div> + </div> + + <div class="col-lg-4 mt-4 mt-lg-0"> + <!-- <div class="box" data-aos="fade-up" data-aos-delay="400"> + <img src="assets/img/values-2.png" class="img-fluid" alt=""> + <h3>Voluptatem voluptatum alias</h3> + <p>Repudiandae amet nihil natus in distinctio suscipit id. Doloremque ducimus ea sit non.</p> + </div> --> + </div> + + <div class="col-lg-4 mt-4 mt-lg-0"> + <div class="box" data-aos="fade-up" data-aos-delay="600"> + <!-- <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=""> + <!-- <span>City Demonstrator</span> --> + </a> + <p>Explore the Smart City Demonstrator from HfT Stuttgart</p> + </div> + </div> + + </div> + + </div> + + </section> + <!-- End Values Section --> + + <!-- ======= Counts Section ======= --> + <section id="counts" class="counts"> + <div class="container" data-aos="fade-up"> + + <div class="row gy-4"> + + <div class="col-lg-3 col-md-6"> + <div class="count-box"> + <i class="bi bi-emoji-smile"></i> + <div> + <span data-purecounter-start="0" data-purecounter-end="232" data-purecounter-duration="2" class="purecounter"></span> + <p>Happy Clients</p> + </div> + </div> + </div> + + <div class="col-lg-3 col-md-6"> + <div class="count-box"> + <i class="bi bi-journal-richtext" style="color: #ee6c20;"></i> + <div> + <span data-purecounter-start="0" data-purecounter-end="521" data-purecounter-duration="2" class="purecounter"></span> + <p>Projects</p> + </div> + </div> + </div> + + <div class="col-lg-3 col-md-6"> + <div class="count-box"> + <i class="bi bi-headset" style="color: #15be56;"></i> + <div> + <span data-purecounter-start="0" data-purecounter-end="1463" data-purecounter-duration="1" class="purecounter"></span> + <p>Hours Of Support</p> + </div> + </div> + </div> + + <div class="col-lg-3 col-md-6"> + <div class="count-box"> + <i class="bi bi-people" style="color: #bb0852;"></i> + <div> + <span data-purecounter-start="0" data-purecounter-end="15" data-purecounter-duration="1" class="purecounter"></span> + <p>Hard Workers</p> + </div> + </div> + </div> + + </div> + + </div> + </section> + <!-- End Counts Section --> + + + + + + + <!-- ======= F.A.Q Section ======= --> <section id="faq" class="faq"> @@ -1041,7 +1060,7 @@ </div> <div class="member-info"> <h4>Prof. Iris Belle</h4> - <span>Prof. in Master's degree <i>Smart City Solutions</i> </span> + <span>Prof. in Master's degree <i>Smart City Solutions</i>. Consultant at DreSo</span> <p>Quo esse repellendus quia id. Est eum et accusantium pariatur fugit nihil minima suscipit corporis. Voluptate sed quas reiciendis animi neque sapiente.</p> </div> </div> @@ -1069,7 +1088,7 @@ <div class="col-lg-3 col-md-6 d-flex align-items-stretch" data-aos="fade-up" data-aos-delay="400"> <div class="member"> <div class="member-img"> - <img src="assets/img/team/team-4.jpg" class="img-fluid" alt=""> + <img src="https://ugl.hft-stuttgart.de/imgs/avatar/preston.jpg" class="img-fluid" alt=""> <div class="social"> <a href=""><i class="bi bi-twitter"></i></a> <a href=""><i class="bi bi-facebook"></i></a> @@ -1078,9 +1097,9 @@ </div> </div> <div class="member-info"> - <h4>Amanda Jepson</h4> - <span>Accountant</span> - <p>Rerum voluptate non adipisci animi distinctio et deserunt amet voluptas. Quia aut aliquid doloremque ut possimus ipsum officia.</p> + <h4>Dr. Preston Rodrigues</h4> + <span>Researcher at IAF and ZGG</span> + <p>SDSC organization commitee member....</p> </div> </div> </div> @@ -1261,7 +1280,7 @@ <!-- ======= Footer ======= --> <footer id="footer" class="footer"> - <div class="footer-newsletter"> + <!-- <div class="footer-newsletter"> <div class="container"> <div class="row justify-content-center"> <div class="col-lg-12 text-center"> @@ -1275,17 +1294,17 @@ </div> </div> </div> - </div> + </div> --> <div class="footer-top"> <div class="container"> <div class="row gy-4"> <div class="col-lg-5 col-md-12 footer-info"> <a href="index.html" class="logo d-flex align-items-center"> - <img src="assets/img/logo.png" alt=""> - <span>FlexStart</span> + <img src="https://www.hft-stuttgart.de/typo3conf/ext/hft_sitepackage/Resources/Public/img/HFT_logo.svg" alt=""> + <span>City Demonstrator</span> </a> - <p>Cras fermentum odio eu feugiat lide par naso tierra. Justo eget nada terra videa magna derita valies darta donna mare fermentum iaculis eu non diam phasellus.</p> + <p>Visit us on our social media accounts</p> <div class="social-links mt-3"> <a href="#" class="twitter"><i class="bi bi-twitter"></i></a> <a href="#" class="facebook"><i class="bi bi-facebook"></i></a> @@ -1295,25 +1314,25 @@ </div> <div class="col-lg-2 col-6 footer-links"> - <h4>Useful Links</h4> + <!-- <h4>Useful Links</h4> <ul> <li><i class="bi bi-chevron-right"></i> <a href="#">Home</a></li> <li><i class="bi bi-chevron-right"></i> <a href="#">About us</a></li> <li><i class="bi bi-chevron-right"></i> <a href="#">Services</a></li> <li><i class="bi bi-chevron-right"></i> <a href="#">Terms of service</a></li> <li><i class="bi bi-chevron-right"></i> <a href="#">Privacy policy</a></li> - </ul> + </ul> --> </div> <div class="col-lg-2 col-6 footer-links"> - <h4>Our Services</h4> + <!-- <h4>Our Services</h4> <ul> <li><i class="bi bi-chevron-right"></i> <a href="#">Web Design</a></li> <li><i class="bi bi-chevron-right"></i> <a href="#">Web Development</a></li> <li><i class="bi bi-chevron-right"></i> <a href="#">Product Management</a></li> <li><i class="bi bi-chevron-right"></i> <a href="#">Marketing</a></li> <li><i class="bi bi-chevron-right"></i> <a href="#">Graphic Design</a></li> - </ul> + </ul> --> </div> <div class="col-lg-3 col-md-12 footer-contact text-center text-md-start"> @@ -1332,7 +1351,7 @@ <div class="container"> <div class="copyright"> - © Copyright <strong><span>FlexStart</span></strong>. All Rights Reserved + © Copyright <strong><span>HfT Stuttgart</span></strong>. All Rights Reserved </div> <div class="credits"> <!-- All the links in the footer should remain intact. -->