-
Notifications
You must be signed in to change notification settings - Fork 0
/
features.html
367 lines (363 loc) · 20.5 KB
/
features.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
367
<!DOCTYPE html>
<html lang="de" class="no-js">
<head>
<title>Features - Invest it!</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="Die Invest it! Academy steckt voller guter Dinge. Wir haben jedes letzte Detail durchdacht, um dir eine nie dagewesene Lernerfahrung bieten zu können. Schau dir die Features hier im Einzelnen an!">
<meta name="page-topic" content="Bildung">
<meta http-equiv="content-language" content="de">
<link rel="canonical" href="https://investit-academy.de/features">
<link rel="icon" type="image/png" sizes="32x32" href="image/favicon.ico">
<link rel="stylesheet" href="css/bootstrap.css">
<link href="css/style.css" rel="stylesheet">
<link href="css/responsive.css" rel="stylesheet">
<link href="css/animate.css" rel="stylesheet">
<link rel="stylesheet" href="css/font-awesome.min.css">
</head>
<body>
<header class="navigation main-navigation">
<nav class="navbar navbar-custom navbar-fixed-top">
<div class="container text-center">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="/">
<picture>
<source srcset="image/logo-footer.webp" type="image/webp">
<img src="image/logo-footer.png" alt="Das Invest it! - Logo" style="height: 40px; width: 251px;">
</picture>
</a>
</div>
<div class="collapse navbar-collapse" id="myNavbar">
<ul class="nav navbar-nav menu-left">
<li class="dropdown active">
<a class="dropdown-toggle" data-toggle="dropdown" href="#">Plattform
<span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="/">Web App</a></li>
<li><a href="app.html">Mobile App</a></li>
<!-- <li><a href="desktop.html">Desktop</a></li> -->
<!-- <li><a href="planspiel.html">Planspiel</a></li> -->
</ul>
</li>
<li><a href="features.html">Features</a></li>
<li><a href="about.html">Die Initiative</a></li>
<li><a href="pricing.html">Preise</a></li>
<li><a href="contact.html">Kontakt</a></li>
</ul>
<ul class="nav navbar-nav navbar-right button-right">
<li><a href="https://landing.investit-academy.de">Jetzt anmelden!</a></li>
</ul>
</div>
</div>
</nav>
<div class="nav-pagination">
<div class="container">
<hr class="hraing">
<div class="row">
<div class="col-md-6 col-sm-6">
<div class="sooper-text">
<h4>Was kann die App?</h4>
</div>
</div>
<div class="col-md-6 col-sm-6 text-right nav-pagination1">
<ul>
<li><a href="/">Start</a></li>
<li> -
</li>
<li>Features</li>
</ul>
</div>
</div>
</div>
</div>
</header>
<section id="features">
<div class="container">
<div class="row">
<div class="col-sm-12">
<ul class="banner-tabs wow animated slideInUp">
<li class="active" rel="tab1">
<div class="card card-tab-image">
</div>
Lernvideos
</li>
<li rel="tab2">
<div class="card1 card-tab-image">
</div>
Coinsystem
</li>
<li rel="tab3">
<div class="card2 card-tab-image">
</div>
Dein Lernpfad
</li>
<li rel="tab4">
<div class="card3 card-tab-image">
</div>
Multiplatform
</li>
<li rel="tab5">
<div class="card4 card-tab-image">
</div>
Zertifikate
</li>
</ul>
<div class="tab_container">
<div id="tab1" class="tab_content banner-tab-content">
<div class="row">
<div class="col-md-6">
<div class="wow animated slideInLeft">
<h2>Videokursplattform mit unzähligen Inhalten</h2>
<p>
In unseren Videokursen erfährst du alles! Okay, nicht alles, aber doch zumindest eine ganze Menge über Wirtschaft und Finanzen. Du hast dich schon immer einmal gefragt, was genau es eigentlich mit all den Versicherungen auf sich hat, wie unsere Volkswirtschaft
funktioniert oder welche verschiedenen Anlagemethode der Finanzmarkt dir bietet? Dann bist du hier richtig!
</p>
<a href="pricing.html#tab2" class="btn button3"> Wer kreiert unsere Inhalte?</a>
</div>
</div>
<div class="col-md-5 col-md-offset-1">
<div class="wow animated slideInRight">
<img src="image/videos.png" class="img-responsive" alt="Bildausschnitt der Invest it! Plattform, das verschiedene Video-Kategorien zeigt.">
</div>
</div>
</div>
</div>
<div id="tab2" class="tab_content banner-tab-content">
<div class="row">
<div class="col-md-6">
<div class="wow animated slideInLeft">
<h2>Sammle itCoins, während du lernst!</h2>
<p>
Für das Lernen in der Schule oder in die Uni belohnt zu werden – das hat sich jeder schon einmal gewünscht, doch wahr wird dieser Traum wohl leider nie. Doch! Bei Invest it! machen wir diesen Traum zur Realität und bezahlen dich für das Anschauen von
Videos, Bestehen von Tests und für viele weiteren Aktivitäten mit unserer hauseigenen Währung itCoin (ITC). Diese kannst du dann in unserem Shop gegen exklusive Angebote unserer Partner eintauschen.
</p>
<a href="pricing.html#itcoins" class="btn button3">Mehr über itCoins</a>
</div>
</div>
<div class="col-md-5 col-md-offset-1">
<div class="wow animated zoomIn">
<img src="image/itc.png" class="img-responsive" alt="Bildausschnitt des Account Managers auf der Plattform">
</div>
</div>
</div>
</div>
<div id="tab3" class="tab_content banner-tab-content">
<div class="row">
<div class="col-md-6">
<div class="wow animated slideInLeft">
<h2>Dein Pfad lernt mit dir mit</h2>
<p>
Bei all dem Lernangebot könnte man schnell den Überblick verlieren. Doch nicht bei Invest it! Auf unserer Website steckst du dir deine eigenen Ziele - und hast so die Möglichkeit, jeden Tag auf dein eigenes Erfolgserlebnis hinzuarbeiten. Vorgeschriebene
und langweilige Lernpläne waren gestern, bei uns lernst du nur das, was dich wirklich interessiert.
</p>
<a href="https://landing.investit-academy.de" class="btn button3">Jetzt anmelden!</a>
</div>
</div>
<div class="col-md-5 col-md-offset-1">
<div class="wow animated zoomIn">
<img src="image/path.png" class="img-responsive" alt="Bild einer Hand, die ein Storyboard zeichnet">
</div>
</div>
</div>
</div>
<div id="tab4" class="tab_content banner-tab-content">
<div class="row">
<div class="col-md-6">
<div class="wow animated slideInLeft">
<h2>Greife von überall auf deine Inhalte zu</h2>
<p>
Du liegst am Strand, sitzt am Schreibtisch, stehst in der Bahn, erklimmst einen Berg oder fliegst mit dem Fallschirm durch die Luft. Was haben diese Momente gemeinsam? Richtig! Du kannst in all diesen Momenten das neuste Video von Invest it! schauen.
Vom PC bis zum Handy – an jedem Ort mit Internet ist auch Invest it! für dich und deine finanzielle Bildung zur Stelle. Was hält dich also auf? Schau dich einfach bei Invest it! um und klick auf ein Video, das
dich interessiert!
</p>
<a href="app.html" class="btn button3">Ihr habt auch eine App?!</a>
</div>
</div>
<div class="col-md-5 col-md-offset-1">
<div class="wow animated zoomIn">
<img src="image/multiplatform.png" class="img-responsive" alt="Werbebild eines Website-Mockups von Invest it!">
</div>
</div>
</div>
</div>
<div id="tab5" class="tab_content banner-tab-content">
<div class="row">
<div class="col-md-6">
<div class="wow animated slideInLeft">
<h2>Zeige allen, was du erreicht hast</h2>
<p>
Kostenlos auf allen Geräten neue Videos über Finanzen schauen und dabei itCoins verdienen reicht dir noch nicht? Keine Sorge, uns auch nicht. Bei Invest it! kannst du zu ausgewählten Videokursen eine Prüfung ablegen und hierfür ein Zertifikat erhalten.
So kannst du nicht nur überprüfen, ob du alles richtig verstanden hast, sondern dir deinen Erfolg auch an die Wand hängen, deiner Familie zeigen oder deiner nächsten Bewerbung beilegen. Das macht sich nämlich
richtig gut auf dem Lebenslauf. Schau dich einfach bei Invest it! nach einer Prüfung um und verdiene dir dein erstes Zertifikat!
</p>
<a href="contact.html" class="btn button3">Noch Fragen? Kontaktiere uns!</a>
</div>
</div>
<div class="col-md-5 col-md-offset-1">
<div class="wow animated zoomIn">
<img src="image/certificate-prov.png" class="img-responsive" alt="Bildausschnitt der Plattform, auf dem das Prüfungssystem gezeigt wird">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="feature new-feature">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="heading text-center wow animated slideInUp">
<h3>Wir machen es kurz: Invest it steckt voller guter Dinge.</h3>
<h3>Hier sind nur ein paar:</h3>
</div>
<div class="col-md-3 col-sm-6">
<div class="feature-text text-center wow animated slideInLeft">
<div class="img-hover1"></div>
<h4>Kompatibel</h4>
<p>Videos und Content passen auf jedes Gerät</p>
</div>
</div>
<div class="col-md-3 col-sm-6">
<div class="feature-text text-center wow animated slideInLeft">
<div class="img-hover2"></div>
<h4>Kostenlos</h4>
<p>Plattform und Content gehören dir - für immer.</p>
</div>
</div>
<div class="col-md-3 col-sm-6">
<div class="feature-text text-center wow animated slideInRight">
<div class="img-hover3"></div>
<h4>Personalisiert</h4>
<p>Bestimme selbst, was du lernen möchtest.</p>
</div>
</div>
<div class="col-md-3 col-sm-6">
<div class="feature-text text-center wow animated slideInRight">
<div class="img-hover4"></div>
<h4>24/7 Support</h4>
<p>Unser Team steht dir zur Seite, wenn du Hilfe brauchst.</p>
</div>
</div>
<div class="clear-fix"></div>
<div class="col-md-3 col-sm-6">
<div class="feature-text text-center wow animated slideInLeft">
<div class="img-hover5"></div>
<h4>Sicher</h4>
<p>dank moderner Verschlüsselungs- technologie</p>
</div>
</div>
<div class="col-md-3 col-sm-6">
<div class="feature-text text-center wow animated slideInLeft">
<div class="img-hover6"></div>
<h4>Lernpfad</h4>
<p>Behalte immer den Überblick über deine Erfolge.</p>
</div>
</div>
<div class="col-md-3 col-sm-6">
<div class="feature-text text-center wow animated slideInRight">
<div class="img-hover7"></div>
<h4>Forum</h4>
<p>Tausche dich mit deinen Freunden aus!</p>
</div>
</div>
<div class="col-md-3 col-sm-6">
<div class="feature-text text-center wow animated slideInRight">
<div class="img-hover8"></div>
<h4>Neue Updates</h4>
<p>Jede Woche liefern wir neue Inhalte und Quizzes!</p>
</div>
</div>
</div>
</div>
</section>
<footer class="footer-bottom">
<div class="container">
<div class="row">
<div class="col-md-6 col-sm-6">
<div class="footer-logo-text">
<picture>
<source srcset="image/logo.webp" type="image/webp">
<img src="image/logo.png" alt="Logo von Invest it!" style="height: 46px; width: 190px;">
</picture>
</div>
</div>
<div class="col-md-6 col-sm-6">
<div class="main-3-section text-right">
<ul>
<li class="twitter-icon"><a href="https://instagram.investit-academy.de" target="_BLANK"><i
class="fa fa-instagram" aria-hidden="true"></i></a></li>
<li class="facebook-icon"><a href="https://www.facebook.com/investitacademy/"><i
class="fa fa-facebook" aria-hidden="true"></i></a></li>
<li class="youtube-icon"><a href="https://youtube.investit-academy.de"><i
class="fa fa-youtube-play" aria-hidden="true"></i></a></li>
<li class="gmail-icon"><a href="https://linkedin.investit-academy.de" target="_BLANK"><i
class="fa fa-linkedin" aria-hidden="true"></i></a></li>
</ul>
</div>
</div>
<div class="clear-fix"></div>
<div class="col-md-12 col-sm-12">
<hr class="hraing1">
<div class="footer-bottom1 ">
<p>Copyright © 2021 Invest it! e.V. All rights reserved.<a href="impressum.html"> Impressum</a> | <a href="privacy.html">Datenschutzerklärung</a>
</p>
</div>
</div>
</div>
</div>
</footer>
<!-- Javascript Detection -->
<script>
document.documentElement.classList.remove("no-js");
</script>
<!--jQuery-->
<script src="js/jquery.js"></script>
<!--Bootstrap-->
<script src="js/bootstrap.js"></script>
<!--wow js-->
<script src="js/wow.js"></script>
<!--Slick-->
<script src="js/slick.js"></script>
<!--Custom js-->
<script src="js/custom.js"></script>
<!-- Modernizr -->
<script src="js/modernizr-custom.js"></script>
<script>
'use strict';
$(".tab_content").hide();
$(".tab_content:first").show();
/* if in tab mode */
$("ul.banner-tabs li").on('click', function() {
$(".tab_content").hide();
var activeTab = $(this).attr("rel");
$("#" + activeTab).fadeIn();
$("ul.banner-tabs li").removeClass("active");
$(this).addClass("active");
$(".tab_drawer_heading").removeClass("d_active");
$(".tab_drawer_heading[rel^='" + activeTab + "']").addClass("d_active");
});
/* if in drawer mode */
$(".tab_drawer_heading").on('click', function() {
$(".tab_content").hide();
var d_activeTab = $(this).attr("rel");
$("#" + d_activeTab).fadeIn();
$(".tab_drawer_heading").removeClass("d_active");
$(this).addClass("d_active");
$("ul.banner-tabs li").removeClass("active");
$("ul.banner-tabs li[rel^='" + d_activeTab + "']").addClass("active");
});
/* Extra class "tab_last"
to add border to right side
of last tab */
$('ul.banner-tabs li').last().addClass("tab_last");
</script>
</body>
</html>