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

update on SCD site

parent 12be715b
Pipeline #4743 passed with stages
in 55 seconds
Hide whitespace changes
Inline Side-by-side
public/SCD/index.html
View file @ e1c20344
......@@ -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">
&copy; Copyright <strong><span>FlexStart</span></strong>. All Rights Reserved
&copy; Copyright <strong><span>HfT Stuttgart</span></strong>. All Rights Reserved
</div>
<div class="credits">
<!-- All the links in the footer should remain intact. -->
......
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