<!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>