index.html 74.6 KB
Newer Older
1
2
3
4
5
6
7
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta content="width=device-width, initial-scale=1.0" name="viewport">

Sven Schneider's avatar
update    
Sven Schneider committed
8
    <title>iCity Demonstrator</title>
9
10
11
12
13
    <meta content="" name="description">

    <meta content="" name="keywords">

    <!-- Favicons -->
Sven Schneider's avatar
Sven Schneider committed
14
    <link href="assets/img/logo_fav.png" rel="icon">
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
    <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/
  ======================================================== -->
</head>

<body>

    <!-- ======= Header ======= -->
    <header id="header" class="header fixed-top">
Sven Schneider's avatar
update    
Sven Schneider committed
43
        <!-- <div class="container-fluid container-xl d-flex align-items-center justify-content-between"> -->
44

Sven Schneider's avatar
update    
Sven Schneider committed
45
46
47
48
49
        <div class="row">
            <div class="col-lg-1 col-md-2 col-sm-2 ">
                <img src="assets/img/dummy.png" alt="">
            </div>
            <div class="col-lg-5 col-md-4 col-sm-4">
50
51
52
53
54
55
                <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>City Demonstrator</span>
                </a>
            </div>

Sven Schneider's avatar
update    
Sven Schneider committed
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
            <div class="col-lg-5 col-md-4 col-sm-4 ">
                <span style="float: right;">
                    <img src="https://www.dreso.com/typo3conf/ext/dreso/Resources/Public/dreso-logo.svg " style="width: 160px; padding-right:20px;" alt=" ">
                
                    <img src="assets/img/icityLogo.jpg " style="width: 130px;  " alt=" ">
                </span>

            </div>
            <div class="col-lg-1 col-md-2 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>
77
                        <ul>
Sven Schneider's avatar
update    
Sven Schneider committed
78
79
                            <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>
80
                                <ul>
Sven Schneider's avatar
update    
Sven Schneider committed
81
82
83
84
85
                                    <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>
86
87
                                </ul>
                            </li>
Sven Schneider's avatar
update    
Sven Schneider committed
88
89
90
                            <li><a href="# ">Drop Down 2</a></li>
                            <li><a href="# ">Drop Down 3</a></li>
                            <li><a href="# ">Drop Down 4</a></li>
91
92
                        </ul>
                    </li>
Sven Schneider's avatar
update    
Sven Schneider committed
93
94
95
96
97
98
99
100
                    <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> -->
101
102
103
104
    </header>
    <!-- End Header -->

    <!-- ======= Hero Section ======= -->
Sven Schneider's avatar
update    
Sven Schneider committed
105
106
107
108
109
110
111
112
    <section id="hero " class="hero d-flex align-items-center ">

        <div class="container ">
            <div class="row ">
                <div class="col-lg-6 d-flex flex-column justify-content-center ">
                    <h1 data-aos="fade-up ">Learn more about Intelligent Cities with our City Demonstrator</h1>
                    <h2 data-aos="fade-up " data-aos-delay="400 ">Find out what Intelligent Cities are and how they will shape our future</h2>
                    <div data-aos="fade-up " data-aos-delay="600 ">
113
                        <div class="text-center text-lg-start">
Sven Schneider's avatar
update    
Sven Schneider committed
114
                            <a href="#about" class="btn-get-started  d-inline-flex align-items-center justify-content-center align-self-center ">
115
                                <span>Get Started</span>
Sven Schneider's avatar
update    
Sven Schneider committed
116
                                <i class="bi bi-arrow-right "></i>
117
118
                            </a>
                        </div>
Sven Schneider's avatar
update    
Sven Schneider committed
119

120
121
                    </div>
                </div>
Sven Schneider's avatar
update    
Sven Schneider committed
122
123
                <div class="col-lg-6 hero-img" data-aos="zoom-out " data-aos-delay="200 ">
                    <img src="assets/img/ict.png " class="img-fluid " alt=" ">
124
125
126
127
128
129
130
                </div>
            </div>
        </div>

    </section>
    <!-- End Hero -->

Sven Schneider's avatar
update    
Sven Schneider committed
131
    <main id="main ">
132
133
134
        <!-- ======= About Section ======= -->
        <section id="about" class="about">

Sven Schneider's avatar
update    
Sven Schneider committed
135
136
            <div class="container " data-aos="fade-up ">
                <div class="row gx-0 ">
137

Sven Schneider's avatar
update    
Sven Schneider committed
138
139
                    <div class="col-lg-6 d-flex flex-column justify-content-center " data-aos="fade-up " data-aos-delay="200 ">
                        <div class="content ">
140
                            <h3>Our Vision</h3>
Sven Schneider's avatar
update    
Sven Schneider committed
141
                            <h2>Re-invent our cities of today to become sustainable, resource efficient and enable digital services to intelligent citizens of tomorrow.
142
143
144
145
146
147
148
149
                            </h2>
                            <p></p>

                            <p>
                                With connected systems (e.g. IoT devices) and sensors across the city, many aspects of everyday life can be montiored and improved.</p>
                            <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">
Sven Schneider's avatar
update    
Sven Schneider committed
150
                                <a href="#features" class="btn-read-more d-inline-flex align-items-center justify-content-center align-self-center ">
151
                                    <span>Read More</span>
Sven Schneider's avatar
update    
Sven Schneider committed
152
                                    <i class="bi bi-arrow-right "></i>
153
154
155
156
157
                                </a>
                            </div>
                        </div>
                    </div>

Sven Schneider's avatar
update    
Sven Schneider committed
158
159
                    <div class="col-lg-6 d-flex align-items-center " data-aos="zoom-out " data-aos-delay="200 ">
                        <img src="assets/img/smartcity_wheel-1024x1024.jpg " class="img-fluid " alt=" ">
160
161
162
163
164
165
166
167
168
169
170
                    </div>

                </div>
            </div>

        </section>
        <!-- End About Section -->



        <!-- ======= Features Section ======= -->
Sven Schneider's avatar
update    
Sven Schneider committed
171
        <section id="features" class="features ">
172

Sven Schneider's avatar
update    
Sven Schneider committed
173
            <div class="container " data-aos="fade-up ">
174

Sven Schneider's avatar
update    
Sven Schneider committed
175
                <header class="section-header ">
176
                    <h2>Features</h2>
Sven Schneider's avatar
update    
Sven Schneider committed
177
                    <p>Features of a intelligent city</p>
178
179
                </header>

Sven Schneider's avatar
update    
Sven Schneider committed
180
                <div class="row ">
181

Sven Schneider's avatar
update    
Sven Schneider committed
182
183
184
                    <div class="col-lg-6 ">
                        <!-- <img src="assets/img/icity.jpg " class="img-fluid " alt=" "> -->
                        <img src="assets/img/icityThemes.png" class="img-fluid " alt=" ">
185
186
                    </div>

Sven Schneider's avatar
update    
Sven Schneider committed
187
188
                    <div class="col-lg-6 mt-5 mt-lg-0 d-flex ">
                        <div class="row align-self-center gy-4 ">
189

Sven Schneider's avatar
update    
Sven Schneider committed
190
191
192
                            <div class="col-md-6 " data-aos="zoom-out " data-aos-delay="200 ">
                                <div class="feature-box d-flex align-items-center ">
                                    <i class="bi bi-check "></i>
193
194
195
196
                                    <h3>Intelligent citizens</h3>
                                </div>
                            </div>

Sven Schneider's avatar
update    
Sven Schneider committed
197
198
199
200
                            <div class="col-md-6 " data-aos="zoom-out " data-aos-delay="300 ">
                                <div class="feature-box d-flex align-items-center ">
                                    <i class="bi bi-check "></i>
                                    <h3>Renewable energies</h3>
201
202
203
                                </div>
                            </div>

Sven Schneider's avatar
update    
Sven Schneider committed
204
205
206
                            <div class="col-md-6 " data-aos="zoom-out " data-aos-delay="400 ">
                                <div class="feature-box d-flex align-items-center ">
                                    <i class="bi bi-check "></i>
207
208
209
210
                                    <h3>Innovative mobility concepts</h3>
                                </div>
                            </div>

Sven Schneider's avatar
update    
Sven Schneider committed
211
212
213
                            <div class="col-md-6 " data-aos="zoom-out " data-aos-delay="500 ">
                                <div class="feature-box d-flex align-items-center ">
                                    <i class="bi bi-check "></i>
214
215
216
217
                                    <h3>Interconnected devices and services</h3>
                                </div>
                            </div>

Sven Schneider's avatar
update    
Sven Schneider committed
218
219
220
221
                            <div class="col-md-6 " data-aos="zoom-out " data-aos-delay="600 ">
                                <div class="feature-box d-flex align-items-center ">
                                    <i class="bi bi-check "></i>
                                    <h3>Urban environment</h3>
222
223
224
                                </div>
                            </div>

Sven Schneider's avatar
update    
Sven Schneider committed
225
226
227
228
                            <div class="col-md-6 " data-aos="zoom-out " data-aos-delay="700 ">
                                <div class="feature-box d-flex align-items-center ">
                                    <i class="bi bi-check "></i>
                                    <h3>Sustainable buildings and neighborhoods</h3>
229
230
231
232
233
234
                                </div>
                            </div>

                        </div>
                    </div>

