-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
237 lines (205 loc) · 16.8 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
<!DOCTYPE html>
<html >
<head>
<!-- Site made with Mobirise Website Builder v4.6.3, https://mobirise.com -->
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="generator" content="Mobirise v4.6.3, mobirise.com">
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1">
<link rel="shortcut icon" href="assets/images/bus-2-icon-128x128.png" type="image/x-icon">
<meta name="description" content="">
<title>Home</title>
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Playfair+Display:400,700&subset=latin,cyrillic">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Alegreya+Sans:400,700&subset=latin,vietnamese,latin-ext">
<link rel="stylesheet" href="assets/tether/tether.min.css">
<link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="assets/puritym/css/style.css">
<link rel="stylesheet" href="assets/mobirise/css/mbr-additional.css" type="text/css">
</head>
<body>
<nav class="navbar navbar-light mbr-navbar navbar-fixed-top" id="menu-0" data-rv-view="66" style="background-color: rgb(242, 242, 242);">
<div class="container">
<button class="navbar-toggler pull-right hidden-md-up" type="button" data-toggle="collapse" data-target="#exCollapsingNavbar2">
<div class="hamburger-icon"></div>
</button>
<div class="clearfix"></div>
<div class="collapse navbar-toggleable-sm" id="exCollapsingNavbar2">
<span class="navbar-logo"><a href="https://mobirise.com"><img src="assets/images/bus-2-icon-128x128.png" alt="Mobirise"></a></span>
<span><a class="navbar-brand" href="https://mobirise.com">Turing-Bus - zurück in die Zukunft der Arbeitswelt</a></span>
<ul class="nav navbar-nav pull-xs-right"><li class="nav-item"><a class="nav-link" href="https://mobirise.com">Der Bus<br></a></li><li class="nav-item"><a class="nav-link" href="https://mobirise.com"><strong>Stationen</strong><br></a></li><li class="nav-item"><a class="nav-link" href="https://mobirise.com">Kontakt</a></li></ul>
</div>
</div>
</nav>
<section class="mbr-section mbr-section-full mbr-after-navbar" id="header1-1" data-rv-view="68" style="background-color: rgb(241, 192, 80);">
<div class="mbr-table-cell">
<div class="container">
<div class="row">
<div class="col-md-8 col-md-offset-2 text-xs-center">
<h1 class="mbr-section-title display-1"><strong>Mit dem Turing-Bus in die digitale Zukunft der Arbeitswelt</strong></h1>
<p class="lead">Wenn Informatik als trockener Begriff verstanden wird und Ballungszentren sich in einer Blase aus Überangebot und gesättigter Nachfrage an spannenden Projekten und Konzepten aus dem Themenbereich der Digitalisierung befinden, ist es Zeit für den TURING-BUS. <br><br>Die Relevanz der Digitalisierung muss heute nicht mehr betont oder bestritten werden: große Teile der Gesellschaft spüren die Veränderungen bereits oder werden sie bald erfahren. Während Bürger in Großstädten und Ballungszentren eine große Auswahl an Möglichkeiten haben, sich an Projekten und Initiativen im weiteren Themenbereich der Digitalisierung zu beteiligen, fehlen diese Chancen in kleineren Städten oftmals. <br><br>Der Turing-Bus möchte <strong>Akteure</strong>, <strong>Initiativen</strong> und <strong>Projekte</strong> mit diesen vernachlässigten Zielgruppen verbinden und besucht deshalb in 2018 Städte, Bildungseinrichtungen und Institutionen in Deutschland. Die Ergebnisse können in einer <strong>Infonauten-Karte</strong> auf dieser Webseite eingesehen werden. <br><br></p>
<div class="mbr-buttons--center"><a class="btn btn-lg btn-secondary-outline" href="https://mobirise.com">Ich biete an</a> <a class="btn btn-lg btn-white" href="https://mobirise.com">Ich möchte mich informieren</a></div>
</div>
</div>
</div>
<a class="mbr-arrow" href="#features1-d"><i class="fa fa-angle-down"></i></a>
</div>
</section>
<section class="mbr-section mbr-section-small" id="features1-d" data-rv-view="71" style="background-color: rgb(255, 255, 255); padding-top: 4.5rem; padding-bottom: 4.5rem;">
<div class="container">
<div class="row">
<div class="col-sm-6 col-md-3">
<div class="card cart-block">
<div><img src="assets/images/noun-digital-graphic-1262210-300x300.png" class="card-img-top"></div>
<div class="card-block">
<h4 class="card-title text-xs-center">Die Zukunft wird (noch) digital(er)</h4>
<p class="card-text">Die Folgen der Digitalisierung sind allgegenwärtig. Was bedeutet dies für die Arbeitswelten der Zukunft? </p>
<div class="text-xs-center"><a href="https://mobirise.com" class="btn btn-secondary-outline">More</a></div>
</div>
</div>
</div>
<div class="col-sm-6 col-md-3">
<div class="card cart-block">
<div><img src="assets/images/noun-digitalization-960894-300x300.png" class="card-img-top"></div>
<div class="card-block">
<h4 class="card-title text-xs-center">Angebote und Nutzer verbinden</h4>
<p class="card-text">Großstädte und Ballungszentren sind oftmals bereits gut vernetzt. Viele Schüler, Studenten und weitere Zielgruppen in kleineren Städten bleiben hier jedoch außen vor. </p>
<div class="text-xs-center"><a href="https://mobirise.com" class="btn btn-secondary-outline">More</a></div>
</div>
</div>
</div>
<div class="col-sm-6 col-md-3">
<div class="card cart-block">
<div><img src="assets/images/noun-computer-324750-300x300.png" class="card-img-top"></div>
<div class="card-block">
<h4 class="card-title text-xs-center">Informatik entmystifizieren</h4>
<p class="card-text">Trotz ihrer zentralen Relevanz für die Zukunft wird das breite Nutzungsspektrum der Informatik oftmals nicht erkannt und vermittelt. </p>
<div class="text-xs-center"><a href="https://mobirise.com" class="btn btn-secondary-outline">More</a></div>
</div>
</div>
</div>
<div class="col-sm-6 col-md-3">
<div class="card cart-block">
<div><img src="assets/images/noun-aging-236203-300x300.png" class="card-img-top"></div>
<div class="card-block">
<h4 class="card-title text-xs-center">Altersgruppengerecht</h4>
<p class="card-text">Die Zukunft beginnt im jungen Alter: Begeisterung für die Themen der Arbeitswelt der Zukunft wird im jungen Alter geboren. Die hier gesammelten Angebote können nach Altergruppen und Skill sortiert werden.</p>
<div class="text-xs-center"><a href="https://mobirise.com" class="btn btn-secondary-outline">More</a></div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="mbr-slider mbr-section mbr-section__container carousel slide mbr-section-nopadding" data-ride="carousel" data-keyboard="false" data-wrap="true" data-interval="5000" id="slider-7" data-rv-view="74" style="background-color: rgb(255, 255, 255);">
<div>
<div>
<div>
<ol class="carousel-indicators">
<li data-app-prevent-settings="" data-target="#slider-7" data-slide-to="0" class="active"></li><li data-app-prevent-settings="" data-target="#slider-7" data-slide-to="1"></li><li data-app-prevent-settings="" data-target="#slider-7" class="" data-slide-to="2"></li><li data-app-prevent-settings="" data-target="#slider-7" data-slide-to="3"></li>
</ol>
<div class="carousel-inner" role="listbox">
<div class="mbr-section carousel-item dark center mbr-section-full active" style="background-image: url(assets/images/23867064747-97a44fd287-k-2000x1333.jpg);">
<div class="mbr-table-cell">
<div class="mbr-overlay" style="opacity: 0.5;"></div>
<div class=" container">
<div class="row">
<div class="col-md-8 col-md-offset-3 text-xs-right">
<h2 class="mbr-section-title display-1">Jugend hackt</h2>
<p class="lead">Jugend hackt ist ein Programm für 13-18 jährige, die mit Code die Welt verbessern wollen. </p>
<div><a class="btn btn-lg btn-danger" href="https://mobirise.com">Zur Webseite</a> <a class="btn btn-lg btn-secondary-outline" href="https://mobirise.com">Mehr erfahren</a></div>
</div>
</div>
</div>
</div>
</div><div class="mbr-section carousel-item dark center mbr-section-full" style="background-image: url(assets/images/screen-shot-2018-02-01-at-13.57.35-2000x759.png);">
<div class="mbr-table-cell">
<div class="mbr-overlay" style="opacity: 0.7;"></div>
<div class=" container">
<div class="row">
<div class="col-md-8 col-md-offset-1">
<h2 class="mbr-section-title display-1">Demokratielabore</h2>
<p class="lead">Die Demokratielabore sind ein Modellprojekt der Open Knowledge Foundation Deutschland, das vom Bundesministerium für Familie, Senioren, Frauen und Jugend im Rahmen des Bundesprogramms Demokratie leben! gefördert wird. <br><br>Wir führen verschiedene Workshop- und Aktionsformate mit Jugendlichen im Alter von 12 bis 21 Jahren rund um Digitalisierung, Technologien und gesellschaftliches Miteinander durch. Dazu arbeiten wir sowohl eng mit außerschulischen Jugendeinrichtungen als auch überregionalen Jugendverbänden und Initiativen zusammen – deutschlandweit. </p>
<div><a class="btn btn-lg btn-danger" href="https://demokratielabore.de/projekt/">Zur Webseite</a> <a class="btn btn-lg btn-secondary-outline" href="https://mobirise.com">Termine</a></div>
</div>
</div>
</div>
</div>
</div><div class="mbr-section carousel-item dark center mbr-section-full" style="background-image: url(assets/images/screencapture-gi-de-service-1517490146946-2000x2338.png);">
<div class="mbr-table-cell">
<div class="mbr-overlay" style="opacity: 0.7;"></div>
<div class=" container">
<div class="row">
<div class="col-md-8 col-md-offset-2 text-xs-center">
<h2 class="mbr-section-title display-1">Regionalgruppen der Gesellschaft für Informatik</h2>
<p class="lead">Die Regionalgruppen sind „Informatik vor Ort“. Sie organisieren den Kontakt zwischen Informatikerinnen und Informatikern in Anwendung, Forschung oder Lehre. Die Regionalgruppen werden gemeinschaftlich mit dem German Chapter of the ACM betrieben.</p>
<div><a class="btn btn-lg btn-danger" href="https://mobirise.com">Zur Webseite</a> <a class="btn btn-lg btn-secondary-outline" href="https://mobirise.com">For Mac</a></div>
</div>
</div>
</div>
</div>
</div><div class="mbr-section carousel-item dark center mbr-section-full" style="background-image: url(assets/images/screencapture-gi-de-service-1517490146946-2000x2338.png);">
<div class="mbr-table-cell">
<div class="mbr-overlay" style="opacity: 0.7;"></div>
<div class=" container">
<div class="row">
<div class="col-md-8 col-md-offset-2 text-xs-center">
<h2 class="mbr-section-title display-1">Regionalgruppen der Gesellschaft für Informatik</h2>
<p class="lead">Die Regionalgruppen sind „Informatik vor Ort“. Sie organisieren den Kontakt zwischen Informatikerinnen und Informatikern in Anwendung, Forschung oder Lehre. Die Regionalgruppen werden gemeinschaftlich mit dem German Chapter of the ACM betrieben.</p>
<div><a class="btn btn-lg btn-danger" href="https://mobirise.com">Zur Webseite</a> <a class="btn btn-lg btn-secondary-outline" href="https://mobirise.com">For Mac</a></div>
</div>
</div>
</div>
</div>
</div>
</div>
<a data-app-prevent-settings="" class="left carousel-control" role="button" data-slide="prev" href="#slider-7">
<span class="icon-prev" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a data-app-prevent-settings="" class="right carousel-control" role="button" data-slide="next" href="#slider-7">
<span class="icon-next" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
</div>
</div>
</section>
<section class="mbr-section mbr-section-small mbr-footer" id="contacts3-8" data-rv-view="89" style="background-color: rgb(55, 56, 62); padding-top: 4.5rem; padding-bottom: 4.5rem;">
<div class="container">
<div class="row">
<div class="col-xs-12 col-md-3">
<p><strong>Addresse</strong><br>Straße<br>Berlin<br><br><strong>Kontakt</strong><strong><br></strong>Email: [email protected]<br>
Phone: +1 (0) 000 0000 001<br>
Fax: +1 (0) 000 0000 002</p>
</div>
<div class="col-xs-12 col-md-3"><strong>Links</strong><ul><li><a href="https://mobirise.com/">B</a>MBI</li><li>OKF DE</li><li>GI</li><li>Weizenbaum</li></ul></div>
<div class="col-xs-12 col-md-6" data-form-type="formoid">
<div data-form-alert="true"><div hidden="" data-form-alert-success="true">Thanks for filling out form!</div></div>
<form action="https://mobirise.com/" method="post" data-form-title="MESSAGE">
<input type="hidden" value="nnSunodsZeh9cDYuRV2seVbbXNs7R9i7/OxuCQit80DY/6JambOooWHZnb4ngGWJOOhESUAKGrcXfsIwUtRxPFKCKq0F/2PuoaDzoiSfb/8gnyCWg1GIUPKOB2hfDrEp" data-form-email="true">
<div class="form-group">
<input type="email" class="form-control input-sm input-inverse" name="email" required="" placeholder="Email*" data-form-field="Email">
</div>
<div class="form-group">
<textarea class="form-control input-sm input-inverse" name="message" rows="4" placeholder="Nachricht" data-form-field="Message"></textarea>
</div>
<div class="text-xs-right"><button type="submit" class="btn btn-black">Contact Us</button></div>
</form>
</div>
</div>
</div>
</section>
<footer class="mbr-section mbr-section-nopadding mbr-footer" id="footer1-9" data-rv-view="98" style="background-color: rgb(38, 39, 44); padding-top: 3rem; padding-bottom: 1.98rem;">
<div class="container">
<p>Copyright (c) 2015 Company Name. <a href="https://mobirise.com/">Terms of Use</a> | <a href="https://mobirise.com/">Privacy Policy</a></p>
</div>
</footer>
<script src="assets/web/assets/jquery/jquery.min.js"></script>
<script src="assets/tether/tether.min.js"></script>
<script src="assets/bootstrap/js/bootstrap.min.js"></script>
<script src="assets/smooth-scroll/SmoothScroll.js"></script>
<script src="assets/bootstrap-carousel-swipe/bootstrap-carousel-swipe.js"></script>
<script src="assets/puritym/js/script.js"></script>
<script src="assets/formoid/formoid.min.js"></script>
</body>
</html>