Skip to content
GitLab
Commit b5fab406 authored by Sven Schneider's avatar Sven Schneider
Browse files

added main figure to demo page and added buttons to each section, section header made bold

parent bfe9b23a
Pipeline #6775 passed with stages
in 14 seconds
Show whitespace changes
Inline Side-by-side
Showing
with 1535 additions and 1456 deletions
+1535 -1456
public/assets/css/style.css
+ 1296
- 1302
View file @ b5fab406
...@@ -5,7 +5,6 @@ ...@@ -5,7 +5,6 @@
* License: https://bootstrapmade.com/license/ * License: https://bootstrapmade.com/license/
*/ */
/*-------------------------------------------------------------- /*--------------------------------------------------------------
# General # General
--------------------------------------------------------------*/ --------------------------------------------------------------*/
...@@ -38,7 +37,6 @@ h6 { ...@@ -38,7 +37,6 @@ h6 {
font-family: "Nunito", sans-serif; font-family: "Nunito", sans-serif;
} }
/*-------------------------------------------------------------- /*--------------------------------------------------------------
# Sections # Sections
--------------------------------------------------------------*/ --------------------------------------------------------------*/
...@@ -78,7 +76,6 @@ section { ...@@ -78,7 +76,6 @@ section {
} }
} }
/*-------------------------------------------------------------- /*--------------------------------------------------------------
# Breadcrumbs # Breadcrumbs
--------------------------------------------------------------*/ --------------------------------------------------------------*/
...@@ -120,18 +117,17 @@ section { ...@@ -120,18 +117,17 @@ section {
text-decoration: underline; text-decoration: underline;
} }
.breadcrumbs ol li+li { .breadcrumbs ol li + li {
padding-left: 10px; padding-left: 10px;
} }
.breadcrumbs ol li+li::before { .breadcrumbs ol li + li::before {
display: inline-block; display: inline-block;
padding-right: 10px; padding-right: 10px;
color: #8894f6; color: #8894f6;
content: "/"; content: "/";
} }
/*-------------------------------------------------------------- /*--------------------------------------------------------------
# Back to top button # Back to top button
--------------------------------------------------------------*/ --------------------------------------------------------------*/
...@@ -166,7 +162,6 @@ section { ...@@ -166,7 +162,6 @@ section {
opacity: 1; opacity: 1;
} }
/*-------------------------------------------------------------- /*--------------------------------------------------------------
# Disable aos animation delay on mobile devices # Disable aos animation delay on mobile devices
--------------------------------------------------------------*/ --------------------------------------------------------------*/
...@@ -177,7 +172,6 @@ section { ...@@ -177,7 +172,6 @@ section {
} }
} }
/*-------------------------------------------------------------- /*--------------------------------------------------------------
# Header # Header
--------------------------------------------------------------*/ --------------------------------------------------------------*/
...@@ -216,12 +210,10 @@ section { ...@@ -216,12 +210,10 @@ section {
margin-top: 3px; margin-top: 3px;
} }
/*-------------------------------------------------------------- /*--------------------------------------------------------------
# Navigation Menu # Navigation Menu
--------------------------------------------------------------*/ --------------------------------------------------------------*/
/** /**
* Desktop Navigation * Desktop Navigation
*/ */
...@@ -266,7 +258,7 @@ section { ...@@ -266,7 +258,7 @@ section {
.navbar a:hover, .navbar a:hover,
.navbar .active, .navbar .active,
.navbar .active:focus, .navbar .active:focus,
.navbar li:hover>a { .navbar li:hover > a {
color: #009cb4; color: #009cb4;
} }
...@@ -316,11 +308,11 @@ section { ...@@ -316,11 +308,11 @@ section {
.navbar .dropdown ul a:hover, .navbar .dropdown ul a:hover,
.navbar .dropdown ul .active:hover, .navbar .dropdown ul .active:hover,
.navbar .dropdown ul li:hover>a { .navbar .dropdown ul li:hover > a {
color: #009cb4; color: #009cb4;
} }
.navbar .dropdown:hover>ul { .navbar .dropdown:hover > ul {
opacity: 1; opacity: 1;
top: 100%; top: 100%;
visibility: visible; visibility: visible;
...@@ -332,7 +324,7 @@ section { ...@@ -332,7 +324,7 @@ section {
visibility: hidden; visibility: hidden;
} }
.navbar .dropdown .dropdown:hover>ul { .navbar .dropdown .dropdown:hover > ul {
opacity: 1; opacity: 1;
top: 0; top: 0;
left: 100%; left: 100%;
...@@ -343,12 +335,11 @@ section { ...@@ -343,12 +335,11 @@ section {
.navbar .dropdown .dropdown ul { .navbar .dropdown .dropdown ul {
left: -90%; left: -90%;
} }
.navbar .dropdown .dropdown:hover>ul { .navbar .dropdown .dropdown:hover > ul {
left: -100%; left: -100%;
} }
} }
/** /**
* Mobile Navigation * Mobile Navigation
*/ */
...@@ -414,7 +405,7 @@ section { ...@@ -414,7 +405,7 @@ section {
.navbar-mobile a:hover, .navbar-mobile a:hover,
.navbar-mobile .active, .navbar-mobile .active,
.navbar-mobile li:hover>a { .navbar-mobile li:hover > a {
color: #009cb4; color: #009cb4;
} }
...@@ -448,15 +439,14 @@ section { ...@@ -448,15 +439,14 @@ section {
.navbar-mobile .dropdown ul a:hover, .navbar-mobile .dropdown ul a:hover,
.navbar-mobile .dropdown ul .active:hover, .navbar-mobile .dropdown ul .active:hover,
.navbar-mobile .dropdown ul li:hover>a { .navbar-mobile .dropdown ul li:hover > a {
color: #009cb4; color: #009cb4;
} }
.navbar-mobile .dropdown>.dropdown-active { .navbar-mobile .dropdown > .dropdown-active {
display: block; display: block;
} }
/*-------------------------------------------------------------- /*--------------------------------------------------------------
# Hero Section # Hero Section
--------------------------------------------------------------*/ --------------------------------------------------------------*/
...@@ -548,12 +538,10 @@ section { ...@@ -548,12 +538,10 @@ section {
} }
} }
/*-------------------------------------------------------------- /*--------------------------------------------------------------
# Index Page # Index Page
--------------------------------------------------------------*/ --------------------------------------------------------------*/
/*-------------------------------------------------------------- /*--------------------------------------------------------------
# About # About
--------------------------------------------------------------*/ --------------------------------------------------------------*/
...@@ -608,7 +596,6 @@ section { ...@@ -608,7 +596,6 @@ section {
transform: translateX(5px); transform: translateX(5px);
} }
/*-------------------------------------------------------------- /*--------------------------------------------------------------
# Values # Values
--------------------------------------------------------------*/ --------------------------------------------------------------*/
...@@ -642,7 +629,6 @@ section { ...@@ -642,7 +629,6 @@ section {
transform: scale(1); transform: scale(1);
} }
/*-------------------------------------------------------------- /*--------------------------------------------------------------
# Counts # Counts
--------------------------------------------------------------*/ --------------------------------------------------------------*/
...@@ -681,7 +667,6 @@ section { ...@@ -681,7 +667,6 @@ section {
font-size: 14px; font-size: 14px;
} }
/*-------------------------------------------------------------- /*--------------------------------------------------------------
# Features # Features
--------------------------------------------------------------*/ --------------------------------------------------------------*/
...@@ -808,7 +793,6 @@ section { ...@@ -808,7 +793,6 @@ section {
color: #848484; color: #848484;
} }
/*-------------------------------------------------------------- /*--------------------------------------------------------------
# Services # Services
--------------------------------------------------------------*/ --------------------------------------------------------------*/
...@@ -965,7 +949,6 @@ section { ...@@ -965,7 +949,6 @@ section {
background: #fff; background: #fff;
} }
/*-------------------------------------------------------------- /*--------------------------------------------------------------
# Pricing # Pricing
--------------------------------------------------------------*/ --------------------------------------------------------------*/
...@@ -1066,7 +1049,6 @@ section { ...@@ -1066,7 +1049,6 @@ section {
color: #fff; color: #fff;
} }
/*-------------------------------------------------------------- /*--------------------------------------------------------------
# F.A.Q # F.A.Q
--------------------------------------------------------------*/ --------------------------------------------------------------*/
...@@ -1099,7 +1081,6 @@ section { ...@@ -1099,7 +1081,6 @@ section {
border: 0; border: 0;
} }
/*-------------------------------------------------------------- /*--------------------------------------------------------------
# Portfolio # Portfolio
--------------------------------------------------------------*/ --------------------------------------------------------------*/
...@@ -1275,7 +1256,6 @@ section { ...@@ -1275,7 +1256,6 @@ section {
right: 15px; right: 15px;
} }
/*-------------------------------------------------------------- /*--------------------------------------------------------------
# Portfolio Details # Portfolio Details
--------------------------------------------------------------*/ --------------------------------------------------------------*/
...@@ -1293,7 +1273,10 @@ section { ...@@ -1293,7 +1273,10 @@ section {
position: relative; position: relative;
} }
.portfolio-details .portfolio-details-slider .swiper-pagination .swiper-pagination-bullet { .portfolio-details
.portfolio-details-slider
.swiper-pagination
.swiper-pagination-bullet {
width: 12px; width: 12px;
height: 12px; height: 12px;
background-color: #fff; background-color: #fff;
...@@ -1301,7 +1284,10 @@ section { ...@@ -1301,7 +1284,10 @@ section {
border: 1px solid #009cb4; border: 1px solid #009cb4;
} }
.portfolio-details .portfolio-details-slider .swiper-pagination .swiper-pagination-bullet-active { .portfolio-details
.portfolio-details-slider
.swiper-pagination
.swiper-pagination-bullet-active {
background-color: #009cb4; background-color: #009cb4;
} }
...@@ -1324,7 +1310,7 @@ section { ...@@ -1324,7 +1310,7 @@ section {
font-size: 15px; font-size: 15px;
} }
.portfolio-details .portfolio-info ul li+li { .portfolio-details .portfolio-info ul li + li {
margin-top: 10px; margin-top: 10px;
} }
...@@ -1342,7 +1328,6 @@ section { ...@@ -1342,7 +1328,6 @@ section {
padding: 0; padding: 0;
} }
/*-------------------------------------------------------------- /*--------------------------------------------------------------
# Testimonials # Testimonials
--------------------------------------------------------------*/ --------------------------------------------------------------*/
...@@ -1412,7 +1397,7 @@ section { ...@@ -1412,7 +1397,7 @@ section {
} }
.testimonials .swiper-slide { .testimonials .swiper-slide {
opacity: .3; opacity: 0.3;
} }
@media (max-width: 1199px) { @media (max-width: 1199px) {
...@@ -1431,7 +1416,6 @@ section { ...@@ -1431,7 +1416,6 @@ section {
} }
} }
/*-------------------------------------------------------------- /*--------------------------------------------------------------
# Team # Team
--------------------------------------------------------------*/ --------------------------------------------------------------*/
...@@ -1531,7 +1515,6 @@ section { ...@@ -1531,7 +1515,6 @@ section {
opacity: 1; opacity: 1;
} }
/*-------------------------------------------------------------- /*--------------------------------------------------------------
# Clients # Clients
--------------------------------------------------------------*/ --------------------------------------------------------------*/
...@@ -1562,7 +1545,6 @@ section { ...@@ -1562,7 +1545,6 @@ section {
background-color: #009cb4; background-color: #009cb4;
} }
/*-------------------------------------------------------------- /*--------------------------------------------------------------
# Recent Blog Posts # Recent Blog Posts
--------------------------------------------------------------*/ --------------------------------------------------------------*/
...@@ -1628,7 +1610,6 @@ section { ...@@ -1628,7 +1610,6 @@ section {
transform: rotate(6deg) scale(1.2); transform: rotate(6deg) scale(1.2);
} }
/*-------------------------------------------------------------- /*--------------------------------------------------------------
# Contact # Contact
--------------------------------------------------------------*/ --------------------------------------------------------------*/
...@@ -1758,7 +1739,6 @@ section { ...@@ -1758,7 +1739,6 @@ section {
} }
} }
/*-------------------------------------------------------------- /*--------------------------------------------------------------
# Blog # Blog
--------------------------------------------------------------*/ --------------------------------------------------------------*/
...@@ -1809,7 +1789,7 @@ section { ...@@ -1809,7 +1789,7 @@ section {
margin: 0; margin: 0;
} }
.blog .entry .entry-meta ul li+li { .blog .entry .entry-meta ul li + li {
padding-left: 20px; padding-left: 20px;
} }
...@@ -1874,7 +1854,7 @@ section { ...@@ -1874,7 +1854,7 @@ section {
} }
.blog .entry .entry-content blockquote::after { .blog .entry .entry-content blockquote::after {
content: ''; content: "";
position: absolute; position: absolute;
left: 0; left: 0;
top: 0; top: 0;
...@@ -1926,7 +1906,7 @@ section { ...@@ -1926,7 +1906,7 @@ section {
display: inline-block; display: inline-block;
} }
.blog .entry .entry-footer .tags li+li::before { .blog .entry .entry-footer .tags li + li::before {
padding-right: 6px; padding-right: 6px;
color: #6c757d; color: #6c757d;
content: ","; content: ",";
...@@ -2182,7 +2162,7 @@ section { ...@@ -2182,7 +2162,7 @@ section {
padding: 0; padding: 0;
} }
.blog .sidebar .categories ul li+li { .blog .sidebar .categories ul li + li {
padding-top: 10px; padding-top: 10px;
} }
...@@ -2201,7 +2181,7 @@ section { ...@@ -2201,7 +2181,7 @@ section {
font-size: 14px; font-size: 14px;
} }
.blog .sidebar .recent-posts .post-item+.post-item { .blog .sidebar .recent-posts .post-item + .post-item {
margin-top: 15px; margin-top: 15px;
} }
...@@ -2268,7 +2248,6 @@ section { ...@@ -2268,7 +2248,6 @@ section {
font-size: 14px; font-size: 14px;
} }
/*-------------------------------------------------------------- /*--------------------------------------------------------------
# Footer # Footer
--------------------------------------------------------------*/ --------------------------------------------------------------*/
...@@ -2450,79 +2429,94 @@ section { ...@@ -2450,79 +2429,94 @@ section {
color: #003056; color: #003056;
} }
/*-------------------------------------------------------------- /*--------------------------------------------------------------
# Header # Header
--------------------------------------------------------------*/ --------------------------------------------------------------*/
#header{ #header {
padding-left:0px !important; padding-left: 0px !important;
} }
@media (max-width: 1237px) { @media (max-width: 1237px) {
#citydemText {
#citydemText{
font-size: 22px !important; font-size: 22px !important;
} }
#logoDrees{ #logoDrees {
width: 130px !important; width: 130px !important;
} }
#logoICity{ #logoICity {
width: 120px !important; width: 120px !important;
} }
} }
@media (max-width: 763px) { @media (max-width: 763px) {
#citydemText {
#citydemText{
font-size: 12px !important; font-size: 12px !important;
} }
#logoDrees{ #logoDrees {
width: 100px !important; width: 100px !important;
} }
#logoICity{ #logoICity {
width: 90px !important; width: 90px !important;
} }
} }
@media (max-width: 576px){ @media (max-width: 576px) {
#leftBorder{ #leftBorder {
display: none; display: none;
} }
#rightBorder{ #rightBorder {
display: none; display: none;
} }
#TextBorder{ #TextBorder {
width: 50%; width: 50%;
} }
#LogoBorder{ #LogoBorder {
width: 50%; width: 50%;
} }
} }
@media (max-width: 457px){ @media (max-width: 457px) {
#leftBorder{ #leftBorder {
display: none; display: none;
} }
#rightBorder{ #rightBorder {
display: none; display: none;
} }
#TextBorder{ #TextBorder {
width: 60%; width: 60%;
} }
#LogoBorder{ #LogoBorder {
width: 40%; width: 40%;
} }
#citydemText{ #citydemText {
display: none !important;
display:none !important;
} }
#logoDrees{ #logoDrees {
width: 90px !important; width: 90px !important;
} }
#logoICity{ #logoICity {
width: 70px !important; width: 70px !important;
} }
} }
.cent {
height: 200px;
display: flex;
align-items: center;
justify-content: center;
position: relative;
}
.mycenter {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.myBtnCenter {
position: absolute;
top: 87%;
left: 50%;
transform: translate(-50%, -50%);
}
\ No newline at end of file
public/demos.html
+ 239
- 154
View file @ b5fab406
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head>
<head> <meta charset="utf-8" />
<meta content="width=device-width, initial-scale=1.0" name="viewport" />
<meta charset="utf-8">
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<title>iCity Demonstrator</title> <title>iCity Demonstrator</title>
<meta content="" name="description"> <meta content="" name="description" />
<meta content="" name="keywords"> <meta content="" name="keywords" />
<!-- Favicons --> <!-- Favicons -->
<link href="assets/img/logo_fav.png" rel="icon"> <link href="assets/img/logo_fav.png" rel="icon" />
<link href="assets/img/apple-touch-icon.png" rel="apple-touch-icon"> <link href="assets/img/apple-touch-icon.png" rel="apple-touch-icon" />
<!-- Google Fonts --> <!-- 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"> <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 --> <!-- Vendor CSS Files -->
<link href="assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet"> <link
<link href="assets/vendor/bootstrap-icons/bootstrap-icons.css" rel="stylesheet"> href="assets/vendor/bootstrap/css/bootstrap.min.css"
<link href="assets/vendor/aos/aos.css" rel="stylesheet"> rel="stylesheet"
<link href="assets/vendor/remixicon/remixicon.css" rel="stylesheet"> />
<link href="assets/vendor/swiper/swiper-bundle.min.css" rel="stylesheet"> <link
<link href="assets/vendor/glightbox/css/glightbox.min.css" rel="stylesheet"> 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 --> <!-- Template Main CSS File -->
<link href="assets/css/style.css" rel="stylesheet"> <link href="assets/css/style.css" rel="stylesheet" />
<!-- ======================================================= <!-- =======================================================
* Template Name: FlexStart - v1.4.0 * Template Name: FlexStart - v1.4.0
...@@ -36,7 +46,7 @@ ...@@ -36,7 +46,7 @@
* License: https://bootstrapmade.com/license/ * License: https://bootstrapmade.com/license/
======================================================== --> ======================================================== -->
<script> <script>
/* /*
$(document).ready(function() { $(document).ready(function() {
var windowURL = window.location.href; var windowURL = window.location.href;
console.log(windowURL); console.log(windowURL);
...@@ -46,37 +56,42 @@ ...@@ -46,37 +56,42 @@
} }
}); });
*/ */
</script> </script>
</head> </head>
<body>
<body>
<!-- ======= Header ======= --> <!-- ======= Header ======= -->
<header id="header" class="header fixed-top"> <header id="header" class="header fixed-top">
<!-- <div class="container-fluid container-xl d-flex align-items-center justify-content-between"> --> <!-- <div class="container-fluid container-xl d-flex align-items-center justify-content-between"> -->
<div class="row"> <div class="row">
<div id="leftBorder" class="col-lg-1 col-md-1 col-sm-1 "> <div id="leftBorder" class="col-lg-1 col-md-1 col-sm-1">
<img src="assets/img/dummy.png" alt=""> <img src="assets/img/dummy.png" alt="" />
</div> </div>
<div id="TextBorder" class="col-lg-5 col-md-5 col-sm-5"> <div id="TextBorder" class="col-lg-5 col-md-5 col-sm-5">
<a href="index.html" class="logo d-flex align-items-center"> <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=""> <img
src="https://www.hft-stuttgart.de/typo3conf/ext/hft_sitepackage/Resources/Public/img/HFT_logo.svg"
alt=""
/>
<span id="citydemText">City Demonstrator</span> <span id="citydemText">City Demonstrator</span>
</a> </a>
</div> </div>
<div id="LogoBorder" class="col-lg-5 col-md-5 col-sm-5 "> <div id="LogoBorder" class="col-lg-5 col-md-5 col-sm-5">
<span style="float: right; margin-top: 10px;"> <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="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=" "> <img
id="logoICity"
src="assets/img/icityLogo.svg "
style="width: 140px"
alt=" "
/>
</span> </span>
</div> </div>
<div id="rightBorder" class="col-lg-1 col-md-1 col-sm-1"> <div id="rightBorder" class="col-lg-1 col-md-1 col-sm-1">
<img src="assets/img/dummy.png" alt=""> <img src="assets/img/dummy.png" alt="" />
</div> </div>
</div> </div>
<!-- <nav id="navbar " class="navbar "> <!-- <nav id="navbar " class="navbar ">
...@@ -107,7 +122,7 @@ ...@@ -107,7 +122,7 @@
<li><a class="nav-link scrollto " href="#contact ">Contact</a></li> <li><a class="nav-link scrollto " href="#contact ">Contact</a></li>
<li><a class="getstarted scrollto " href="#about ">Get Started</a></li> <li><a class="getstarted scrollto " href="#about ">Get Started</a></li>
</ul> --> </ul> -->
<i class="bi bi-list mobile-nav-toggle "></i> <i class="bi bi-list mobile-nav-toggle"></i>
<!-- </nav> --> <!-- </nav> -->
<!-- .navbar --> <!-- .navbar -->
...@@ -115,57 +130,107 @@ ...@@ -115,57 +130,107 @@
</header> </header>
<!-- End 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>
<main id="main "> <a
<!-- ======= Hero Section ======= --> href="#Energy"
<section id="hero " class="hero d-flex align-items-center "> class="btn btn-success d-inline-flex align-items-center justify-content-center align-self-center"
style="width: 260px;"
>
</i> Explore Energy
<div class="container "> </a>
<div >
<h2 data-aos="fade-up " data-aos-delay="400 ">Mobility</h2> <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 data-aos="fade-up " data-aos-delay="600 ">
<div> <div>
<iframe width="100%" height="600" src="https://ugl.hft-stuttgart.de/demos.html?keyword=SensorThings%20API"></iframe> <iframe
position="relative"
width="100%"
height="600"
src="https://ugl.hft-stuttgart.de/demos.html?keyword=SensorThings%20API"
></iframe>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</section> </section>
<section id="hero " class="hero d-flex align-items-center ">
<div class="container "> <section id="Energy" class="hero d-flex align-items-center">
<div > <div class="container">
<h2 data-aos="fade-up " data-aos-delay="400 ">Energy</h2> <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 data-aos="fade-up " data-aos-delay="600 ">
<div> <div>
<iframe width="100%" height="600" src="https://ugl.hft-stuttgart.de/demos.html?keyword=Urban%20Analytics" ></iframe> <iframe
width="100%"
height="600"
src="https://ugl.hft-stuttgart.de/demos.html?keyword=Urban%20Analytics"
></iframe>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</section> </section>
<section id="hero " class="hero d-flex align-items-center "> <section id="SmartBlds" class="hero d-flex align-items-center">
<div class="container "> <div class="container">
<div > <div>
<h2 data-aos="fade-up " data-aos-delay="400 ">Smart Buildings</h2> <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 data-aos="fade-up " data-aos-delay="600 ">
<div style="overflow: hidden"> <div style="overflow: hidden">
<iframe width="100%" height="600" src="https://ugl.hft-stuttgart.de/demos.html" ></iframe> <iframe
width="100%"
height="600"
src="https://ugl.hft-stuttgart.de/demos.html"
></iframe>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</section> </section>
<!-- End Hero --> <!-- End Hero -->
</main> </main>
<!-- End #main --> <!-- End #main -->
<!-- ======= Footer ======= --> <!-- ======= Footer ======= -->
<footer id="footer " class="footer "> <footer id="footer " class="footer">
<!-- <div class="footer-newsletter "> <!-- <div class="footer-newsletter ">
<div class="container "> <div class="container ">
<div class="row justify-content-center "> <div class="row justify-content-center ">
...@@ -182,37 +247,45 @@ ...@@ -182,37 +247,45 @@
</div> </div>
</div> --> </div> -->
<div class="footer-top "> <div class="footer-top">
<div class="container "> <div class="container">
<div class="row gy-4 "> <div class="row gy-4">
<div class="col-lg-5 col-md-12 footer-info "> <div class="col-lg-5 col-md-12 footer-info">
<a href="https://www.hft-stuttgart.de " class="logo d-flex align-items-center "> <a
<img src="https://www.hft-stuttgart.de/typo3conf/ext/hft_sitepackage/Resources/Public/img/HFT_logo.svg " alt=" "> 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> <span>City Demonstrator</span>
</a> </a>
<!-- <p>Visit us on our social media accounts</p> --> <!-- <p>Visit us on our social media accounts</p> -->
<div class="social-links mt-3 "> <div class="social-links mt-3">
<!-- <a href="# " class="twitter "><i class="bi bi-twitter "></i></a> <!-- <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="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="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> --> <a href="# " class="linkedin "><i class="bi bi-linkedin bx bxl-linkedin "></i></a> -->
<p style="margin-top: 20px; margin-bottom: 20px;"> </p> <p style="margin-top: 20px; margin-bottom: 20px"></p>
<!-- <a href="https://www.dreso.com " class=" align-items-center "> <!-- <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> --> <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=" <a
align-items-center "> href="http://icity.hft-stuttgart.de/#/ "
<img src="assets/img/icityLogo.svg " style="width: 140px; " alt=" "></a> class="align-items-center"
>
<img
src="assets/img/icityLogo.svg "
style="width: 140px"
alt=" "
/></a>
</div> </div>
</div> </div>
<div class="col-lg-2 col-6 footer-links">
<div class="col-lg-2 col-6 footer-links ">
<!-- <h4>Useful Links</h4> <!-- <h4>Useful Links</h4>
<ul> <ul>
<li><i class="bi bi-chevron-right "></i> <a href="# ">Home</a></li> <li><i class="bi bi-chevron-right "></i> <a href="# ">Home</a></li>
...@@ -223,7 +296,7 @@ ...@@ -223,7 +296,7 @@
</ul> --> </ul> -->
</div> </div>
<div class="col-lg-2 col-6 footer-links "> <div class="col-lg-2 col-6 footer-links">
<!-- <h4>Our Services</h4> <!-- <h4>Our Services</h4>
<ul> <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 Design</a></li>
...@@ -234,25 +307,28 @@ ...@@ -234,25 +307,28 @@
</ul> --> </ul> -->
</div> </div>
<div class="col-lg-3 col-md-12 footer-contact text-center text-md-start "> <div
class="col-lg-3 col-md-12 footer-contact text-center text-md-start"
>
<h4>Contact Us</h4> <h4>Contact Us</h4>
<p> <p>
Hochschule fuer Technik Stuttgart <br> Schellingstr. 24<br> 70174 Stuttgart <br><br> Hochschule fuer Technik Stuttgart <br />
<strong>Phone:</strong> +49 (0)711 8926 0 <br> Schellingstr. 24<br />
<strong>Email:</strong> icity@hft-stuttgart.de<br> 70174 Stuttgart <br /><br />
<strong>Phone:</strong> +49 (0)711 8926 0 <br />
<strong>Email:</strong> icity@hft-stuttgart.de<br />
</p> </p>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div class="container "> <div class="container">
<div class="copyright "> <div class="copyright">
&copy; Copyright <strong><span>HfT Stuttgart</span></strong>. All Rights Reserved &copy; Copyright <strong><span>HfT Stuttgart</span></strong
>. All Rights Reserved
</div> </div>
<div class="credits "> <div class="credits">
<!-- All the links in the footer should remain intact. --> <!-- All the links in the footer should remain intact. -->
<!-- You can delete the links only if you purchased the pro version. --> <!-- You can delete the links only if you purchased the pro version. -->
<!-- Licensing information: https://bootstrapmade.com/license/ --> <!-- Licensing information: https://bootstrapmade.com/license/ -->
...@@ -260,8 +336,15 @@ ...@@ -260,8 +336,15 @@
Designed by <a href="https://bootstrapmade.com/ ">BootstrapMade</a> Designed by <a href="https://bootstrapmade.com/ ">BootstrapMade</a>
<div class="container"> <div class="container">
<p> <p>
<a href="https://www.hft-stuttgart.de/impressum" target="_blank" style="padding-right: 10px">Impressum</a> <a
<a href="https://www.hft-stuttgart.de/datenschutz" target="_blank">Datenschutz</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> </p>
</div> </div>
</div> </div>
...@@ -269,7 +352,11 @@ ...@@ -269,7 +352,11 @@
</footer> </footer>
<!-- End 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> <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 --> <!-- Vendor JS Files -->
<script src="assets/vendor/bootstrap/js/bootstrap.bundle.js "></script> <script src="assets/vendor/bootstrap/js/bootstrap.bundle.js "></script>
...@@ -282,7 +369,5 @@ ...@@ -282,7 +369,5 @@
<!-- Template Main JS File --> <!-- Template Main JS File -->
<script src="assets/js/main.js "></script> <script src="assets/js/main.js "></script>
</body>
</body>
</html> </html>
Supports Markdown
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

Dies ist die Gitlab-Instanz des Transferportals der Hochschule für Technik Stuttgart. Hier geht es zurück zum Portal