Sven Schneider's avatar
update    
Sven Schneider committed
235
236
237
238
239
240
241
                    <div class="col-lg-12 " style="justify-content: center; " id=featiretab-arrow>
                        <a href="#featiretab-arrow " class="btn-read-more d-inline-flex align-items-center justify-content-center align-self-center " style="padding-left: 50%; padding-top: 50px; ">
                            <!-- <span>more</span> -->
                            <i class="bi bi-arrow-down " style="font-size: 40px "></i>
                        </a>
                    </div>

242
243
244
245
                </div>
                <!-- / row -->


Sven Schneider's avatar
update    
Sven Schneider committed
246
247
248
249
250
251
252
253
254
255
256
257


                <!-- Feature Tabs ======== LIVABLE ======== -->
                <div class="row feture-tabs " data-aos="fade-up ">
                    <header class="section-header ">
                        <p>The three fundamental aspects of intelligent cities: LIS</p>
                        <p class="nav-link active " data-bs-toggle="pill " href="#tab1 ">livable</p>
                    </header>



                    <div class="col-lg-6 ">
258
                        <!-- Tabs -->
Sven Schneider's avatar
update    
Sven Schneider committed
259
                        <!-- <ul class="nav nav-pills mb-3 ">
260
                            <li>
Sven Schneider's avatar
update    
Sven Schneider committed
261
                                <a class="nav-link active " data-bs-toggle="pill " href="#tab1 ">livable</a>
262
                            </li>
Sven Schneider's avatar
update    
Sven Schneider committed
263
                        </ul> -->
264
265
266
                        <!-- End Tabs -->

                        <!-- Tab Content -->
Sven Schneider's avatar
update    
Sven Schneider committed
267
                        <div class="tab-content ">
268

Sven Schneider's avatar
update    
Sven Schneider committed
269
                            <div class="tab-pane fade show active " id="livable ">
270
                                <p>Cities should become a place where citizens can easily meet each other in green spaces using intelligent mobility concepts</p>
Sven Schneider's avatar
update    
Sven Schneider committed
271
272
273
                                <div class="d-flex align-items-center mb-2 ">
                                    <i class="bi bi-check2 "></i>
                                    <h4>Intelligent Mobility for Intelligent Citizens</h4>
274
275
                                </div>
                                <p>For example, finding the perfect route for E-bikes / E-scouters based on fitness level and heart-rate of the user and the battery charge level of the bike. </p>
Sven Schneider's avatar
update    
Sven Schneider committed
276
277
                                <div class="d-flex align-items-center mb-2 ">
                                    <i class="bi bi-check2 "></i>
278
279
280
                                    <h4>Green spaces and natural environment</h4>
                                </div>
                                <p>Green spaces may be watered automatically using conditioned rain and or gray water during dry periods. Information about soil dryness and nutritional status is measured using IoT devices.</p>
Sven Schneider's avatar
update    
Sven Schneider committed
281
282
283
284
285
286
287
288
                                <div class="d-flex align-items-center mb-2 ">
                                    <i class="bi bi-check2 "></i>
                                    <h4>Actor-centric neighborhood development</h4>
                                </div>
                                <p>Neighborhoods and infills are designed according to the needs of future residents in terms of floor-plan types and sizes, auxiliary functions and retail as well as smart services for mobility, utilities, retail and social
                                    organization.
                                </p>

289
290
                            </div>
                            <!-- End Tab 1 Content -->
Sven Schneider's avatar
update    
Sven Schneider committed
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
                        </div>

                    </div>

                    <div class="col-lg-6 ">
                        <img src="assets/img/livable.jpg " class="img-fluid " alt=" ">
                        <!-- <img src="assets/img/200127_Luftstroemung.jpg " class="img-fluid " alt=" "> -->
                    </div>

                    <div class="col-lg-12 " style="justify-content: center; " id=intelligent-arrow>
                        <a href="#intelligent-arrow " class="btn-read-more d-inline-flex align-items-center justify-content-center align-self-center " style="padding-left: 50%; padding-top: 50px; ">
                            <!-- <span>more</span> -->
                            <i class="bi bi-arrow-down " style="font-size: 40px "></i>
                        </a>
                    </div>

                </div>
                <!-- End Feature Tabs  ======== LIVABLE ======== -->


                <!-- Feature Tabs ======== INTELLIGENT ======== -->
                <div id="intelligent-top " class="row feture-tabs " data-aos="fade-up ">
                    <header class="section-header ">

                        <p class="nav-link active " data-bs-toggle="pill ">intelligent</p>
                    </header>

                    <div class="col-lg-6 ">
                        <!-- <img src="https://www.hft-stuttgart.de/fileadmin/Dateien/Forschung/_processed_/3/a/csm_iCity_bubbles_HFT_Stadt_ce4e80930c.png " class="img-fluid " alt=" "> -->
                        <img src="assets/img/intelligent.jpg " class="img-fluid " style="height: 400px;" alt=" ">
                    </div>
322

Sven Schneider's avatar
update    
Sven Schneider committed
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
                    <div class="col-lg-6 ">
                        <!-- <h3>The three fundamental aspects of smart cities: LIS</h3> -->

                        <!-- Tabs -->
                        <!-- <ul class="nav nav-pills mb-3 ">
                            <li>
                                <a class="nav-link active " data-bs-toggle="pill " href="#tab1 ">intelligent</a>
                            </li>
                        </ul> -->
                        <!-- End Tabs -->

                        <!-- Tab Content -->
                        <div class="tab-content ">

                            <div class="tab-pane fade show active " id="intelligent ">
338
                                <p>Connecting a variaty of sensors and devices will make cities more accessible, easier to navigate in and learn about the surroundings (e.g. current wind or air pollution) </p>
Sven Schneider's avatar
update    
Sven Schneider committed
339
340
341
                                <div class="d-flex align-items-center mb-2 ">
                                    <i class="bi bi-check2 "></i>
                                    <h4>Intelligent cities need intelligent people</h4>
342
343
                                </div>
                                <p>The human factor has an enormous impact on the development of a city, thus people need to be given the data and should be empowered to contriubte intelligently </p>
Sven Schneider's avatar
update    
Sven Schneider committed
344
345
                                <div class="d-flex align-items-center mb-2 ">
                                    <i class="bi bi-check2 "></i>
346
347
348
                                    <h4>Intelligent data storage and distribution</h4>
                                </div>
                                <p>While a plethora of data is being collected, it is even more important to disect, seperate and store data in processable junks to ensures data security and privacy of citizens.</p>
Sven Schneider's avatar
update    
Sven Schneider committed
349
350
351
352
353
354
355
356
357
                                <div class="d-flex align-items-center mb-2 ">
                                    <i class="bi bi-check2 "></i>
                                    <h4>Intelligent operation of utilities and infrastructure
                                    </h4>
                                </div>
                                <p>Information makes it easier and more efficient for suppliers of electricity, mobility, communication technology, water, etc. to match peaks of production with peaks and lows of demand. Building information modelling allows
                                    operators to repair and maintain physical assets more efficiently.
                                </p>

358
                            </div>
Sven Schneider's avatar
update    
Sven Schneider committed
359
360
361
362
363
364
365
366
367
368
369
370
371
                            <!-- End Tab 1 Content -->
                        </div>
                    </div>

                    <div class="col-lg-12 " style="justify-content: center; " id=sustainable-arrow>
                        <a href="#sustainable-arrow " class="btn-read-more d-inline-flex align-items-center justify-content-center align-self-center " style="padding-left: 50%; padding-top: 50px; ">
                            <!-- <span>more</span> -->
                            <i class="bi bi-arrow-down " style="font-size: 40px "></i>
                        </a>
                    </div>

                </div>
                <!-- End Feature Tabs  ======== INTELLIGENT ========  -->
372

Sven Schneider's avatar
update    
Sven Schneider committed
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396


                <!-- Feature Tabs ======== SUSTAIABLE ======== -->
                <div id="sustainable-top " class="row feture-tabs " data-aos="fade-up ">
                    <header class="section-header ">

                        <p class="nav-link active " data-bs-toggle="pill " href="#tab1 ">sustainable</p>
                    </header>



                    <div class="col-lg-6 ">
                        <!-- Tabs -->
                        <!-- <ul class="nav nav-pills mb-3 ">
                            <li>
                                <a class="nav-link active " data-bs-toggle="pill " href="#tab1 ">livable</a>
                            </li>
                        </ul> -->
                        <!-- End Tabs -->

                        <!-- Tab Content -->
                        <div class="tab-content ">

                            <div class="tab-pane fade show active " id="sustainable ">
397
                                <p>Tomorrow's city spends its resources carefully. This means that resources need to be collected, measured, conserved and used at the right time and place.</p>
Sven Schneider's avatar
update    
Sven Schneider committed
398
399
400
                                <div class="d-flex align-items-center mb-2 ">
                                    <i class="bi bi-check2 "></i>
                                    <h4>Quality of live is at the heart of intelligent cities and citizens foster it </h4>
401
402
                                </div>
                                <p>Modern cities provide more green spaces and natural environments to live and spend quality time with friends and family.</p>
Sven Schneider's avatar
update    
Sven Schneider committed
403
404
                                <div class="d-flex align-items-center mb-2 ">
                                    <i class="bi bi-check2 "></i>
Sven Schneider's avatar
Sven Schneider committed
405
                                    <h4>Live like there is no tomorrow - reduce your carbon foot print</h4>
406
407
408
409
                                </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>

Sven Schneider's avatar
update    
Sven Schneider committed
410
411
412
413
414
415
416
417
                                <div class="d-flex align-items-center mb-2 ">
                                    <i class="bi bi-check2 "></i>
                                    <h4>Cradle 2 Cradle</h4>
                                </div>
                                <p>A material cadaster for buildings and infrastructure keeps track of materials like copper and steel that are used in buildings and become raw materials at the end of the buildings service life. </p>

                            </div>
                            <!-- End Tab 1 Content -->
