-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
366 lines (343 loc) · 15.4 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
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
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
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
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
---
layout: default
section_id: home
slides:
- bg: images/@slider/Landing_1.3.jpg
small_title:
klass: bottom-to-top
text: Creating impact
title:
klass: bottom-to-top
text: through Co-Innovation
#buttons:
# klass: bottom-to-top
# items:
#- text: Events
# link_to: https://inno-space.events.idloom.com/gdip
- bg: images/@slider/Landing_1.2.jpg
klass:
small_title:
klass: no-animation
text: Creating impact
title:
klass: no-animation
text: through Co-Innovation
#buttons:
# klass:
#items:
# - klass: boxed
# text:
# link_to:
#- text:
# link_to:
- bg: images/@slider/Landing_1.4.jpg
small_title:
klass: no-animation
text: Creating impact
title:
klass: no-animation
text: through Co-Innovation
# buttons:
# klass:
# items:
# - text:
# link_to:
- bg: images/@slider/Landing_1.5.jpg
small_title:
klass: no-animation
text: Creating impact
title:
klass: no-animation
text: through Co-Innovation
# buttons:
# klass:
# items:
# - text:
# link_to:
services:
- icon: fas fa-user-graduate
title: Students
desc: Currently, we host different programs at inno.space. Our offer suits both Master and Bachelor students and, although being slightly different, all our programs are multidisciplinary, international and focused on human-centered innovation.
- icon: fas fa-industry
title: Industry
desc: Besides our long term projects, we also provide short and fast paced workshops to industry partners to guarantee that your company gets in the Design Thinking mindset, facilitate the implementation of this method inside the company and driving innovation faster and more effectively.
- icon: fas fa-stopwatch
title: Short term courses
desc: "Alongside our main programs, we host many other events and courses at inno.space!
We offer shorter programs that focus on making and, especially, having fun!
We conduct courses on how to operate a laser cutter, 3D printer and how to prototype in various mediums."
milestones:
- icon: fas fa-user-graduate
from: 0
to: 198
title: students completed <br>our semester programs
- icon: fas fa-book
from: 0
to: 2315
title: ECTS earned acquiring <br>an innovation mindset
- icon: fas fa-hammer
from: 0
to: 520
title: students participated in <br>our making workshops
- icon: fas fa-trophy
from: 0
to: 34
title: partner challenges solved <br> during our programs
- icon: fas fa-hands-helping
from: 0
to: 11
title: international<br> partner universities
- icon: fas fa-globe
from: 0
to: 56
title: student field trips <br>internationally
testimonials:
- quote: The CBI programme has been a game-changer for me as a tech student, allowing me to break free from traditional ways of thinking, leave my comfort zone, develop a more open-minded and innovative mindset and collaborate with a wide range of professionals, which has helped me to develop my creativity and problem-solving skills beyond what I thought was possible.
author: Maren Isabella Leidner, Masters in Computer Science - CBI 2022/2023
- quote: As part of the CBI project, you learn interdisciplinary skills that no normal course of study can offer. Especially the deep insight into future-oriented technologies of ATTRACT and CERN gives the students a profound understanding of technology. Learning about such technologies in their infancy is very exciting. The special thing about CBI is that it relates the whole project to actual important problems of mankind and thus shows the students at a young age what needs to be done for a better future.
author: Paul Mohaupt, Masters in Chemical and Process Engineering - CBI 2022/2023
- quote: The ME310 program really taught me a lot about myself, team work and project management. I learned how to use my skills in an international setting, understand different cultures and reach a goal together with a corporate partner. I would recommend this course to every student, who wants to enter working life with a boost!
author: Lia Habben, Masters in Communication Design - DTP 2021/2022
- quote: Start with a brainstorm, continue with an idea, explore technologies, change the properties, rewrite everything, hard work until the end and then you realize, that the real fun just started.
author: Matthias Bachstädter, Masters in Chemical and Process Engineering - CBI 2021/2022
- quote: The first real interdisciplinary project in the degree program. A completely different challenge, not to be given a discrete task and already have the path to a solution in mind, but to first find out what the users really need. This requires a lot of social interaction and communication before the practical part and solution-oriented development can begin. It is precisely this social exchange that ultimately led to a lot of fun and to the fact that fellow students have become friends in the meantime.
author: David Keller, Masters in Biomedical Engineering - DTP 2020/2021
- quote: You learn how what you learn can fit to the things you need. You need to make the connections. (…) The main learning was how far you can get from a simple sketch … it’s really impressive what you can achieve in such a few months.
author: Mariya Bolotnikova, Bachelors in Communication Design – CBI A3 2019/2020
- quote: It’s a different workflow and people bring different perspectives. It showed how this collaborative work can lead to great results. You have to put a lot of your own thoughts, you are open to try new things, which is great. (…) You learn what you are really capable of.
author: Sarah Lottner, Masters in Medical Engineering – CBI A3 2019/2020
- quote: I discovered new ways of doing innovation, it was the first time you’re not just learning from slides but you actually are doing the process. (…) I enjoyed the freedom to decide what we are going to do and how we are going to that and it’s completely different. I would say it’s an actual learning approach. (…) If you’re getting the right question at the right time, you’re exercising what you learn, it’s action-based learning.
author: Markus Knödler, Masters in Business Engineering – DTP 2018/2019
- quote: It was a big responsibility, a lot of work and a demanding challenge but a great chance to grow above myself! The freedom of following our own ideas paired with the international and interdisciplinary setup was inspiring. The project always felt full of purpose and meaning. The lectures I attended, the friends I made and the skills I acquired certainly made this a chance of a lifetime.
author: Christoph Bruthscher, Master in Computer Science - DTP 2016/2017
- quote: In the DTP Project I learned to have an open mind to all ideas. Most important I experienced the need to try these ideas out and not give up on them too early. Considering this we accelerated ideation and came up with unexpected new ideas. I brought this mindset to my life: don’t judge ideas as bad or good too early, build on them and test them to create the best experience.
author: Emylie Pereira, Master in Computer Science - DTP 2015/2016
- quote: A lot of the things I learned will pay off in my future. It was a very exhausting time but also it was the masters course program that I learned the most in. A really deep and intense learning experience!
author: Max Becker, Master in Computer Science - DTP 2016/2017
---
<!-- Header -->
<div class='mod modDefaultSlider'>
<div class='sequence' data-autostop='off' data-timeout='3500' >
<a class='sequence-prev' href='javascript:void(0);'>
<span></span>
</a>
<a class='sequence-next' href='javascript:void(0);'>
<span></span>
</a>
<ul class='sequence-pagination'>
{% for slide in page.slides %}
{% if forloop.first %}
{% assign class = 'current' %}
{% else %}
{% assign class = '' %}
{% endif %}
<li class="{{class}}"></li>
{% endfor %}
</ul>
<ul class='sequence-canvas'>
{% for slide in page.slides %}
{% if forloop.first %}
{% assign style = 'static' %}
{% else %}
{% assign style = '' %}
{% endif %}
<li class='frame {{style}} {{ slide.klass }}'>
<div class='bg' style='background-image: url({{ slide.bg}});'></div>
<div class='title {{ slide.title.klass }}'>
<div class='row'>
<div class='large-12 columns'>
<h2>{{ slide.small_title.text }}</h2>
</div>
</div>
</div>
<div class='title {{ slide.title.klass }}'>
<div class='row'>
<div class='large-12 columns'>
<h2>{{ slide.title.text }}</h2>
</div>
</div>
</div>
<!--
<div class="buttons-wrapper bottom-to-top">
<div class="row">
<div class="large-12 columns">
<div class="two spacing"></div>
<a class="button" target="_blank" rel="noopener noreferrer" href="https://inno-space.events.idloom.com/pdp">PDP Final Gala</a>
</div>
</div>
</div>
-->
<!--
<div class='buttons-wrapper {{ slide.buttons.klass }}'>
<div class='row'>
<div class='large-12 columns'>
<div class='two spacing'></div>
{% for button in slide.buttons.items %}
<a class='button {{ button.klass }}' href='{{ button.link_to }}'>{{ button.text }}</a>
{% endfor %}
</div>
</div>
</div>
-->
</li>
{% endfor %}
</ul>
</div>
</div>
<!-- Slogan -->
<div class="full parallax" style="text-align: center;background-image: url(images/slogan.jpg); color: #fff;">
<div class="spacing"></div>
<div class="row">
<div class="large-12">
<p class="slogan">Where passion-based learning meets real-world problems to generate human-centred innovation and true impact.</p>
</div>
</div>
<div class="three spacing"></div>
</div>
<!--
<div class="full" style="background: #f5f5f5;">
<div class="row">
<div class="large-12 columns">
{% include section-header.html title="Our works" %}
<div class="spacing"></div>
<p>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat consectetuer sit amet magna adipiscing. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat consectetuer sit amet magna adipiscing.
</p>
<div class="three spacing"></div>
</div>
</div>
<div class="mod modGallery">
<ul class="gallery small-block-grid-2 medium-block-grid-3 large-block-grid-4">
{% for work in page.works %}
<li class="{{ work.klass }}">
<a href='{{ work.link_to }}'>
<img alt="" src="{{ work.image }}" />
<div class='overlay'>
<div class='thumb-info'>
<h3>{{ work.title }}</h3>
<p>{{ work.desc }}</p>
</div>
</div>
</a>
</li>
{% endfor %}
</ul>
</div>
</div>
-->
<!-- Service -->
<div class='full' style="background: #f5f5f5;">
<div class='row'>
<div class='large-12 columns'>
{% include section-header.html title="Our offer for students and companies" %}
<div class='spacing'></div>
<p>
inno.space - Design Factory Mannheim provides the environment for passion-based learning, co- creation across disciplines and cultures and industrial cooperation. <br/>
It facilitates teamwork, making, prototyping, and digital fabrication in an inspiring and open atmosphere, fostering the right conditions for solving complex real-world problems.
</p>
<div class='three spacing'></div>
</div>
</div>
<div class='row'>
<div class='small-12 columns'>
<div style='padding:56.25% 0 0 0;position:relative;'>
<iframe src="https://player.vimeo.com/video/448552394" style='position:absolute;top:0;left:0;width:100%;height:100%;' frameborder='0' allow="autoplay; fullscreen" allowfullscreen></iframe>
</div>
<div class='three spacing'></div>
</div>
</div>
<div class='row'>
<div class="three spacing"></div>
{% for service in page.services %}
<div class='medium-4 columns'>
<div class='fadein mod modIconText' data-delay='{{ 300 | times:forloop.index0 }}'>
<div class='icon-text-simple'>
<i class='{{service.icon}}'></i>
<h3>{{service.title}}</h3>
<p>{{service.desc}}</p>
</div>
<div class='two spacing'></div>
</div>
</div>
{% endfor %}
</div>
<div class='spacing'></div>
</div>
<!-- Numbers -->
<div class='full parallax' style='background-image: url(images/teams-bg.jpg); color: #fff;'>
<div class='row'>
<div class='large-12 columns'>
{% include section-header.html title="inno.space so far" color="#fff" %}
<div class='spacing'></div>
<p class='centered-text' style='color: #ccc;'>
</p>
<!-- <div class='spacing'></div> -->
</div>
</div>
<div class='row'>
{% for milestone in page.milestones %}
<div class='medium-4 columns'>
<div class='mod modMilestone'>
<i class='{{milestone.icon}}'></i>
<strong data-from='{{milestone.from}}' data-to='{{milestone.to}}'> </strong>
<span>{{milestone.title}}</span>
<div class='two spacing'></div>
</div>
</div>
{% endfor %}
</div>
<div class='two spacing'></div>
</div>
<!-- Quotes -->
<div class='full parallax' style="background: #f5f5f5;">
<div class='row'>
<div class='large-12 columns'>
<p class='centered-text'>
<i class='fa fa-quote-left' style='color: #ff6000; font-size: 36px;'></i>
</p>
</div>
</div>
<div class='row'>
<div class='large-12 columns'>
{% include section-header.html title="What students say" %}
<div class='spacing'></div>
</div>
</div>
<div class='row'>
<div class='large-12 columns'>
<div class='mod modTestimonials'>
<div class='row'>
<div class='small-12 columns'>
<div class='items centered-text'>
{% for testimonial in page.testimonials %}
<div class='item'>
<p class='quote'>"{{testimonial.quote}}"</p>
<p class='author'>- {{testimonial.author}}</p>
<div class='two spacing'></div>
</div>
{% endfor %}
</div>
</div>
<div class='spacing'></div>
</div>
</div>
</div>
</div>
</div>
<!-- Partners -->
{% include our-customers.html %}
<!-- Call to action -->
<div class='full no-padding' style='background: #ff6000; text-align: center;'>
<div class='two spacing'></div>
<div class='mod modCallToAction'>
<div class='row'>
<div class='medium-8 large-8 columns'>
<p style="color:#ffffff;"><b>Sounds good? Then get in touch with us!</b></p>
</div>
<div class='medium-4 large-4 columns'>
<a class='button' href='contact.html'>Contact</a>
</div>
</div>
</div>
<div class='spacing'></div>
</div>