-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
473 lines (444 loc) · 26.7 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
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="">
<meta name="author" content="">
<meta property="og:image" content="img/bg-masthead.png">
<title>Hrdinství</title>
<!-- Font Awesome Icons -->
<link href="vendor/fontawesome-free/css/all.min.css" rel="stylesheet" type="text/css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<!-- Google Fonts -->
<link href="https://fonts.googleapis.com/css?family=Merriweather+Sans:400,700" rel="stylesheet">
<link href='https://fonts.googleapis.com/css?family=Merriweather:400,300,300italic,400italic,700,700italic'
rel='stylesheet' type='text/css'>
<!-- Plugin CSS -->
<link href="vendor/magnific-popup/magnific-popup.css" rel="stylesheet">
<!-- Theme CSS - Includes Bootstrap -->
<link href="css/creative.min.css" rel="stylesheet">
<link href="css/my.css" rel="stylesheet">
<script src="js/ScrollMagic.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/1.19.1/TweenMax.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/ScrollMagic/2.0.3/plugins/animation.gsap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/ScrollMagic/2.0.5/plugins/debug.addIndicators.min.js"></script>
</head>
<body id="page-top">
<div class="single-b-l ex">
<!-- Navigation -->
<nav class="navbar navbar-expand-lg navbar-light fixed-top py-3" id="mainNav">
<div class="container">
<a class="text-uppercase navbar-brand js-scroll-trigger" href="#page-top">Hrdinství</a>
<button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse"
data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false"
aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarResponsive">
<ul class="navbar-nav ml-auto my-2 my-lg-0">
<li class="nav-item">
<a class="nav-link js-scroll-trigger" href="#about">O akci</a>
</li>
<li class="nav-item">
<a class="nav-link js-scroll-trigger" href="#informace">Praktické informace</a>
</li>
<li class="nav-item">
<a class="nav-link js-scroll-trigger" href="https://forms.gle/oSoiruwSjyJQi3Dz7" target="_blank">Přihláška</a>
</li>
<li class="nav-item">
<a class="nav-link js-scroll-trigger" href="#covid">Koronavirus</a>
</li>
<li class="nav-item">
<a class="nav-link js-scroll-trigger" href="#tym">Náš tým</a>
</li>
</ul>
</div>
</div>
</nav>
<!-- Masthead -->
<header class="masthead">
<div class="container h-100">
<div class="row h-100 align-items-center justify-content-center text-center">
<div class="col-lg-10 align-self-end">
<h1 class="text-uppercase text-white font-weight-bold">Hrdinství</h1>
<h3 class="font-weight-bold text-white-75">28. 7. – 1. 8. 2021 a 18. 9. 2021</h3>
<hr class="divider my-4">
</div>
<a class="btn btn-primary btn-xl js-scroll-trigger" href="#about">Chci vědět víc!</a>
</div>
</div>
</header>
<!-- About Section -->
<section class="page-section bg-primary" id="about">
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-8 text-center">
<div class="text-white font-italic row justify-content-start">
<div class="col-sm-5">
<p>
Lidé si odjakživa vyprávějí o hrdinech.
</p>
<p>
<b>Herkules</b>, <b>Superman</b>, <b>Kapitán Amerika</b>…
</p>
<p>
Hrdinové v příbězích bojují se zlem, zachraňují životy a chrání slabé, jsou odvážní a jejich morální
kompasy vždycky neomylně míří k morálnímu severu.
</p>
</div>
</div>
<div class="text-white font-italic row justify-content-center">
<div class="col-sm-5">
<p>
Nebo ne?
</p>
</div>
</div>
<div class="text-white font-italic row justify-content-end">
<div class="col-sm-5">
<p>
A co taková <b>Rosa Parks</b>, <b>Gándhí</b> nebo <b>Václav Havel</b>? Může být hrdina i člověk z masa a
kostí, se svými zlozvyky a chvílemi slabosti? A hlavně – potřebujeme vůbec hrdiny?
</p>
</div>
</div>
<div>
<h2 class="text-white mt-5">O čem to bude?</h2>
<hr class="divider light my-4">
<p class="text-white mb-4">
<b>Hrdinství: O superhrdinech a lidech</b> je zážitková akce pořádaná pod záštitou <a class="text-white-info" href="https://www.instruktori.cz/">Instruktorů Brno</a>. Během prodlouženého víkendu s propracovaným programem prozkoumáš vážně i nevážně téma hrdinství. Vydáš se po boku dalších mladých inspirativních lidí po stopách slavných hrdinů a možná se cestou potkáš i s hrdiny, o kterých jsi nikdy neslyšel(-a). A kdo ví, třeba bude na konci víkendu na světě o pár hrdinů víc…
</p>
<hr class="divider light my-4">
<p class="text-white">
Kdo jsou to hrdinové a odkud se berou?<br>
Co je to hrdinství?<br>
Může být hrdina každý?<br>
Jaké k tomu potřebuje schopnosti?<br>
Dají se ty schopnosti získat, nebo člověka opravdu musí kousnout radioaktivní pavouk?<br>
</p>
<hr class="divider light my-4">
<p class="text-white mb-4">
Odpovědi budeme společně hledat na letní části 28. července až 1. srpna 2021 (středa až neděle) a jednodenním podzimním setkání 18. září (sobota s možností přespání do neděle). Přidej se k nám a zažij šest nezapomenutelných dní.
</p>
<a class="btn btn-light btn-xl js-scroll-trigger" href="#informace">Přihlas se!</a>
</div>
</div>
</div>
</div>
</section>
<!-- Portfolio Section -->
<section id="portfolio">
<div class="container-fluid p-0">
<div class="row no-gutters">
<div class="col-lg-4 col-sm-6">
<a class="portfolio-box portfolio-box-custom" href="img/portfolio/pohyb.jpg">
<img class="img-fluid portfolio-custom" src="img/portfolio/pohyb.thumb.jpg" alt="">
<div class="portfolio-box-caption">
<div class="project-category text-white-50">
Pohyb
</div>
<div class="project-name">
Možná se trošku zapotíš...
</div>
</div>
</a>
</div>
<div class="col-lg-4 col-sm-6">
<a class="portfolio-box portfolio-box-custom" href="img/portfolio/mozek.jpg">
<img class="img-fluid portfolio-custom" src="img/portfolio/mozek.thumb.jpg" alt="">
<div class="portfolio-box-caption">
<div class="project-category text-white-50">
Mozek
</div>
<div class="project-name">
Budeš muset zapojit mozek...
</div>
</div>
</a>
</div>
<div class="col-lg-4 col-sm-6">
<a class="portfolio-box portfolio-box-custom" href="img/portfolio/uspech.jpg">
<img class="img-fluid portfolio-custom" src="img/portfolio/uspech.thumb.jpg" alt="">
<div class="portfolio-box-caption">
<div class="project-category text-white-50">
Úspěch
</div>
<div class="project-name">
Společně s ostatními se překonáš...
</div>
</div>
</a>
</div>
<div class="col-lg-4 col-sm-6">
<a class="portfolio-box portfolio-box-custom" href="img/portfolio/zabava.jpg">
<img class="img-fluid portfolio-custom" src="img/portfolio/zabava.thumb.jpg" alt="">
<div class="portfolio-box-caption">
<div class="project-category text-white-50">
Zábava
</div>
<div class="project-name">
Užiješ si kopec náhodné srandy...
</div>
</div>
</a>
</div>
<div class="col-lg-4 col-sm-6">
<a class="portfolio-box portfolio-box-custom" href="img/portfolio/zamysleni.jpg">
<img class="img-fluid portfolio-custom" src="img/portfolio/zamysleni.thumb.jpg" alt="">
<div class="portfolio-box-caption">
<div class="project-category text-white-50">
Zamyšlení
</div>
<div class="project-name">
Budeš mít čas zamyslet se nad sebou...
</div>
</div>
</a>
</div>
<div class="col-lg-4 col-sm-6">
<a class="portfolio-box portfolio-box-custom" href="img/portfolio/relax.jpg">
<img class="img-fluid portfolio-custom" src="img/portfolio/relax.thumb.jpg" alt="">
<div class="portfolio-box-caption p-3">
<div class="project-category text-white-50">
Relax
</div>
<div class="project-name">
Samozřejmě bude i prostor na relaxaci ...
</div>
</div>
</a>
</div>
</div>
</div>
</section>
<!-- Přihláška Section -->
<section class="page-section bg-superlight" id="informace">
<div class="container text-center">
<div class="row justify-content-center align-items-center mb-5">
<div class="col-lg-12">
<h2 class="mb-4">Praktické informace</h2>
<hr class="divider my-4 mb-5">
</div>
<div class="col-lg-8">
<h2 class="mb-4">Datum a místo</h2>
<ul class="text-left mr-5 ml-5">
<li>Letní část 28. července až 1. srpna 2021 (středa až neděle) v Kloboukách u Brna a jednodenní podzimní setkání 18. září (sobota s možností přespání do neděle) v Brně.</li>
<li>Start akce bude ve středu dopoledne, konec v neděli v odpoledních hodinách.</li>
</ul>
<hr class="divider my-4">
<h2 class="mb-4">Cena</h2>
<ul class="text-left mr-5 ml-5">
<li>Minimální cena za akci je 2700 Kč, maximální cena za akci je 3200 Kč. Rozpočet akce je navržen tak, abychom vyšli s minimální cenou, peníze navíc ale použijeme na vylepšení akce. Pokud váháš, kolik zaplatit, jako cenu můžeš zvolit např. <a class="text-info" href="https://cs.wikipedia.org/wiki/Seznam_prvo%C4%8D%C3%ADsel">některé z prvočísel z uvedeného rozsahu</a>, které tě na první pohled osloví.</li>
<li>V ceně: strava 5x denně, ubytování (ve vlastním spacáku a karimatce).</li>
<li>Tým, který pro Tebe víkendovku připravuje, pracuje zdarma, akce je nezisková.</li>
</ul>
<hr class="divider my-4">
<h2 class="mb-4">Přihlašování</h2>
<ul class="text-left mr-5 ml-5">
<li>Kapacita akce je 25 účastníků. Akce je 18+.</li>
<li>Účastníky budeme vybírat, tak abychom měli na akci věkově vyváženou skupinu mužů a žen. Roli hraje i datum přihlášení – čím dřív se přihlásíš, tím větší je pravděpodobnost, že tě vybereme.</li>
<li>Třetí vlna výběru účastníků proběhne 30. června.</li>
</ul>
</div>
<div class="col-lg-4">
<!--
<div class="rounded-lg bg-light text-primary mt-5">
Akce už bohužel skončila...
</div>
-->
<div class="dino-container mt-5">
<!-- <a class="btn bg-primary text-white btn-xl" href="https://forms.gle/oSoiruwSjyJQi3Dz7" target="_blank">Přihlašovací formulář</a> -->
<a class="btn bg-primary text-white btn-xl">Přihlašovaání uzavřeno</a>
</div>
<div class="rounded-lg bg-light mt-5 pt-3 pb-3">
<div class="row justify-content-center">
<div class="col-2 m-1 mt-2">
<a href="https://www.facebook.com/events/1524347574434024" target="_blank" class="fa fa-facebook fa-3x text-muted"></a>
</div>
<div class="col-10">
<p>
Nezapomeň se přihlásit do <a href="https://www.facebook.com/events/1524347574434024" target="_blank" class="text-info">události na Facebooku</a> – důležité informace Ti pošleme e-mailem, ale na Facebooku se dozvíš, kdo s Tebou pojede, a můžeš na akci pozvat své kamarády.
</p>
</div>
</div>
</div>
<div class="rounded-pill bg-light mt-5 p-3" style="color: #212529;">
Kdyby něco, tak piš na <a class="text-info" href="mailto:[email protected]" target="_blank">[email protected]</a>.
</div>
</div>
</div>
</div>
</section>
<!-- Koronavirus Section -->
<section class="page-section bg-dark text-white" id="covid">
<div class="container">
<h2 class="mb-4 text-center text-danger">Koronavirus a storno podmínky </h2>
<p>Situaci ohledně šíření COVID-19 nebereme na lehkou váhu. Názory odborníků na dobu potřebnou ke zkrocení nemoci se liší. Situace se mění ze dne na den a v současné chvíli nevíme, zda bude možné akci <b>Hrdinství: O superhrdinech a lidech</b> uvést v plánovaném termínu. Jsme však optimisté a věříme, že společně nakonec nemoc porazíme, a proto v přípravách akce pokračujeme.</p>
<p>Akce <b>Hrdinství: O superhrdinech a lidech</b> se odehraje, pokud bude v době konání v souladu nejen s aktuálně platnými nařízeními, ale i doporučeními vlády a odborníků. Při přípravě programu a zázemí místa konání akce už teď řešíme, jak dosáhnout co nejvyššího hygienického a bezpečnostního standardu. Zároveň budeme při zahájení akce požadovat potvrzení o bezinfekčnosti.</p>
<h4 class="mb-4 text-center">Zrušení / odložení akce</h4>
<p>Pokud bychom měli v jakémkoliv bodě přípravy akce sebemenší pochybnost, že může dojít k ohrožení našeho či vašeho zdraví, konání akce bude odloženo a účastníkům bude vráceno 100 % účastnického poplatku.</p>
<p>Pokud by byla akce zrušena, dáme Vám to vědět nejpozději 14 dní předem (tj. do středy 14. července). V případě jakýchkoliv jiných změn Vás budeme průběžně informovat.</p>
<h4 class="mb-4 text-center">Storno poplatky pro účastníky</h4>
<p>V případě, že se účastník rozhodne zrušit svou účast na akci, platí následující stronopodmínky: Při zrušení</p>
<ul>
<li>do 28. června včetně vrátíme 70 % účastnického poplatku,</li>
<li>do 14. července včetně vrátíme 50 % účastnického poplatku,</li>
<li>do 27. července (jeden den před akcí) včetně vrátíme 10 % účastnického poplatku,</li>
<li>v den započetí akce či později bohužel již nevracíme.</li>
</ul>
<p>Vzhledem k situaci ohledně koronaviru nám však místo běžných stornopoplatků můžete kdykoli oznámit, že se akce z důvodů spojených s koronavirem nezúčastníte, a bude vám vráceno 100 % vaší platby. Doba si žádá nejen, abychom si pomáhali, ale i věřili. A my věříme, že této možnosti využijete pouze z pádných důvodů.</p>
</div>
</section>
<!-- Náš tým Section -->
<section class="page-section bg-superlight" id="tym">
<div class="container">
<h2 class="text-center mt-0">Náš tým</h2>
<hr class="divider my-4">
<div class="row">
<div class="col-lg-4 col-md-6 text-center">
<div class="m-4">
<div id="trigger-marta"></div>
<div class="hrdina mb-3">
<img class="first" src="img/people/marta.jpg" alt="Marťa Fabianová">
<!-- <img id="marta" class="second" src="img/people/marta-hrdina.jpg" alt=""> -->
</div>
<div id="trigger-marta2"></div>
<h3 class="h4 mb-2">Marťa Fabianová</h3>
<div>
<h4 class="h5 mt-3 mb-2">Něco o mně</h4>
<p class="text-muted mb-0">Nenapravitelná milovnice tvorby a degustace dobrého jídla. Kreativní tvor s citlivou duší a povahou introverta. Hrdá majitelka nohou, co mnohokrát protančily večer. Poutnice. Divoženka (žena, co se ráda diví). Starostlivá máma několika rostlin, kamarádka, partnerka, sestra, dcera. Studentka psychologie a lektorka vytrvale pátrající po svém místě ve světě. Srdcem skautka. Hledatelka smyslu. Bytost veskrze přírodní. Jo, to teda jsem.</p>
<h4 class="h5 mt-3 mb-2">Kdo je pro mě hrdina?</h4>
<p class="text-muted mb-0">Člověk především. Člověk, který pochybuje, není si jist, má strach, a přesto překročí svůj stín, aktivně a vytrvale usiluje o naplňování svých ideálů.</p>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 text-center">
<div class="m-4">
<div id="trigger-maruska"></div>
<div class="hrdina mb-3">
<img class="first" src="img/people/maruska.jpg" alt="Maruška Mičková">
<!-- <img id="maruska" class="second" src="img/people/maruska-hrdina.jpg" alt=""> -->
</div>
<div id="trigger-maruska2"></div>
<h3 class="h4 mb-2">Maruška Mičková</h3>
<div>
<h4 class="h5 mt-3 mb-2">Něco o mně</h4>
<p class="text-muted mb-0">Ráda pracuji s lidmi. Mám ráda poznávání nových míst, poslouchání příběhů a trávení času s přáteli. Věřím, že každé setkání člověka obohatí, díky čemuž se naučí nové věci a lépe tak poznává i sám sebe.</p>
<h4 class="h5 mt-3 mb-2">Kdo je pro mě hrdina?</h4>
<p class="text-muted mb-0">Hrdina je pro mě například ten, kdo umí uznat chybu a poučit se z ní, bez toho, aniž by obviňoval mezitím ostatní. Hrdinské skutky jsou pro mě i úplné drobnosti, které nejdou vidět, ale mohou mít velký dopad. Hrdina nemusí být vždy vidět, nemusí se o něm mluvit, to hrdina nepotřebuje. Hrdina podle mě nedělá hrdinské skutky proto, aby byl uznáván, ale dělá věci pro druhé (ale i pro sebe), které danému člověku mají být nápomocný a užitečný.</p>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 text-center">
<div class="m-4">
<div id="trigger-zuzka"></div>
<div class="hrdina mb-3">
<img class="first" src="img/people/zuzka.jpg" alt="Zuzka Zajícová">
<!-- <img id="zuzka" class="second" src="img/people/zuzka-hrdina.jpg" alt=""> -->
</div>
<div id="trigger-zuzka2"></div>
<h3 class="h4 mb-2">Zuzka Zajícová</h3>
<div>
<h4 class="h5 mt-3 mb-2">Něco o mně</h4>
<p class="text-muted mb-0">Jsem skvělá kuchařka.<br>Mimo to mám taky schopnost obejmout každého, kdo to potřebuje, stejně tak jako ho vyslechnout. <br>V práci řídím životy cizích lidí, a to jak po morální, tak po ekonomické stránce.<br></p>
<h4 class="h5 mt-3 mb-2">Kdo je pro mě hrdina?</h4>
<p class="text-muted mb-0">Hrdina je ten, kdo dokáže vystoupit z řady a něco udělat právě ve chvíli, kdy ostatní stojí a nekonají. Je to osobnost, která má svůj názor, umí ho vyslovit a stát si za ním. Je to člověk, který se dívá kolem sebe a je tu pro ostatní.</p>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 text-center">
<div class="m-4">
<div id="trigger-buc"></div>
<div class="hrdina mb-3">
<img class="first" src="img/people/buc.jpg" alt="Ondřej Buč Zabloudil Pechník">
<!-- <img id="buc" class="second" src="img/people/buc-hrdina.jpg" alt=""> -->
</div>
<div id="trigger-buc2"></div>
<h3 class="h4 mb-2">Ondřej "Buč" Zabloudil Pechník</h3>
<div>
<h4 class="h5 mt-3 mb-2">Něco o mně</h4>
<p class="text-muted mb-0">V osobním životě jsem certifikovaný dodavatel trapných vtipů, v práci učitel a učitel učitelů. Věřím, že pomáhat lidem se vzděláváním je ta nejdůležitější práce na světě, a jednoho dne bych chtěl učit tak, aby moje hodiny byly stejně zajímavé jako pohled na první sníh padající za okny třídy. U jídla si můžeme povídat třeba o indie muzice, deskovkách nebo nutnosti revize Rámcového vzdělávacího programu pro SŠ. Má láska ke knihám by se dala vyjádřit v knihomolech.</p>
<h4 class="h5 mt-3 mb-2">Kdo je pro mě hrdina?</h4>
<p class="text-muted mb-0">Moje učitelka matematiky ze střední, profesorka Jevická. Čtyřikrát týdně po dobu osmi let statečně bojovala s mou neschopností provádět základní matematické operace – sice marně, ale nikdy to nevzdala!</p>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 text-center">
<div class="m-4">
<div id="trigger-top"></div>
<div class="hrdina mb-3">
<img class="first" src="img/people/tom.jpg" alt="Tomáš Effenberger">
<!-- <img id="tom" class="second" src="img/people/tom-hrdina.jpg" alt=""> -->
</div>
<div id="trigger-martin2"></div>
<h3 class="h4 mb-2">Tomáš Effenberger</h3>
<div>
<h4 class="h5 mt-3 mb-2">Něco o mně</h4>
<p class="text-muted mb-0">Baví mě vymýšlet hry a sestavovat dramaturgii zážitkových akcí. Baví mě vymýšlet informatické úlohy a učit programování. Baví mě zkoumat, jak můžeme učení podpořit využitím datové analýzy a umělé inteligence. Mezi těmito činnostmi můžu plynule přepínat díky perfektní kombinaci doktorátu na fakultě informatiky, rozvoji výukového systému Umíme programovat a dobrovolnictví v Instruktorech Brno.</p>
<h4 class="h5 mt-3 mb-2">Kdo je pro mě hrdina?</h4>
<p class="text-muted mb-0">Hrdina je ten, kdo dělá věci pro druhé, přestože se tím vystavuje riziku. Může se bát, ale jedná. Hrdina pasivně nečeká, ale aktivně hledá příležitosti, komu a jak může efektivně pomoct, vzhledem ke svým silným a slabým stránkám. Hrdina zvažuje kompromisy a umí se vědomě rozhodnout hrdinou nebýt.</p>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 text-center">
<div class="m-4">
<div id="trigger-martin"></div>
<div class="hrdina mb-3">
<img class="first" src="img/people/martin.jpg" alt="Martin Ukrop">
<!-- <img id="martin" class="second" src="img/people/martin-hrdina.jpg" alt=""> -->
</div>
<div id="trigger-martin2"></div>
<h3 class="h4 mb-2">Martin Ukrop</h3>
<div>
<h4 class="h5 mt-3 mb-2">Něco o mně</h4>
<p class="text-muted mb-0">Aktuálně mám vícero rolí. Jsem výzkumník, učitel, dobrovolník, kuchař, kutil, přítel (ne nutně v tomto pořadí). Profesně se věnuji použitelné počítačové bezpečnosti a vzdělávám začínající pedagogy. Jako nadšený instruktor se věnuji i neformálnímu zážitkovému vzdělávání. Do toho dobré jídlo, deskohraní ale i zájem o životní prostředí. Ono to všechno spolu souvisí víc, než by jeden čekal.</p>
<h4 class="h5 mt-3 mb-2">Kdo je pro mě hrdina?</h4>
<p class="text-muted mb-0">Ten, kdo neváhá pomoct druhým, ale nezapomíná ani na své vlastní potřeby. Ten, kdo si dokáže říct o pomoc, když ji potřebuje. Ten, kdo svůj názor dokáže veřejně prezentovat, ale respektuje při tom i názory ostatních. Že to není žádné superhrdinství? Vítejte v mém světě, kde hrdinové chodí dennodenně mezi námi.</p>
</div>
</div>
</div>
</div>
<!--
<script>
// init controller
var controller = new ScrollMagic.Controller();
// build scene
hrdinove = ['marta', 'maruska', 'zuzka', 'buc', 'martin', 'tom'];
for (const hrdina of hrdinove) {
TweenMax.set("#" + hrdina, { autoAlpha: 0 });
var tween = TweenMax.staggerTo("#" + hrdina, 1, { autoAlpha: 1 }, 1);
new ScrollMagic.Scene({ triggerElement: "#trigger-" + hrdina, duration: 400 })
.setTween(tween)
.addTo(controller);
}
</script>
-->
</div>
</section>
<!-- Footer -->
<footer class="bg-dark text-white py-5">
<div class="container">
<div class="row">
<div class="col-lg-4 ml-auto text-center">
<a href="https://instruktori.cz"><img src="img/sova_bila.png"></a>
</div>
<div class="col-lg-4 mr-auto text-center align-middle">
<p>Pokud máš jakýkoli dotaz, neváhej se nám ozvat na <a class="text-white-info" href="mailto:[email protected]" target="_blank">[email protected]</a>.</p>
<p>Hrdinství je akce pořádaná pod hlavičkou <a class="text-white-info" href="https://instruktori.cz" target="_blank">Instruktorů Brno</a>.</p>
<p>Web je postaven s pomocí <a class="text-white-info" href="https://startbootstrap.com/" target="_blank">Start Bootstrap</a>, šablona <a class="text-white-info"
href="https://startbootstrap.com/themes/creative/" target="_blank">Creative</a></p>
</div>
</div>
</div>
</footer>
<!-- Bootstrap core JavaScript -->
<script src="vendor/jquery/jquery.min.js"></script>
<script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
<!-- Plugin JavaScript -->
<script src="vendor/jquery-easing/jquery.easing.min.js"></script>
<script src="vendor/magnific-popup/jquery.magnific-popup.min.js"></script>
<!-- Custom scripts for this template -->
<script src="js/creative.min.js"></script>
</body>
</html>