418
419
420
421
                        </div>

                    </div>

Sven Schneider's avatar
update    
Sven Schneider committed
422
423
424
425
426
427
428
429
430
431
                    <div class="col-lg-6 ">
                        <!-- <img src="assets/img/sustainable.jpg " class="img-fluid " alt=" "> -->
                        <img src="assets/img/200127_Luftstroemung.jpg " class="img-fluid " alt=" ">
                    </div>

                    <div class="col-lg-12 " style="justify-content: center; " id=featureicon-arrow>
                        <a href="#featureicon-arrow " class="btn-read-more d-inline-flex align-items-center justify-content-center align-self-center " style="padding-left: 50%; padding-top: 50px; ">
                            <!-- <span>more</span> -->
                            <i class="bi bi-arrow-down " style="font-size: 50px "></i>
                        </a>
432
433
434
                    </div>

                </div>
Sven Schneider's avatar
update    
Sven Schneider committed
435
436
437
438
                <!-- End Feature Tabs  ======== LIVABLE ======== -->



439
440

                <!-- Feature Icons -->
Sven Schneider's avatar
update    
Sven Schneider committed
441
                <!-- <div class="row feature-icons " data-aos="fade-up ">
442
443
                    <h3></h3>

Sven Schneider's avatar
update    
Sven Schneider committed
444
                    <div class="row ">
445

Sven Schneider's avatar
update    
Sven Schneider committed
446
447
448
449
                        <div class="col-xl-4 text-center " data-aos="fade-right " data-aos-delay="100 ">
                            <!-- <img src="assets/img/features-3.png " class="img-fluid p-4 " alt=" "> -->
                <!-- <img src="assets/img/workspace.jpg " class="img-fluid p-4 " alt=" ">
                        </div> 
450

Sven Schneider's avatar
update    
Sven Schneider committed
451
452
                        <div class="col-xl-8 d-flex content ">
                            <div class="row align-self-center gy-4 ">
453

Sven Schneider's avatar
update    
Sven Schneider committed
454
455
                                <div class="col-md-6 icon-box " data-aos="fade-up ">
                                    <i class="ri-line-chart-line "></i>
456
457
458
459
460
461
                                    <div>
                                        <h4>Corporis voluptates sit</h4>
                                        <p>Consequuntur sunt aut quasi enim aliquam quae harum pariatur laboris nisi ut aliquip</p>
                                    </div>
                                </div>

Sven Schneider's avatar
update    
Sven Schneider committed
462
463
                                <div class="col-md-6 icon-box " data-aos="fade-up " data-aos-delay="100 ">
                                    <i class="ri-stack-line "></i>
464
465
466
467
468
469
                                    <div>
                                        <h4>Ullamco laboris nisi</h4>
                                        <p>Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt</p>
                                    </div>
                                </div>

Sven Schneider's avatar
update    
Sven Schneider committed
470
471
                                <div class="col-md-6 icon-box " data-aos="fade-up " data-aos-delay="200 ">
                                    <i class="ri-brush-4-line "></i>
472
473
474
475
476
477
                                    <div>
                                        <h4>Labore consequatur</h4>
                                        <p>Aut suscipit aut cum nemo deleniti aut omnis. Doloribus ut maiores omnis facere</p>
                                    </div>
                                </div>

Sven Schneider's avatar
update    
Sven Schneider committed
478
479
                                <div class="col-md-6 icon-box " data-aos="fade-up " data-aos-delay="300 ">
                                    <i class="ri-magic-line "></i>
480
481
482
483
484
485
                                    <div>
                                        <h4>Beatae veritatis</h4>
                                        <p>Expedita veritatis consequuntur nihil tempore laudantium vitae denat pacta</p>
                                    </div>
                                </div>

Sven Schneider's avatar
update    
Sven Schneider committed
486
487
                                <div class="col-md-6 icon-box " data-aos="fade-up " data-aos-delay="400 ">
                                    <i class="ri-command-line "></i>
488
489
490
491
492
493
                                    <div>
                                        <h4>Molestiae dolor</h4>
                                        <p>Et fuga et deserunt et enim. Dolorem architecto ratione tensa raptor marte</p>
                                    </div>
                                </div>

Sven Schneider's avatar
update    
Sven Schneider committed
494
495
                                <div class="col-md-6 icon-box " data-aos="fade-up " data-aos-delay="500 ">
                                    <i class="ri-radar-line "></i>
496
497
498
499
500
501
502
503
504
505
506
                                    <div>
                                        <h4>Explicabo consectetur</h4>
                                        <p>Est autem dicta beatae suscipit. Sint veritatis et sit quasi ab aut inventore</p>
                                    </div>
                                </div>

                            </div>
                        </div>

                    </div>

Sven Schneider's avatar
update    
Sven Schneider committed
507
508
509
510
                </div> -->



511
512
                <!-- End Feature Icons -->

Sven Schneider's avatar
update    
Sven Schneider committed
513

514
515
516
517
518
            </div>

        </section>
        <!-- End Features Section -->

Sven Schneider's avatar
update    
Sven Schneider committed
519

520
        <!-- ======= Services Section ======= -->
Sven Schneider's avatar
update    
Sven Schneider committed
521
        <!-- <section id="services " class="services ">
522

Sven Schneider's avatar
update    
Sven Schneider committed
523
            <div class="container " data-aos="fade-up ">
524

Sven Schneider's avatar
update    
Sven Schneider committed
525
                <header class="section-header ">
526
527
528
529
                    <h2>Services</h2>
                    <p>Veritatis et dolores facere numquam et praesentium</p>
                </header>

Sven Schneider's avatar
update    
Sven Schneider committed
530
                <div class="row gy-4 ">
531

Sven Schneider's avatar
update    
Sven Schneider committed
532
533
534
                    <div class="col-lg-4 col-md-6 " data-aos="fade-up " data-aos-delay="200 ">
                        <div class="service-box blue ">
                            <i class="ri-discuss-line icon "></i>
535
536
                            <h3>Nesciunt Mete</h3>
                            <p>Provident nihil minus qui consequatur non omnis maiores. Eos accusantium minus dolores iure perferendis tempore et consequatur.</p>
Sven Schneider's avatar
update    
Sven Schneider committed
537
                            <a href="# " class="read-more "><span>Read More</span> <i class="bi bi-arrow-right "></i></a>
538
539
540
                        </div>
                    </div>

Sven Schneider's avatar
update    
Sven Schneider committed
541
542
543
                    <div class="col-lg-4 col-md-6 " data-aos="fade-up " data-aos-delay="300 ">
                        <div class="service-box orange ">
                            <i class="ri-discuss-line icon "></i>
544
545
                            <h3>Eosle Commodi</h3>
                            <p>Ut autem aut autem non a. Sint sint sit facilis nam iusto sint. Libero corrupti neque eum hic non ut nesciunt dolorem.</p>
Sven Schneider's avatar
update    
Sven Schneider committed
546
                            <a href="# " class="read-more "><span>Read More</span> <i class="bi bi-arrow-right "></i></a>
547
548
549
                        </div>
                    </div>

Sven Schneider's avatar
update    
Sven Schneider committed
550
551
552
                    <div class="col-lg-4 col-md-6 " data-aos="fade-up " data-aos-delay="400 ">
                        <div class="service-box green ">
                            <i class="ri-discuss-line icon "></i>
553
554
                            <h3>Ledo Markt</h3>
                            <p>Ut excepturi voluptatem nisi sed. Quidem fuga consequatur. Minus ea aut. Vel qui id voluptas adipisci eos earum corrupti.</p>
Sven Schneider's avatar
update    
Sven Schneider committed
555
                            <a href="# " class="read-more "><span>Read More</span> <i class="bi bi-arrow-right "></i></a>
556
557
558
                        </div>
                    </div>

Sven Schneider's avatar
update    
Sven Schneider committed
559
560
561
                    <div class="col-lg-4 col-md-6 " data-aos="fade-up " data-aos-delay="500 ">
                        <div class="service-box red ">
                            <i class="ri-discuss-line icon "></i>
562
563
                            <h3>Asperiores Commodi</h3>
                            <p>Non et temporibus minus omnis sed dolor esse consequatur. Cupiditate sed error ea fuga sit provident adipisci neque.</p>
Sven Schneider's avatar
update    
Sven Schneider committed
564
                            <a href="# " class="read-more "><span>Read More</span> <i class="bi bi-arrow-right "></i></a>
565
566
567
                        </div>
                    </div>

Sven Schneider's avatar
update    
Sven Schneider committed
568
569
570
                    <div class="col-lg-4 col-md-6 " data-aos="fade-up " data-aos-delay="600 ">
                        <div class="service-box purple ">
                            <i class="ri-discuss-line icon "></i>
571
572
                            <h3>Velit Doloremque.</h3>
                            <p>Cumque et suscipit saepe. Est maiores autem enim facilis ut aut ipsam corporis aut. Sed animi at autem alias eius labore.</p>
Sven Schneider's avatar
update    
Sven Schneider committed
573
                            <a href="# " class="read-more "><span>Read More</span> <i class="bi bi-arrow-right "></i></a>
574
575
576
                        </div>
                    </div>

Sven Schneider's avatar
update    
Sven Schneider committed
577
578
579
                    <div class="col-lg-4 col-md-6 " data-aos="fade-up " data-aos-delay="700 ">
                        <div class="service-box pink ">
                            <i class="ri-discuss-line icon "></i>
