Skip to content

GitLab

Switch branch/tag
Find file Normal viewHistoryPermalink
demos.html 14.8 KB
Newer Older
Rodrigues's avatar
update demos link...  
Rodrigues committed
1
2 
<!DOCTYPE html>
<html lang="en">
Sven Schneider's avatar
added main figure to demo page and added buttons to each section, section header made bold    
Sven Schneider committed
3
4
5 
  <head>
    <meta charset="utf-8" />
    <meta content="width=device-width, initial-scale=1.0" name="viewport" />
Rodrigues's avatar
update demos link...  
Rodrigues committed
6
7 

    <title>iCity Demonstrator</title>
Sven Schneider's avatar
added main figure to demo page and added buttons to each section, section header made bold    
Sven Schneider committed
8 
    <meta content="" name="description" />
Rodrigues's avatar
update demos link...  
Rodrigues committed
9
Sven Schneider's avatar
added main figure to demo page and added buttons to each section, section header made bold    
Sven Schneider committed
10 
    <meta content="" name="keywords" />
Rodrigues's avatar
update demos link...  
Rodrigues committed
11
12 

    <!-- Favicons -->
Sven Schneider's avatar
added main figure to demo page and added buttons to each section, section header made bold    
Sven Schneider committed
13
14 
    <link href="assets/img/logo_fav.png" rel="icon" />
    <link href="assets/img/apple-touch-icon.png" rel="apple-touch-icon" />
Rodrigues's avatar
update demos link...  
Rodrigues committed
15
16 

    <!-- Google Fonts -->
Sven Schneider's avatar
added main figure to demo page and added buttons to each section, section header made bold    
Sven Schneider committed
17
18
19
20 
    <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"
    />
Rodrigues's avatar
update demos link...  
Rodrigues committed
21
22 

    <!-- Vendor CSS Files -->
Sven Schneider's avatar
added main figure to demo page and added buttons to each section, section header made bold    
Sven Schneider committed
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37 
    <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"
    />
Rodrigues's avatar
update demos link...  
Rodrigues committed
38
39 

    <!-- Template Main CSS File -->
Sven Schneider's avatar
added main figure to demo page and added buttons to each section, section header made bold    
Sven Schneider committed
40 
    <link href="assets/css/style.css" rel="stylesheet" />
Rodrigues's avatar
update demos link...  
Rodrigues committed
41
42
43
44
45
46
47 

    <!-- =======================================================
  * Template Name: FlexStart - v1.4.0
  * Template URL: https://bootstrapmade.com/flexstart-bootstrap-startup-template/
  * Author: BootstrapMade.com
  * License: https://bootstrapmade.com/license/
  ======================================================== -->
Sven Schneider's avatar
added main figure to demo page and added buttons to each section, section header made bold    
Sven Schneider committed
48
49 
    <script>
      /*
Rodrigues's avatar
update demos link...  
Rodrigues committed
50
51
52
53
54
55
56
57
58 
 $(document).ready(function() {
  var windowURL = window.location.href;
   console.log(windowURL);
   if (windowURL.indexOf('noheaderfooter') > -1) {
     $('#header').css('display', 'none');
     $('#footer').css('display', 'none');
   }
});
*/
Sven Schneider's avatar
added main figure to demo page and added buttons to each section, section header made bold    
Sven Schneider committed
59
60 
    </script>
  </head>
Rodrigues's avatar
update demos link...  
Rodrigues committed
61
Sven Schneider's avatar
added main figure to demo page and added buttons to each section, section header made bold    
Sven Schneider committed
62 
  <body>
Rodrigues's avatar
update demos link...  
Rodrigues committed
63
64 
    <!-- ======= Header ======= -->
    <header id="header" class="header fixed-top">
Sven Schneider's avatar
added main figure to demo page and added buttons to each section, section header made bold    
Sven Schneider committed
65 
      <!-- <div class="container-fluid container-xl d-flex align-items-center justify-content-between"> -->
Rodrigues's avatar
update demos link...  
Rodrigues committed
66
Sven Schneider's avatar
added main figure to demo page and added buttons to each section, section header made bold    
Sven Schneider committed
67
68
69
70
71
72
73
74
75
76
77
78
79 
      <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>
