diff --git a/public/results.html b/public/results.html
new file mode 100644
index 0000000000000000000000000000000000000000..913537f5cb248a98c4551cf20c63ec9225359647
--- /dev/null
+++ b/public/results.html
@@ -0,0 +1,378 @@
+
+<!DOCTYPE html>
+<html lang="en">
+ <head>
+ <meta charset="utf-8" />
+ <meta content="width=device-width, initial-scale=1.0" name="viewport" />
+
+ <title>iCity Demonstrator</title>
+ <meta content="" name="description" />
+
+ <meta content="" name="keywords" />
+
+ <!-- Favicons -->
+ <link href="assets/img/logo_fav.png" rel="icon" />
+ <link href="assets/img/apple-touch-icon.png" rel="apple-touch-icon" />
+
+ <!-- Google Fonts -->
+ <link
+ href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i|Nunito:300,300i,400,400i,600,600i,700,700i|Poppins:300,300i,400,400i,500,500i,600,600i,700,700i"
+ rel="stylesheet"
+ />
+
+ <!-- Vendor CSS Files -->
+ <link
+ href="assets/vendor/bootstrap/css/bootstrap.min.css"
+ rel="stylesheet"
+ />
+ <link
+ href="assets/vendor/bootstrap-icons/bootstrap-icons.css"
+ rel="stylesheet"
+ />
+ <link href="assets/vendor/aos/aos.css" rel="stylesheet" />
+ <link href="assets/vendor/remixicon/remixicon.css" rel="stylesheet" />
+ <link href="assets/vendor/swiper/swiper-bundle.min.css" rel="stylesheet" />
+ <link
+ href="assets/vendor/glightbox/css/glightbox.min.css"
+ rel="stylesheet"
+ />
+
+ <!-- Template Main CSS File -->
+ <link href="assets/css/style.css" rel="stylesheet" />
+
+ <!-- =======================================================
+ * Template Name: FlexStart - v1.4.0
+ * Template URL: https://bootstrapmade.com/flexstart-bootstrap-startup-template/
+ * Author: BootstrapMade.com
+ * License: https://bootstrapmade.com/license/
+ ======================================================== -->
+ <script>
+ /*
+ $(document).ready(function() {
+ var windowURL = window.location.href;
+ console.log(windowURL);
+ if (windowURL.indexOf('noheaderfooter') > -1) {
+ $('#header').css('display', 'none');
+ $('#footer').css('display', 'none');
+ }
+});
+*/
+ </script>
+ </head>
+
+ <body>
+ <!-- ======= Header ======= -->
+ <header id="header" class="header fixed-top">
+ <!-- <div class="container-fluid container-xl d-flex align-items-center justify-content-between"> -->
+
+ <div class="row">
+ <div id="leftBorder" class="col-lg-1 col-md-1 col-sm-1">
+ <img src="assets/img/dummy.png" alt="" />
+ </div>
+ <div id="TextBorder" class="col-lg-5 col-md-5 col-sm-5">
+ <a href="index.html" 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 id="citydemText">City Demonstrator</span>
+ </a>
+ </div>
+
+ <div id="LogoBorder" class="col-lg-5 col-md-5 col-sm-5">
+ <span style="float: right; margin-top: 10px">
+ <!--<img id="logoDrees" src="https://www.dreso.com/typo3conf/ext/dreso/Resources/Public/dreso-logo.svg " style="width: 160px; padding-right:20px;" alt=" ">-->
+
+ <img
+ id="logoICity"
+ src="assets/img/icityLogo.svg "
+ style="width: 140px"
+ alt=" "
+ />
+ </span>
+ </div>
+ <div id="rightBorder" class="col-lg-1 col-md-1 col-sm-1">
+ <img src="assets/img/dummy.png" alt="" />
+ </div>
+ </div>
+ <!-- <nav id="navbar " class="navbar ">
+ <ul>
+ <li><a class="nav-link scrollto active " href="#hero ">Home</a></li>
+ <li><a class="nav-link scrollto " href="#about ">About</a></li>
+ <li><a class="nav-link scrollto " href="#services ">Services</a></li>
+ <li><a class="nav-link scrollto " href="#portfolio ">Portfolio</a></li>
+ <li><a class="nav-link scrollto " href="#team ">Team</a></li>
+ <li><a href="blog.html ">Blog</a></li>
+ <li class="dropdown "><a href="# "><span>Drop Down</span> <i class="bi bi-chevron-down "></i></a>
+ <ul>
+ <li><a href="# ">Drop Down 1</a></li>
+ <li class="dropdown "><a href="# "><span>Deep Drop Down</span> <i class="bi bi-chevron-right "></i></a>
+ <ul>
+ <li><a href="# ">Deep Drop Down 1</a></li>
+ <li><a href="# ">Deep Drop Down 2</a></li>
+ <li><a href="# ">Deep Drop Down 3</a></li>
+ <li><a href="# ">Deep Drop Down 4</a></li>
+ <li><a href="# ">Deep Drop Down 5</a></li>
+ </ul>
+ </li>
+ <li><a href="# ">Drop Down 2</a></li>
+ <li><a href="# ">Drop Down 3</a></li>
+ <li><a href="# ">Drop Down 4</a></li>
+ </ul>
+ </li>
+ <li><a class="nav-link scrollto " href="#contact ">Contact</a></li>
+ <li><a class="getstarted scrollto " href="#about ">Get Started</a></li>
+ </ul> -->
+ <i class="bi bi-list mobile-nav-toggle"></i>
+ <!-- </nav> -->
+ <!-- .navbar -->
+
+ <!-- </div> -->
+ </header>
+ <!-- End Header -->
+
+ <section class="hero d-flex align-items-center">
+ <div class="mycenter">
+ <p>
+ <img
+ src="assets/img/iCity_network_1.svg "
+ style="height: 500px; width: 800px"
+ alt=" "
+ />
+ </p>
+
+ <div class="d-flex justify-content-between">
+ <span>
+ <a
+ href="#Mobility"
+ class="btn btn-danger d-inline-flex align-items-center justify-content-center align-self-center"
+ style="width: 260px;margin-left: 5px;"
+ >
+ Explore Mobility
+
+ </a>
+
+ <a
+ href="#Energy"
+ class="btn btn-success d-inline-flex align-items-center justify-content-center align-self-center"
+ style="width: 260px;"
+ >
+ </i> Explore Energy
+
+ </a>
+
+ <a
+ href="#SmartBlds"
+ class=" btn btn-warning d-inline-flex align-items-center justify-content-center align-self-center"
+ style="width: 260px; min-height: 48; padding: 0 0 10 10;"
+ >
+ Explore Smart Buildings
+
+ </a>
+ </span>
+ </div>
+ </div>
+ </section>
+
+ <main id="main ">
+ <!-- ======= Demo & Mobility Section ======= -->
+ <section id="Mobility" class="hero d-flex align-items-center">
+ <div class="container">
+ <div>
+ <h4 data-aos="fade-up " data-aos-delay="400 " style="color: red; font-weight: 900;">Mobility</h4>
+ <div data-aos="fade-up " data-aos-delay="600 ">
+ <div>
+ <iframe
+ position="relative"
+ width="100%"
+ height="600"
+ src="https://ugl.hft-stuttgart.de/demos.html?keyword=Mobility"
+ ></iframe>
+ </div>
+ </div>
+ </div>
+ </div>
+ </section>
+
+ <section id="Energy" class="hero d-flex align-items-center">
+ <div class="container">
+ <div width="100%" height="600">
+ <h2 data-aos="fade-up " data-aos-delay="400 " style="color: green; font-weight: 900;">Energy</h2>
+ <div data-aos="fade-up " data-aos-delay="600 ">
+ <div>
+ <iframe
+ width="100%"
+ height="600"
+ src="https://ugl.hft-stuttgart.de/demos.html?keyword=Energy"
+ ></iframe>
+ </div>
+ </div>
+ </div>
+ </div>
+ </section>
+ <section id="SmartBlds" class="hero d-flex align-items-center">
+ <div class="container">
+ <div>
+ <h2 data-aos="fade-up " data-aos-delay="400 " style="color: #f2c433; font-weight: 900;">Smart Buildings</h2>
+ <div data-aos="fade-up " data-aos-delay="600 ">
+ <div style="overflow: hidden">
+ <iframe
+ width="100%"
+ height="600"
+ src="https://ugl.hft-stuttgart.de/demos.html"
+ ></iframe>
+ </div>
+ </div>
+ </div>
+ </div>
+ </section>
+ <!-- End Hero -->
+ </main>
+ <!-- End #main -->
+
+ <!-- ======= Footer ======= -->
+ <footer id="footer " class="footer">
+ <!-- <div class="footer-newsletter ">
+ <div class="container ">
+ <div class="row justify-content-center ">
+ <div class="col-lg-12 text-center ">
+ <h4>Our Newsletter</h4>
+ <p>Tamen quem nulla quae legam multos aute sint culpa legam noster magna</p>
+ </div>
+ <div class="col-lg-6 ">
+ <form action=" " method="post ">
+ <input type="email " name="email "><input type="submit " value="Subscribe ">
+ </form>
+ </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="https://www.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>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>
+ <a href="# " class="instagram "><i class="bi bi-instagram bx bxl-instagram "></i></a>
+ <a href="# " class="linkedin "><i class="bi bi-linkedin bx bxl-linkedin "></i></a> -->
+
+ <p style="margin-top: 20px; margin-bottom: 20px"></p>
+
+ <!-- <a href="https://www.dreso.com " class=" align-items-center ">
+ <img src="https://www.dreso.com/typo3conf/ext/dreso/Resources/Public/dreso-logo.svg " style="width: 120px;" alt=" "></a> -->
+
+ <a
+ href="http://icity.hft-stuttgart.de/#/ "
+ class="align-items-center"
+ >
+ <img
+ src="assets/img/icityLogo.svg "
+ style="width: 140px"
+ alt=" "
+ /></a>
+ </div>
+ </div>
+
+ <div class="col-lg-2 col-6 footer-links">
+ <!-- <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> -->
+ </div>
+
+ <div class="col-lg-2 col-6 footer-links">
+ <!-- <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> -->
+ </div>
+
+ <div
+ class="col-lg-3 col-md-12 footer-contact text-center text-md-start"
+ >
+ <h4>Contact Us</h4>
+ <p>
+ Hochschule fuer Technik Stuttgart <br />
+ Schellingstr. 24<br />
+ 70174 Stuttgart <br /><br />
+ <strong>Phone:</strong> +49 (0)711 8926 0 <br />
+ <strong>Email:</strong> icity@hft-stuttgart.de<br />
+ </p>
+ </div>
+ </div>
+ </div>
+ </div>
+
+ <div class="container">
+ <div class="copyright">
+ © Copyright <strong><span>HfT Stuttgart</span></strong
+ >. All Rights Reserved
+ </div>
+ <div class="credits">
+ <!-- All the links in the footer should remain intact. -->
+ <!-- You can delete the links only if you purchased the pro version. -->
+ <!-- Licensing information: https://bootstrapmade.com/license/ -->
+ <!-- Purchase the pro version with working PHP/AJAX contact form: https://bootstrapmade.com/flexstart-bootstrap-startup-template/ -->
+ Designed by <a href="https://bootstrapmade.com/ ">BootstrapMade</a>
+ <div class="container">
+ <p>
+ <a
+ href="https://www.hft-stuttgart.de/impressum"
+ target="_blank"
+ style="padding-right: 10px"
+ >Impressum</a
+ >
+ <a href="https://www.hft-stuttgart.de/datenschutz" target="_blank"
+ >Datenschutz</a
+ >
+ </p>
+ </div>
+ </div>
+ </div>
+ </footer>
+ <!-- End Footer -->
+
+ <a
+ href="# "
+ class="back-to-top d-flex align-items-center justify-content-center"
+ ><i class="bi bi-arrow-up-short"></i
+ ></a>
+
+ <!-- Vendor JS Files -->
+ <script
+ src="https://code.jquery.com/jquery-3.7.1.min.js"
+ integrity="sha256-/JqT3SQfawRcv/BIHPThkBvs0OEvtFFmqPF/lYI/Cxo="
+ crossorigin="anonymous"></script>
+ <script src="assets/vendor/bootstrap/js/bootstrap.bundle.js "></script>
+ <script src="assets/vendor/aos/aos.js "></script>
+ <script src="assets/vendor/php-email-form/validate.js "></script>
+ <script src="assets/vendor/swiper/swiper-bundle.min.js "></script>
+ <script src="assets/vendor/purecounter/purecounter.js "></script>
+ <script src="assets/vendor/isotope-layout/isotope.pkgd.min.js "></script>
+ <script src="assets/vendor/glightbox/js/glightbox.min.js "></script>
+
+ <!-- Template Main JS File -->
+ <script src="assets/js/main.js "></script>
+ </body>
+</html>