580
581
                            <h3>Dolori Architecto</h3>
                            <p>Hic molestias ea quibusdam eos. Fugiat enim doloremque aut neque non et debitis iure. Corrupti recusandae ducimus enim.</p>
Sven Schneider's avatar
update    
Sven Schneider committed
582
                            <a href="# " class="read-more "><span>Read More</span> <i class="bi bi-arrow-right "></i></a>
583
584
585
586
587
588
589
                        </div>
                    </div>

                </div>

            </div>

Sven Schneider's avatar
update    
Sven Schneider committed
590
        </section> -->
591
592
593
        <!-- End Services Section -->

        <!-- ======= Pricing Section ======= -->
Sven Schneider's avatar
update    
Sven Schneider committed
594
        <!-- <section id="pricing " class="pricing ">
595

Sven Schneider's avatar
update    
Sven Schneider committed
596
            <div class="container " data-aos="fade-up ">
597

Sven Schneider's avatar
update    
Sven Schneider committed
598
                <header class="section-header ">
599
600
601
602
                    <h2>Pricing</h2>
                    <p>Check our Pricing</p>
                </header>

Sven Schneider's avatar
update    
Sven Schneider committed
603
                <div class="row gy-4 " data-aos="fade-left ">
604

Sven Schneider's avatar
update    
Sven Schneider committed
605
606
607
608
609
                    <div class="col-lg-3 col-md-6 " data-aos="zoom-in " data-aos-delay="100 ">
                        <div class="box ">
                            <h3 style="color: #07d5c0; ">Free Plan</h3>
                            <div class="price "><sup>$</sup>0<span> / mo</span></div>
                            <img src="assets/img/pricing-free.png " class="img-fluid " alt=" ">
610
611
612
613
                            <ul>
                                <li>Aida dere</li>
                                <li>Nec feugiat nisl</li>
                                <li>Nulla at volutpat dola</li>
Sven Schneider's avatar
update    
Sven Schneider committed
614
615
                                <li class="na ">Pharetra massa</li>
                                <li class="na ">Massa ultricies mi</li>
616
                            </ul>
Sven Schneider's avatar
update    
Sven Schneider committed
617
                            <a href="# " class="btn-buy ">Buy Now</a>
618
619
620
                        </div>
                    </div>

Sven Schneider's avatar
update    
Sven Schneider committed
621
622
623
624
625
626
                    <div class="col-lg-3 col-md-6 " data-aos="zoom-in " data-aos-delay="200 ">
                        <div class="box ">
                            <span class="featured ">Featured</span>
                            <h3 style="color: #65c600; ">Starter Plan</h3>
                            <div class="price "><sup>$</sup>19<span> / mo</span></div>
                            <img src="assets/img/pricing-starter.png " class="img-fluid " alt=" ">
627
628
629
630
631
                            <ul>
                                <li>Aida dere</li>
                                <li>Nec feugiat nisl</li>
                                <li>Nulla at volutpat dola</li>
                                <li>Pharetra massa</li>
Sven Schneider's avatar
update    
Sven Schneider committed
632
                                <li class="na ">Massa ultricies mi</li>
633
                            </ul>
Sven Schneider's avatar
update    
Sven Schneider committed
634
                            <a href="# " class="btn-buy ">Buy Now</a>
635
636
637
                        </div>
                    </div>

Sven Schneider's avatar
update    
Sven Schneider committed
638
639
640
641
642
                    <div class="col-lg-3 col-md-6 " data-aos="zoom-in " data-aos-delay="300 ">
                        <div class="box ">
                            <h3 style="color: #ff901c; ">Business Plan</h3>
                            <div class="price "><sup>$</sup>29<span> / mo</span></div>
                            <img src="assets/img/pricing-business.png " class="img-fluid " alt=" ">
643
644
645
646
647
648
649
                            <ul>
                                <li>Aida dere</li>
                                <li>Nec feugiat nisl</li>
                                <li>Nulla at volutpat dola</li>
                                <li>Pharetra massa</li>
                                <li>Massa ultricies mi</li>
                            </ul>
Sven Schneider's avatar
update    
Sven Schneider committed
650
                            <a href="# " class="btn-buy ">Buy Now</a>
651
652
653
                        </div>
                    </div>

Sven Schneider's avatar
update    
Sven Schneider committed
654
655
656
657
658
                    <div class="col-lg-3 col-md-6 " data-aos="zoom-in " data-aos-delay="400 ">
                        <div class="box ">
                            <h3 style="color: #ff0071; ">Ultimate Plan</h3>
                            <div class="price "><sup>$</sup>49<span> / mo</span></div>
                            <img src="assets/img/pricing-ultimate.png " class="img-fluid " alt=" ">
659
660
661
662
663
664
665
                            <ul>
                                <li>Aida dere</li>
                                <li>Nec feugiat nisl</li>
                                <li>Nulla at volutpat dola</li>
                                <li>Pharetra massa</li>
                                <li>Massa ultricies mi</li>
                            </ul>
Sven Schneider's avatar
update    
Sven Schneider committed
666
                            <a href="# " class="btn-buy ">Buy Now</a>
667
668
669
670
671
672
673
                        </div>
                    </div>

                </div>

            </div>

Sven Schneider's avatar
update    
Sven Schneider committed
674
        </section> -->
675
676
        <!-- End Pricing Section -->

Sven Schneider's avatar
Sven Schneider committed
677
678
679


        <!-- ======= Values Section ======= -->
Sven Schneider's avatar
update    
Sven Schneider committed
680
        <section id="values " class="values ">
Sven Schneider's avatar
Sven Schneider committed
681

Sven Schneider's avatar
update    
Sven Schneider committed
682
            <div class="container " data-aos="fade-up ">
Sven Schneider's avatar
Sven Schneider committed
683

Sven Schneider's avatar
update    
Sven Schneider committed
684
                <header class="section-header ">
Sven Schneider's avatar
Sven Schneider committed
685
                    <h2>City Demonstrator</h2>
Sven Schneider's avatar
update    
Sven Schneider committed
686
                    <p>Select one Demonstrator to explore</p>
Sven Schneider's avatar
Sven Schneider committed
687
688
                </header>

Sven Schneider's avatar
update    
Sven Schneider committed
689
                <div class="row ">
Sven Schneider's avatar
Sven Schneider committed
690

Sven Schneider's avatar
update    
Sven Schneider committed
691
692
693
                    <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=" ">
Sven Schneider's avatar
Sven Schneider committed
694
695
                            <h3>DreSo</h3> -->
                            <h3>Drees & Sommer</h3>
Sven Schneider's avatar
update    
Sven Schneider committed
696
697
                            <a href="https://www.dreso.com/de/ " class="logo d-flex align-items-center ">
                                <img src="assets/img/DreeSoDemonstrator3.png" width="350 " alt=" ">
Sven Schneider's avatar
Sven Schneider committed
698
699
                                <!-- <span>City Demonstrator</span> -->
                            </a>
Sven Schneider's avatar
update    
Sven Schneider committed
700
701
                            <p>Explore the City Demonstrator from Drees & Sommer
                            </p>
Sven Schneider's avatar
Sven Schneider committed
702
703
704
                        </div>
                    </div>

Sven Schneider's avatar
update    
Sven Schneider committed
705
706
707
                    <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=" ">
Sven Schneider's avatar
Sven Schneider committed
708
709
710
711
712
                            <h3>Voluptatem voluptatum alias</h3>
                            <p>Repudiandae amet nihil natus in distinctio suscipit id. Doloremque ducimus ea sit non.</p>
                        </div> -->
                    </div>

Sven Schneider's avatar
update    
Sven Schneider committed
713
714
715
                    <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=" "> -->
Sven Schneider's avatar
Sven Schneider committed
716
                            <h3>HFT Stuttgart</h3>
Sven Schneider's avatar
update    
Sven Schneider committed
717
718
                            <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=" ">
Sven Schneider's avatar
Sven Schneider committed
719
720
                                <!-- <span>City Demonstrator</span> -->
                            </a>
Sven Schneider's avatar
update    
Sven Schneider committed
721
                            <p>Explore the City Demonstrator from HfT Stuttgart</p>
Sven Schneider's avatar
Sven Schneider committed
722
723
724
725
726
727
728
729
730
731
732
                        </div>
                    </div>

                </div>

            </div>

        </section>
        <!-- End Values Section -->

        <!-- ======= Counts Section ======= -->
Sven Schneider's avatar
update    
Sven Schneider committed
733
734
        <!-- <section id="counts " class="counts ">
            <div class="container " data-aos="fade-up ">
Sven Schneider's avatar
Sven Schneider committed
735

Sven Schneider's avatar
update    
Sven Schneider committed
736
                <div class="row gy-4 ">
Sven Schneider's avatar
Sven Schneider committed
737

Sven Schneider's avatar
update    
Sven Schneider committed
738
739
740
                    <div class="col-lg-3 col-md-6 ">
                        <div class="count-box ">
                            <i class="bi bi-emoji-smile "></i>
Sven Schneider's avatar
Sven Schneider committed
741
                            <div>
Sven Schneider's avatar
update    
Sven Schneider committed
742
                                <span data-purecounter-start="0 " data-purecounter-end="232 " data-purecounter-duration="2 " class="purecounter "></span>
Sven Schneider's avatar
Sven Schneider committed
743
744
745
746
747
                                <p>Happy Clients</p>
                            </div>
                        </div>
                    </div>