Rodrigues's avatar
update demos link...  
Rodrigues committed
80
Sven Schneider's avatar
added main figure to demo page and added buttons to each section, section header made bold    
Sven Schneider committed
81
82
83
84
85
86
87
88
89
90
91
92
93
94 
        <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="" />
Rodrigues's avatar
update demos link...  
Rodrigues committed
95 
        </div>
Sven Schneider's avatar
added main figure to demo page and added buttons to each section, section header made bold    
Sven Schneider committed
96
97 
      </div>
      <!--    <nav id="navbar " class="navbar ">
Rodrigues's avatar
update demos link...  
Rodrigues committed
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124 
                 <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> -->
Sven Schneider's avatar
added main figure to demo page and added buttons to each section, section header made bold    
Sven Schneider committed
125
126
127 
      <i class="bi bi-list mobile-nav-toggle"></i>
      <!-- </nav> -->
      <!-- .navbar -->
Rodrigues's avatar
update demos link...  
Rodrigues committed
128
Sven Schneider's avatar
added main figure to demo page and added buttons to each section, section header made bold    
Sven Schneider committed
129 
      <!-- </div> -->
Rodrigues's avatar
update demos link...  
Rodrigues committed
130
131
132 
    </header>
    <!-- End Header -->
Sven Schneider's avatar
added main figure to demo page and added buttons to each section, section header made bold    
Sven Schneider committed
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174 
    <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>
Rodrigues's avatar
update demos link...  
Rodrigues committed
175
176 

    <main id="main ">
Sven Schneider's avatar
added main figure to demo page and added buttons to each section, section header made bold    
Sven Schneider committed
177
178
179
180
181
182
183
184
185
186
187 
      <!-- ======= 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"
JOE XMG's avatar
Mobility category update    
JOE XMG committed
188 
                  src="https://ugl.hft-stuttgart.de/demos.html?keyword=Mobility"
Sven Schneider's avatar
added main figure to demo page and added buttons to each section, section header made bold    
Sven Schneider committed
189
190
191
192 
                ></iframe>
              </div>
            </div>
          </div>
Rodrigues's avatar
update demos link...  
Rodrigues committed
193 
        </div>
Sven Schneider's avatar
added main figure to demo page and added buttons to each section, section header made bold    
Sven Schneider committed
194
195
196
197
198
199
200
201
202
203
204 
      </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"
JOE XMG's avatar
update keyword    
JOE XMG committed
205 
                  src="https://ugl.hft-stuttgart.de/demos.html?keyword=Energy"
Sven Schneider's avatar
added main figure to demo page and added buttons to each section, section header made bold    
Sven Schneider committed
206
207
208
209 
                ></iframe>
              </div>
            </div>
          </div>
Rodrigues's avatar
update demos link...  
Rodrigues committed
210 
        </div>
Sven Schneider's avatar
added main figure to demo page and added buttons to each section, section header made bold    
Sven Schneider committed
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225 
      </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>
Rodrigues's avatar
update demos link...  
Rodrigues committed
226 
        </div>
Sven Schneider's avatar
added main figure to demo page and added buttons to each section, section header made bold    
Sven Schneider committed
227
228 
      </section>
      <!-- End Hero -->
Rodrigues's avatar
update demos link...  
Rodrigues committed
229
230
231
232 
    </main>
    <!-- End #main -->

    <!-- ======= Footer ======= -->
Sven Schneider's avatar
added main figure to demo page and added buttons to each section, section header made bold    
Sven Schneider committed
233
234 
    <footer id="footer " class="footer">
      <!-- <div class="footer-newsletter ">
Rodrigues's avatar
update demos link...  
Rodrigues committed
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249 
            <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> -->
Sven Schneider's avatar
added main figure to demo page and added buttons to each section, section header made bold    
Sven Schneider committed
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266 
      <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>
Rodrigues's avatar
update demos link...  
Rodrigues committed
267
268
269
270 
                            <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> -->
Sven Schneider's avatar
added main figure to demo page and added buttons to each section, section header made bold    
Sven Schneider committed
271 
                <p style="margin-top: 20px; margin-bottom: 20px"></p>
Rodrigues's avatar
update demos link...  
Rodrigues committed
272
Sven Schneider's avatar
added main figure to demo page and added buttons to each section, section header made bold    
Sven Schneider committed
273 
                <!-- <a href="https://www.dreso.com " class=" align-items-center ">