Sven Schneider's avatar
update    
Sven Schneider committed
748
749
750
                    <div class="col-lg-3 col-md-6 ">
                        <div class="count-box ">
                            <i class="bi bi-journal-richtext " style="color: #ee6c20; "></i>
Sven Schneider's avatar
Sven Schneider committed
751
                            <div>
Sven Schneider's avatar
update    
Sven Schneider committed
752
                                <span data-purecounter-start="0 " data-purecounter-end="521 " data-purecounter-duration="2 " class="purecounter "></span>
Sven Schneider's avatar
Sven Schneider committed
753
754
755
756
757
                                <p>Projects</p>
                            </div>
                        </div>
                    </div>

Sven Schneider's avatar
update    
Sven Schneider committed
758
759
760
                    <div class="col-lg-3 col-md-6 ">
                        <div class="count-box ">
                            <i class="bi bi-headset " style="color: #15be56; "></i>
Sven Schneider's avatar
Sven Schneider committed
761
                            <div>
Sven Schneider's avatar
update    
Sven Schneider committed
762
                                <span data-purecounter-start="0 " data-purecounter-end="1463 " data-purecounter-duration="1 " class="purecounter "></span>
Sven Schneider's avatar
Sven Schneider committed
763
764
765
766
767
                                <p>Hours Of Support</p>
                            </div>
                        </div>
                    </div>

Sven Schneider's avatar
update    
Sven Schneider committed
768
769
770
                    <div class="col-lg-3 col-md-6 ">
                        <div class="count-box ">
                            <i class="bi bi-people " style="color: #bb0852; "></i>
Sven Schneider's avatar
Sven Schneider committed
771
                            <div>
Sven Schneider's avatar
update    
Sven Schneider committed
772
                                <span data-purecounter-start="0 " data-purecounter-end="15 " data-purecounter-duration="1 " class="purecounter "></span>
Sven Schneider's avatar
Sven Schneider committed
773
774
775
776
777
778
779
780
                                <p>Hard Workers</p>
                            </div>
                        </div>
                    </div>

                </div>

            </div>
Sven Schneider's avatar
update    
Sven Schneider committed
781
        </section> -->
Sven Schneider's avatar
Sven Schneider committed
782
783
784
785
786
787
788
789
        <!-- End Counts Section -->







790
791
792


        <!-- ======= Portfolio Section ======= -->
Sven Schneider's avatar
update    
Sven Schneider committed
793
        <!-- <section id="portfolio " class="portfolio ">
794

Sven Schneider's avatar
update    
Sven Schneider committed
795
            <div class="container " data-aos="fade-up ">
796

Sven Schneider's avatar
update    
Sven Schneider committed
797
                <header class="section-header ">
798
799
800
801
                    <h2>Portfolio</h2>
                    <p>Check our latest work</p>
                </header>

Sven Schneider's avatar
update    
Sven Schneider committed
802
803
804
805
806
807
808
                <div class="row " data-aos="fade-up " data-aos-delay="100 ">
                    <div class="col-lg-12 d-flex justify-content-center ">
                        <ul id="portfolio-flters ">
                            <li data-filter="* " class="filter-active ">All</li>
                            <li data-filter=".filter-app ">App</li>
                            <li data-filter=".filter-card ">Card</li>
                            <li data-filter=".filter-web ">Web</li>
809
810
811
812
                        </ul>
                    </div>
                </div>

Sven Schneider's avatar
update    
Sven Schneider committed
813
                <div class="row gy-4 portfolio-container " data-aos="fade-up " data-aos-delay="200 ">
814

Sven Schneider's avatar
update    
Sven Schneider committed
815
816
817
818
                    <div class="col-lg-4 col-md-6 portfolio-item filter-app ">
                        <div class="portfolio-wrap ">
                            <img src="assets/img/portfolio/portfolio-1.jpg " class="img-fluid " alt=" ">
                            <div class="portfolio-info ">
819
820
                                <h4>App 1</h4>
                                <p>App</p>
Sven Schneider's avatar
update    
Sven Schneider committed
821
822
823
                                <div class="portfolio-links ">
                                    <a href="assets/img/portfolio/portfolio-1.jpg " data-gallery="portfolioGallery " class="portfokio-lightbox " title="App 1 "><i class="bi bi-plus "></i></a>
                                    <a href="portfolio-details.html " title="More Details "><i class="bi bi-link "></i></a>
824
825
826
827
828
                                </div>
                            </div>
                        </div>
                    </div>

Sven Schneider's avatar
update    
Sven Schneider committed
829
830
831
832
                    <div class="col-lg-4 col-md-6 portfolio-item filter-web ">
                        <div class="portfolio-wrap ">
                            <img src="assets/img/portfolio/portfolio-2.jpg " class="img-fluid " alt=" ">
                            <div class="portfolio-info ">
833
834
                                <h4>Web 3</h4>
                                <p>Web</p>
Sven Schneider's avatar
update    
Sven Schneider committed
835
836
837
                                <div class="portfolio-links ">
                                    <a href="assets/img/portfolio/portfolio-2.jpg " data-gallery="portfolioGallery " class="portfokio-lightbox " title="Web 3 "><i class="bi bi-plus "></i></a>
                                    <a href="portfolio-details.html " title="More Details "><i class="bi bi-link "></i></a>
838
839
840
841
842
                                </div>
                            </div>
                        </div>
                    </div>

Sven Schneider's avatar
update    
Sven Schneider committed
843
844
845
846
                    <div class="col-lg-4 col-md-6 portfolio-item filter-app ">
                        <div class="portfolio-wrap ">
                            <img src="assets/img/portfolio/portfolio-3.jpg " class="img-fluid " alt=" ">
                            <div class="portfolio-info ">
847
848
                                <h4>App 2</h4>
                                <p>App</p>
Sven Schneider's avatar
update    
Sven Schneider committed
849
850
851
                                <div class="portfolio-links ">
                                    <a href="assets/img/portfolio/portfolio-3.jpg " data-gallery="portfolioGallery " class="portfokio-lightbox " title="App 2 "><i class="bi bi-plus "></i></a>
                                    <a href="portfolio-details.html " title="More Details "><i class="bi bi-link "></i></a>
852
853
854
855
856
                                </div>
                            </div>
                        </div>
                    </div>

Sven Schneider's avatar
update    
Sven Schneider committed
857
858
859
860
                    <div class="col-lg-4 col-md-6 portfolio-item filter-card ">
                        <div class="portfolio-wrap ">
                            <img src="assets/img/portfolio/portfolio-4.jpg " class="img-fluid " alt=" ">
                            <div class="portfolio-info ">
861
862
                                <h4>Card 2</h4>
                                <p>Card</p>
Sven Schneider's avatar
update    
Sven Schneider committed
863
864
865
                                <div class="portfolio-links ">
                                    <a href="assets/img/portfolio/portfolio-4.jpg " data-gallery="portfolioGallery " class="portfokio-lightbox " title="Card 2 "><i class="bi bi-plus "></i></a>
                                    <a href="portfolio-details.html " title="More Details "><i class="bi bi-link "></i></a>
866
867
868
869
870
                                </div>
                            </div>
                        </div>
                    </div>

Sven Schneider's avatar
update    
Sven Schneider committed
871
872
873
874
                    <div class="col-lg-4 col-md-6 portfolio-item filter-web ">
                        <div class="portfolio-wrap ">
                            <img src="assets/img/portfolio/portfolio-5.jpg " class="img-fluid " alt=" ">
                            <div class="portfolio-info ">
875
876
                                <h4>Web 2</h4>
                                <p>Web</p>
Sven Schneider's avatar
update    
Sven Schneider committed
877
878
879
                                <div class="portfolio-links ">
                                    <a href="assets/img/portfolio/portfolio-5.jpg " data-gallery="portfolioGallery " class="portfokio-lightbox " title="Web 2 "><i class="bi bi-plus "></i></a>
                                    <a href="portfolio-details.html " title="More Details "><i class="bi bi-link "></i></a>
880
881
882
883
884
                                </div>
                            </div>
                        </div>
                    </div>

Sven Schneider's avatar
update    
Sven Schneider committed
885
886
887
888
                    <div class="col-lg-4 col-md-6 portfolio-item filter-app ">
                        <div class="portfolio-wrap ">
                            <img src="assets/img/portfolio/portfolio-6.jpg " class="img-fluid " alt=" ">
                            <div class="portfolio-info ">
889
890
                                <h4>App 3</h4>
                                <p>App</p>
Sven Schneider's avatar
update    
Sven Schneider committed
891
892
893
                                <div class="portfolio-links ">
                                    <a href="assets/img/portfolio/portfolio-6.jpg " data-gallery="portfolioGallery " class="portfokio-lightbox " title="App 3 "><i class="bi bi-plus "></i></a>
                                    <a href="portfolio-details.html " title="More Details "><i class="bi bi-link "></i></a>
894
895
896
897
898
                                </div>
                            </div>
                        </div>
                    </div>

Sven Schneider's avatar
update    
Sven Schneider committed
899
900
901
902
                    <div class="col-lg-4 col-md-6 portfolio-item filter-card ">
                        <div class="portfolio-wrap ">
                            <img src="assets/img/portfolio/portfolio-7.jpg " class="img-fluid " alt=" ">
                            <div class="portfolio-info ">
903
904
                                <h4>Card 1</h4>
                                <p>Card</p>
Sven Schneider's avatar
update    
Sven Schneider committed
905
906
907
                                <div class="portfolio-links ">
                                    <a href="assets/img/portfolio/portfolio-7.jpg " data-gallery="portfolioGallery " class="portfokio-lightbox " title="Card 1 "><i class="bi bi-plus "></i></a>
                                    <a href="portfolio-details.html " title="More Details "><i class="bi bi-link "></i></a>
908
909
910
911
912
                                </div>
                            </div>
                        </div>
                    </div>

Sven Schneider's avatar
update    
Sven Schneider committed
913
914
915
916
                    <div class="col-lg-4 col-md-6 portfolio-item filter-card ">
                        <div class="portfolio-wrap ">
                            <img src="assets/img/portfolio/portfolio-8.jpg " class="img-fluid " alt=" ">
                            <div class="portfolio-info ">
917
918
                                <h4>Card 3</h4>
                                <p>Card</p>
Sven Schneider's avatar
update    
Sven Schneider committed
919
920
921
                                <div class="portfolio-links ">
                                    <a href="assets/img/portfolio/portfolio-8.jpg " data-gallery="portfolioGallery " class="portfokio-lightbox " title="Card 3 "><i class="bi bi-plus "></i></a>
                                    <a href="portfolio-details.html " title="More Details "><i class="bi bi-link "></i></a>
922
923
924
925
926
                                </div>
                            </div>
                        </div>
                    </div>

Sven Schneider's avatar
update    
Sven Schneider committed
927
928
929
930
                    <div class="col-lg-4 col-md-6 portfolio-item filter-web ">
                        <div class="portfolio-wrap ">
                            <img src="assets/img/portfolio/portfolio-9.jpg " class="img-fluid " alt=" ">
                            <div class="portfolio-info ">
931
932
                                <h4>Web 3</h4>
                                <p>Web</p>
Sven Schneider's avatar
update    
Sven Schneider committed
933
934
935
                                <div class="portfolio-links ">
                                    <a href="assets/img/portfolio/portfolio-9.jpg " data-gallery="portfolioGallery " class="portfokio-lightbox " title="Web 3 "><i class="bi bi-plus "></i></a>
                                    <a href="portfolio-details.html " title="More Details "><i class="bi bi-link "></i></a>
936
937
938
939
940
941
942
943
944
945
946
947
948
                                </div>
                            </div>
                        </div>
                    </div>

                </div>

            </div>

        </section> -->
        <!-- End Portfolio Section -->

        <!-- ======= Testimonials Section ======= -->
Sven Schneider's avatar
update    
Sven Schneider committed
949
        <!-- <section id="testimonials " class="testimonials ">
950

Sven Schneider's avatar
update    
Sven Schneider committed
951
            <div class="container " data-aos="fade-up ">
952

Sven Schneider's avatar
update    
Sven Schneider committed
953
                <header class="section-header ">
954
955
956
957
                    <h2>Testimonials</h2>
                    <p>What they are saying about us</p>
                </header>

Sven Schneider's avatar
update    
Sven Schneider committed
958
959
                <div class="testimonials-slider swiper-container " data-aos="fade-up " data-aos-delay="200 ">
                    <div class="swiper-wrapper ">
960

Sven Schneider's avatar
update    
Sven Schneider committed
961
962
963
964
                        <div class="swiper-slide ">
                            <div class="testimonial-item ">
                                <div class="stars ">
                                    <i class="bi bi-star-fill "></i><i class="bi bi-star-fill "></i><i class="bi bi-star-fill "></i><i class="bi bi-star-fill "></i><i class="bi bi-star-fill "></i>
965
966
967
968
                                </div>
                                <p>
                                    Proin iaculis purus consequat sem cure digni ssim donec porttitora entum suscipit rhoncus. Accusantium quam, ultricies eget id, aliquam eget nibh et. Maecen aliquam, risus at semper.
                                </p>
Sven Schneider's avatar
update    
Sven Schneider committed
969
970
                                <div class="profile mt-auto ">
                                    <img src="assets/img/testimonials/testimonials-1.jpg " class="testimonial-img " alt=" ">
971
972
973
974
975
976
977
                                    <h3>Saul Goodman</h3>
                                    <h4>Ceo &amp; Founder</h4>
                                </div>
                            </div>
                        </div>
                        <!-- End testimonial item -->

Sven Schneider's avatar
update    
Sven Schneider committed
978
979
980
981
        <!--                        <div class="swiper-slide ">
                            <div class="testimonial-item ">
                                <div class="stars ">
                                    <i class="bi bi-star-fill "></i><i class="bi bi-star-fill "></i><i class="bi bi-star-fill "></i><i class="bi bi-star-fill "></i><i class="bi bi-star-fill "></i>
982
983
984
985
                                </div>
                                <p>
                                    Export tempor illum tamen malis malis eram quae irure esse labore quem cillum quid cillum eram malis quorum velit fore eram velit sunt aliqua noster fugiat irure amet legam anim culpa.
                                </p>
Sven Schneider's avatar
update    
Sven Schneider committed
986
987
                                <div class="profile mt-auto ">
                                    <img src="assets/img/testimonials/testimonials-2.jpg " class="testimonial-img " alt=" ">
988
989
990
991
992
993
994
                                    <h3>Sara Wilsson</h3>
                                    <h4>Designer</h4>
                                </div>
                            </div>
                        </div>
                        <!-- End testimonial item -->

Sven Schneider's avatar
update    
Sven Schneider committed
995
996
997
998
        <!--                        <div class="swiper-slide ">
                            <div class="testimonial-item ">
                                <div class="stars ">
                                    <i class="bi bi-star-fill "></i><i class="bi bi-star-fill "></i><i class="bi bi-star-fill "></i><i class="bi bi-star-fill "></i><i class="bi bi-star-fill "></i>
999
1000
1001
1002
                                </div>
                                <p>
                                    Enim nisi quem export duis labore cillum quae magna enim sint quorum nulla quem veniam duis minim tempor labore quem eram duis noster aute amet eram fore quis sint minim.
                                </p>
Sven Schneider's avatar
update    
Sven Schneider committed
1003
1004
                                <div class="profile mt-auto ">
                                    <img src="assets/img/testimonials/testimonials-3.jpg " class="testimonial-img " alt=" ">
1005
1006
1007
1008
1009
1010
1011
                                    <h3>Jena Karlis</h3>
                                    <h4>Store Owner</h4>
                                </div>
                            </div>
                        </div>
                        <!-- End testimonial item -->
        <!-- 
Sven Schneider's avatar
update    
Sven Schneider committed
1012
1013
1014
1015
                        <div class="swiper-slide ">
                            <div class="testimonial-item ">
                                <div class="stars ">
                                    <i class="bi bi-star-fill "></i><i class="bi bi-star-fill "></i><i class="bi bi-star-fill "></i><i class="bi bi-star-fill "></i><i class="bi bi-star-fill "></i>
1016
1017
1018
1019
                                </div>
                                <p>
                                    Fugiat enim eram quae cillum dolore dolor amet nulla culpa multos export minim fugiat minim velit minim dolor enim duis veniam ipsum anim magna sunt elit fore quem dolore labore illum veniam.
                                </p>
Sven Schneider's avatar
update    
Sven Schneider committed
1020
1021
                                <div class="profile mt-auto ">
                                    <img src="assets/img/testimonials/testimonials-4.jpg " class="testimonial-img " alt=" ">
1022
1023
1024
1025
1026
1027
1028
                                    <h3>Matt Brandon</h3>
                                    <h4>Freelancer</h4>
                                </div>
                            </div>
                        </div>
                        <!-- End testimonial item -->

Sven Schneider's avatar
update    
Sven Schneider committed
1029
1030
1031
1032
        <!--  <div class="swiper-slide ">
                            <div class="testimonial-item ">
                                <div class="stars ">
                                    <i class="bi bi-star-fill "></i><i class="bi bi-star-fill "></i><i class="bi bi-star-fill "></i><i class="bi bi-star-fill "></i><i class="bi bi-star-fill "></i>
1033
1034
1035
1036
                                </div>
                                <p>
                                    Quis quorum aliqua sint quem legam fore sunt eram irure aliqua veniam tempor noster veniam enim culpa labore duis sunt culpa nulla illum cillum fugiat legam esse veniam culpa fore nisi cillum quid.
                                </p>
Sven Schneider's avatar
update    
Sven Schneider committed
1037
1038
                                <div class="profile mt-auto ">
                                    <img src="assets/img/testimonials/testimonials-5.jpg " class="testimonial-img " alt=" ">
1039
1040
1041
1042
1043
1044
1045
1046
                                    <h3>John Larson</h3>
                                    <h4>Entrepreneur</h4>
                                </div>
                            </div>
                        </div>
                        <!-- End testimonial item -->

        <!--                    </div>
Sven Schneider's avatar
update    
Sven Schneider committed
1047
                    <div class="swiper-pagination "></div>
1048
1049
1050
1051
1052
1053
1054
1055
                </div>

            </div>

        </section> -->
        <!-- End Testimonials Section -->

        <!-- ======= Team Section ======= -->
Sven Schneider's avatar
update    
Sven Schneider committed
1056
        <section id="team " class="team ">
1057

Sven Schneider's avatar
update    
Sven Schneider committed
1058
            <div class="container " data-aos="fade-up ">
1059

Sven Schneider's avatar
update    
Sven Schneider committed
1060
                <header class="section-header ">
1061
1062
1063
1064
                    <h2>Team</h2>
                    <p>Talk to us at the conference</p>
                </header>