Würstle's avatar
Update demos.html    
Würstle committed
274 
                                <img src="https://www.dreso.com/typo3conf/ext/dreso/Resources/Public/dreso-logo.svg " style="width: 120px;" alt=" "></a> -->
Rodrigues's avatar
update demos link...  
Rodrigues committed
275
Sven Schneider's avatar
added main figure to demo page and added buttons to each section, section header made bold    
Sven Schneider committed
276
277
278
279
280
281
282
283
284
285
286 
                <a
                  href="http://icity.hft-stuttgart.de/#/ "
                  class="align-items-center"
                >
                  <img
                    src="assets/img/icityLogo.svg "
                    style="width: 140px"
                    alt=" "
                /></a>
              </div>
            </div>
Rodrigues's avatar
update demos link...  
Rodrigues committed
287
Sven Schneider's avatar
added main figure to demo page and added buttons to each section, section header made bold    
Sven Schneider committed
288
289 
            <div class="col-lg-2 col-6 footer-links">
              <!-- <h4>Useful Links</h4>
Rodrigues's avatar
update demos link...  
Rodrigues committed
290
291
292
293
294
295
296 
                        <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> -->
Sven Schneider's avatar
added main figure to demo page and added buttons to each section, section header made bold    
Sven Schneider committed
297 
            </div>
Rodrigues's avatar
update demos link...  
Rodrigues committed
298
Sven Schneider's avatar
added main figure to demo page and added buttons to each section, section header made bold    
Sven Schneider committed
299
300 
            <div class="col-lg-2 col-6 footer-links">
              <!-- <h4>Our Services</h4>
Rodrigues's avatar
update demos link...  
Rodrigues committed
301
302
303
304
305
306
307 
                        <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> -->
Sven Schneider's avatar
added main figure to demo page and added buttons to each section, section header made bold    
Sven Schneider committed
308 
            </div>
Rodrigues's avatar
update demos link...  
Rodrigues committed
309
Sven Schneider's avatar
added main figure to demo page and added buttons to each section, section header made bold    
Sven Schneider committed
310
311
312
313
314
315
316
317
318
319
320 
            <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>
Rodrigues's avatar
update demos link...  
Rodrigues committed
321 
            </div>
Sven Schneider's avatar
added main figure to demo page and added buttons to each section, section header made bold    
Sven Schneider committed
322 
          </div>
Rodrigues's avatar
update demos link...  
Rodrigues committed
323 
        </div>
Sven Schneider's avatar
added main figure to demo page and added buttons to each section, section header made bold    
Sven Schneider committed
324 
      </div>
Rodrigues's avatar
update demos link...  
Rodrigues committed
325
Sven Schneider's avatar
added main figure to demo page and added buttons to each section, section header made bold    
Sven Schneider committed
326
327
328
329 
      <div class="container">
        <div class="copyright">
          &copy; Copyright <strong><span>HfT Stuttgart</span></strong
          >. All Rights Reserved
Rodrigues's avatar
update demos link...  
Rodrigues committed
330 
        </div>
Sven Schneider's avatar
added main figure to demo page and added buttons to each section, section header made bold    
Sven Schneider committed
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351 
        <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>
Rodrigues's avatar
update demos link...  
Rodrigues committed
352
353
354 
    </footer>
    <!-- End Footer -->
Sven Schneider's avatar
added main figure to demo page and added buttons to each section, section header made bold    
Sven Schneider committed
355
356
357
358
359 
    <a
      href="# "
      class="back-to-top d-flex align-items-center justify-content-center"
      ><i class="bi bi-arrow-up-short"></i
    ></a>
Rodrigues's avatar
update demos link...  
Rodrigues committed
360
361 

    <!-- Vendor JS Files -->
JOE XMG's avatar
update    
JOE XMG committed
362
363
364
365 
    <script
  src="https://code.jquery.com/jquery-3.7.1.min.js"
  integrity="sha256-/JqT3SQfawRcv/BIHPThkBvs0OEvtFFmqPF/lYI/Cxo="
  crossorigin="anonymous"></script>
Rodrigues's avatar
update demos link...  
Rodrigues committed
366
367
368
369
370
371
372
373
374
375 
    <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>
Sven Schneider's avatar
added main figure to demo page and added buttons to each section, section header made bold    
Sven Schneider committed
376 
  </body>
Würstle's avatar
Update demos.html    
Würstle committed
377 
</html>

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