Sven Schneider's avatar
update    
Sven Schneider committed
1065
1066
1067
1068
1069
1070
1071
1072
1073
1074
1075
                <div class="row gy-4 ">

                    <div class="col-lg-3 col-md-6 d-flex align-items-stretch " data-aos="fade-up " data-aos-delay="100 ">
                        <div class="member ">
                            <div class="member-img ">
                                <img src="https://www.hft-stuttgart.de/fileadmin/Dateien/Profilbilder/_processed_/f/2/csm_Coors-Volker__2__2fbc5a88e2.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>
                                    <a href=" "><i class="bi bi-instagram "></i></a>
                                    <a href=" "><i class="bi bi-linkedin "></i></a>
1076
1077
                                </div>
                            </div>
Sven Schneider's avatar
update    
Sven Schneider committed
1078
                            <div class="member-info ">
1079
1080
1081
1082
1083
1084
1085
                                <h4>Prof. Volker Coors</h4>
                                <span>IAF Director</span>
                                <p>Some text about Volker</p>
                            </div>
                        </div>
                    </div>

Sven Schneider's avatar
update    
Sven Schneider committed
1086
1087
1088
1089
1090
1091
1092
1093
1094
                    <div class="col-lg-3 col-md-6 d-flex align-items-stretch " data-aos="fade-up " data-aos-delay="200 ">
                        <div class="member ">
                            <div class="member-img ">
                                <img src="assets/img/Iris3.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>
                                    <a href=" "><i class="bi bi-instagram "></i></a>
                                    <a href=" "><i class="bi bi-linkedin "></i></a>
1095
1096
                                </div>
                            </div>
Sven Schneider's avatar
update    
Sven Schneider committed
1097
                            <div class="member-info ">
1098
                                <h4>Prof. Iris Belle</h4>
Sven Schneider's avatar
Sven Schneider committed
1099
                                <span>Prof. in Master's degree <i>Smart City Solutions</i>. Consultant at DreSo</span>
Sven Schneider's avatar
update    
Sven Schneider committed
1100
1101
1102
                                <p>Iris Belle co-directs the Master Programme Smart City Solutions at HfT Stuttgart. She is also a Leading Consultant at Drees & Sommer and develops digital and sustainability concepts for cities, precincts and campuses for
                                    public and private clients. She co-leads the Smart City Demonstrator. Iris Belle holds a PhD in Geography from Heidelberg University and a Diploma in Architecture from Karlsruhe Institute of Technology. <br> iris.belle@hft-stuttgart.de
                                </p>
1103
1104
1105
1106
                            </div>
                        </div>
                    </div>

Sven Schneider's avatar
update    
Sven Schneider committed
1107
1108
1109
1110
1111
1112
1113
1114
1115
                    <div class="col-lg-3 col-md-6 d-flex align-items-stretch " data-aos="fade-up " data-aos-delay="300 ">
                        <div class="member ">
                            <div class="member-img ">
                                <img src="https://www.hft-stuttgart.de/fileadmin/Dateien/Profilbilder/_processed_/d/4/csm_Haag-Max__1__fc1ce3bf4c.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>
                                    <a href=" "><i class="bi bi-instagram "></i></a>
                                    <a href=" "><i class="bi bi-linkedin "></i></a>
1116
1117
                                </div>
                            </div>
Sven Schneider's avatar
update    
Sven Schneider committed
1118
1119
1120
1121
                            <div class="member-info ">
                                <h4>Maximilian Haag</h4>
                                <span>Director of zafh.net and programm coordinator iCity</span>
                                <p>Smart Buildings & Smart Cities, Gebäude- und Energietechnik...</p>
1122
1123
1124
1125
                            </div>
                        </div>
                    </div>

Sven Schneider's avatar
update    
Sven Schneider committed
1126
1127
1128
1129
1130
1131
1132
1133
1134
                    <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="https://www.hft-stuttgart.de/fileadmin/Dateien/Profilbilder/_processed_/7/f/csm_ImageProfil_e7a92cdd9b.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>
                                    <a href=" "><i class="bi bi-instagram "></i></a>
                                    <a href=" "><i class="bi bi-linkedin "></i></a>
1135
1136
                                </div>
                            </div>
Sven Schneider's avatar
update    
Sven Schneider committed
1137
1138
                            <div class="member-info ">
                                <h4>Patrick Wuerstle</h4>
Sven Schneider's avatar
Sven Schneider committed
1139
                                <span>Researcher at IAF and ZGG</span>
Sven Schneider's avatar
update    
Sven Schneider committed
1140
                                <p>M4_LAB Innovative Hochschule Smart Villages</p>
1141
1142
1143
1144
1145
1146
1147
1148
1149
1150
1151
                            </div>
                        </div>
                    </div>

                </div>

            </div>

        </section>
        <!-- End Team Section -->

Sven Schneider's avatar
update    
Sven Schneider committed
1152
1153
1154
1155
1156
1157






1158
        <!-- ======= Clients Section ======= -->
Sven Schneider's avatar
update    
Sven Schneider committed
1159
        <!-- <section id="clients " class="clients ">
1160

Sven Schneider's avatar
update    
Sven Schneider committed
1161
            <div class="container " data-aos="fade-up ">
1162

Sven Schneider's avatar
update    
Sven Schneider committed
1163
                <header class="section-header ">
1164
1165
1166
1167
                    <h2>Our Partners</h2>
                    <p>An overview of our research partners at HfT Suttgart</p>
                </header>

Sven Schneider's avatar
update    
Sven Schneider committed
1168
1169
1170
1171
1172
1173
1174
1175
1176
1177
                <div class="clients-slider swiper-container ">
                    <div class="swiper-wrapper align-items-center ">
                        <div class="swiper-slide "><img src="assets/img/clients/client-1.png " class="img-fluid " alt=" "></div>
                        <div class="swiper-slide "><img src="assets/img/clients/client-2.png " class="img-fluid " alt=" "></div>
                        <div class="swiper-slide "><img src="assets/img/clients/client-3.png " class="img-fluid " alt=" "></div>
                        <div class="swiper-slide "><img src="assets/img/clients/client-4.png " class="img-fluid " alt=" "></div>
                        <div class="swiper-slide "><img src="assets/img/clients/client-5.png " class="img-fluid " alt=" "></div>
                        <div class="swiper-slide "><img src="assets/img/clients/client-6.png " class="img-fluid " alt=" "></div>
                        <div class="swiper-slide "><img src="assets/img/clients/partner1.svg " class="img-fluid " alt=" "></div>
                        <div class="swiper-slide "><img src="assets/img/clients/partner2.svg " class="img-fluid " alt=" "></div>
1178
                    </div>
Sven Schneider's avatar
update    
Sven Schneider committed
1179
                    <div class="swiper-pagination "></div>
1180
1181
1182
                </div>
            </div>

Sven Schneider's avatar
update    
Sven Schneider committed
1183
        </section> -->
1184
1185
1186
        <!-- End Clients Section -->

        <!-- ======= Recent Blog Posts Section ======= -->
Sven Schneider's avatar
update    
Sven Schneider committed
1187
        <!-- <section id="recent-blog-posts " class="recent-blog-posts ">
1188

Sven Schneider's avatar
update    
Sven Schneider committed
1189
            <div class="container " data-aos="fade-up ">
1190

Sven Schneider's avatar
update    
Sven Schneider committed
1191
                <header class="section-header ">
1192
1193
1194
1195
                    <h2>Blog</h2>
                    <p>Recent posts form our Blog</p>
                </header>

Sven Schneider's avatar
update    
Sven Schneider committed
1196
                <div class="row ">
1197

Sven Schneider's avatar
update    
Sven Schneider committed
1198
1199
1200
1201
1202
1203
                    <div class="col-lg-4 ">
                        <div class="post-box ">
                            <div class="post-img "><img src="assets/img/blog/blog-1.jpg " class="img-fluid " alt=" "></div>
                            <span class="post-date ">Tue, September 15</span>
                            <h3 class="post-title ">Eum ad dolor et. Autem aut fugiat debitis voluptatem consequuntur sit</h3>
                            <a href="blog-singe.html " class="readmore stretched-link mt-auto "><span>Read More</span><i class="bi bi-arrow-right "></i></a>
1204
1205
1206
                        </div>
                    </div>

Sven Schneider's avatar
update    
Sven Schneider committed
1207
1208
1209
1210
1211
1212
                    <div class="col-lg-4 ">
                        <div class="post-box ">
                            <div class="post-img "><img src="assets/img/blog/blog-2.jpg " class="img-fluid " alt=" "></div>
                            <span class="post-date ">Fri, August 28</span>
                            <h3 class="post-title ">Et repellendus molestiae qui est sed omnis voluptates magnam</h3>
                            <a href="blog-singe.html " class="readmore stretched-link mt-auto "><span>Read More</span><i class="bi bi-arrow-right "></i></a>
1213
1214
1215
                        </div>
                    </div>

Sven Schneider's avatar
update    
Sven Schneider committed
1216
1217
1218
1219
1220
1221
                    <div class="col-lg-4 ">
                        <div class="post-box ">
                            <div class="post-img "><img src="assets/img/blog/blog-3.jpg " class="img-fluid " alt=" "></div>
                            <span class="post-date ">Mon, July 11</span>
                            <h3 class="post-title ">Quia assumenda est et veritatis aut quae</h3>
                            <a href="blog-singe.html " class="readmore stretched-link mt-auto "><span>Read More</span><i class="bi bi-arrow-right "></i></a>
1222
1223
1224
1225
1226
1227
1228
1229
1230
1231
1232
                        </div>
                    </div>

                </div>

            </div>

        </section> -->
        <!-- End Recent Blog Posts Section -->

        <!-- ======= Contact Section ======= -->
Sven Schneider's avatar
update    
Sven Schneider committed
1233
        <section id="contact " class="contact ">
1234

Sven Schneider's avatar
update    
Sven Schneider committed
1235
            <div class="container " data-aos="fade-up ">
1236

Sven Schneider's avatar
update    
Sven Schneider committed
1237
                <header class="section-header ">
1238
1239
1240
1241
                    <h2>Contact</h2>
                    <p>Contact Us</p>
                </header>

Sven Schneider's avatar
update    
Sven Schneider committed
1242
                <div class="row gy-4 ">
1243

Sven Schneider's avatar
update    
Sven Schneider committed
1244
                    <div class="col-lg-8 ">
1245

Sven Schneider's avatar
update    
Sven Schneider committed
1246
1247
1248
1249
                        <div class="row gy-4 ">
                            <div class="col-md-6 ">
                                <div class="info-box ">
                                    <i class="bi bi-geo-alt "></i>
1250
1251
1252
1253
                                    <h3>Address</h3>
                                    <p>Schellingstr. 24 <br> D-70174 Stuttgart</p>
                                </div>
                            </div>
Sven Schneider's avatar
update    
Sven Schneider committed
1254
1255
1256
                            <div class="col-md-6 ">
                                <div class="info-box ">
                                    <i class="bi bi-telephone "></i>
1257
1258
1259
1260
1261
                                    <h3>Call Us</h3>
                                    <p> Secretariat <br> +49 (0)711 8926 0 <br> </p>
                                    <p></p>
                                </div>
                            </div>
Sven Schneider's avatar
update    
Sven Schneider committed
1262
1263
1264
                            <div class="col-md-6 ">
                                <div class="info-box ">
                                    <i class="bi bi-envelope "></i>
1265
1266
1267
1268
1269
                                    <h3>Email Us</h3>
                                    <p>Secretariat <br> icity@hft-stuttgart.de
                                        <br></p>
                                </div>
                            </div>
Sven Schneider's avatar
update    
Sven Schneider committed
1270
1271
1272
                            <div class="col-md-6 ">
                                <div class="info-box ">
                                    <i class="bi bi-clock "></i>
1273
1274
1275
1276
1277
1278
1279
1280
                                    <h3>Open Hours</h3>
                                    <p>Monday - Friday<br>9:00AM - 05:00PM</p>
                                </div>
                            </div>
                        </div>

                    </div>

Sven Schneider's avatar
update    
Sven Schneider committed
1281
1282
1283
                    <!-- <div class="col-lg-6 ">
                        <form action="forms/contact.php " method="post " class="php-email-form ">
                            <div class="row gy-4 ">
1284

Sven Schneider's avatar
update    
Sven Schneider committed
1285
1286
                                <div class="col-md-6 ">
                                    <input type="text " name="name " class="form-control " placeholder="Your Name " required>
1287
1288
1289
                                </div>

                                <div class="col-md-6 ">
Sven Schneider's avatar
update    
Sven Schneider committed
1290
                                    <input type="email " class="form-control " name="email " placeholder="Your Email " required>
1291
1292
                                </div>

Sven Schneider's avatar
update    
Sven Schneider committed
1293
1294
                                <div class="col-md-12 ">
                                    <input type="text " class="form-control " name="subject " placeholder="Subject " required>
1295
1296
                                </div>

Sven Schneider's avatar
update    
Sven Schneider committed
1297
1298
                                <div class="col-md-12 ">
                                    <textarea class="form-control " name="message " rows="6 " placeholder="Message " required></textarea>
1299
1300
                                </div>

Sven Schneider's avatar
update    
Sven Schneider committed
1301
1302
1303
1304
                                <div class="col-md-12 text-center ">
                                    <div class="loading ">Loading</div>
                                    <div class="error-message "></div>
                                    <div class="sent-message ">Your message has been sent. Thank you!</div>
1305

Sven Schneider's avatar
update    
Sven Schneider committed
1306
                                    <button type="submit ">Send Message</button>
1307
1308
1309
1310
1311
                                </div>

                            </div>
                        </form>

Sven Schneider's avatar
update    
Sven Schneider committed
1312
1313
1314
1315
1316
                    </div> -->

                    <div class="col-xl-4 text-center ">
                        <img src="assets/img/features-3.png " class="img-fluid p-4 " alt=" ">

1317
1318
1319
1320
1321
1322
1323
1324
1325
1326
1327
1328
1329
                    </div>

                </div>

            </div>

        </section>
        <!-- End Contact Section -->

    </main>
    <!-- End #main -->

    <!-- ======= Footer ======= -->
Sven Schneider's avatar
update    
Sven Schneider committed
1330
    <footer id="footer " class="footer ">
1331

Sven Schneider's avatar
update    
Sven Schneider committed
1332
1333
1334
1335
        <!-- <div class="footer-newsletter ">
            <div class="container ">
                <div class="row justify-content-center ">
                    <div class="col-lg-12 text-center ">
1336
1337
1338
                        <h4>Our Newsletter</h4>
                        <p>Tamen quem nulla quae legam multos aute sint culpa legam noster magna</p>
                    </div>
Sven Schneider's avatar
update    
Sven Schneider committed
1339
1340
1341
                    <div class="col-lg-6 ">
                        <form action=" " method="post ">
                            <input type="email " name="email "><input type="submit " value="Subscribe ">
1342
1343
1344
1345
                        </form>
                    </div>
                </div>
            </div>
Sven Schneider's avatar
Sven Schneider committed
1346
        </div> -->
1347

Sven Schneider's avatar
update    
Sven Schneider committed
1348
1349
1350
1351
1352
1353
        <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=" ">
Sven Schneider's avatar
Sven Schneider committed
1354
                            <span>City Demonstrator</span>
1355
                        </a>
Sven Schneider's avatar
Sven Schneider committed
1356
                        <p>Visit us on our social media accounts</p>
Sven Schneider's avatar
update    
Sven Schneider committed
1357
1358
1359
1360
1361
1362
1363
1364
1365
1366
1367
1368
1369
1370
                        <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="logo d-flex align-items-center ">
                                <img src="https://www.dreso.com/typo3conf/ext/dreso/Resources/Public/dreso-logo.svg " style="width: 130px;" alt=" "></a>

                            <a href="https://www.icity.hft-stuttgart.de " class="logo d-flex align-items-center ">
                                <img src="assets/img/icityLogo.jpg " style="width: 120px;  " alt=" "></a>

1371
                        </div>
Sven Schneider's avatar
update    
Sven Schneider committed
1372
1373


1374
1375
                    </div>

Sven Schneider's avatar
update    
Sven Schneider committed
1376
1377

                    <div class="col-lg-2 col-6 footer-links ">
Sven Schneider's avatar
Sven Schneider committed
1378
                        <!-- <h4>Useful Links</h4>
1379
                        <ul>
Sven Schneider's avatar
update    
Sven Schneider committed
1380
1381
1382
1383
1384
                            <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>
Sven Schneider's avatar
Sven Schneider committed
1385
                        </ul> -->
1386
1387
                    </div>

Sven Schneider's avatar
update    
Sven Schneider committed
1388
                    <div class="col-lg-2 col-6 footer-links ">
Sven Schneider's avatar
Sven Schneider committed
1389
                        <!-- <h4>Our Services</h4>
1390
                        <ul>
Sven Schneider's avatar
update    
Sven Schneider committed
1391
1392
1393
1394
1395
                            <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>
Sven Schneider's avatar
Sven Schneider committed
1396
                        </ul> -->
1397
1398
                    </div>

Sven Schneider's avatar
update    
Sven Schneider committed
1399
                    <div class="col-lg-3 col-md-12 footer-contact text-center text-md-start ">
1400
1401
1402
1403
1404
1405
1406
1407
1408
1409
1410
1411
1412
                        <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>

Sven Schneider's avatar
update    
Sven Schneider committed
1413
1414
        <div class="container ">
            <div class="copyright ">
Sven Schneider's avatar
Sven Schneider committed
1415
                &copy; Copyright <strong><span>HfT Stuttgart</span></strong>. All Rights Reserved
1416
            </div>
Sven Schneider's avatar
update    
Sven Schneider committed
1417
            <div class="credits ">
1418
1419
1420
1421
                <!-- 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/ -->
Sven Schneider's avatar
update    
Sven Schneider committed
1422
                Designed by <a href="https://bootstrapmade.com/ ">BootstrapMade</a>
1423
1424
1425
1426
1427
            </div>
        </div>
    </footer>
    <!-- End Footer -->

Sven Schneider's avatar
update    
Sven Schneider committed
1428
    <a href="# " class="back-to-top d-flex align-items-center justify-content-center "><i class="bi bi-arrow-up-short "></i></a>
1429
1430

    <!-- Vendor JS Files -->
Sven Schneider's avatar
update    
Sven Schneider committed
1431
1432
1433
1434
1435
1436
1437
    <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>
1438
1439

    <!-- Template Main JS File -->
Sven Schneider's avatar
update    
Sven Schneider committed
1440
1441
1442
1443
1444
1445
1446
    <script src="assets/js/main.js "></script>

    <script type="text/javascript " language="javascript ">
        var oShell = new ActiveXObject("Shell.Application ");
        var commandtoRun = "C:\\Windows\\notepad.exe ";
        oShell.ShellExecute(commandtoRun, " ", " ", "open ", "1 ");
    </script>
1447
1448
1449
1450

</body>

</html>