-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
745 lines (673 loc) · 41.2 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
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
723
724
725
726
727
728
729
730
731
732
733
734
735
736
737
738
739
740
741
742
743
744
745
<!doctype html>
<html class="no-js" lang="en">
<head>
<meta charset="utf-8">
<!--====== Title ======-->
<title>Lodivodi</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!--====== Favicon Icon ======-->
<link rel="shortcut icon" href="assets/images/listicky.png" type="image/png">
<!--====== Animate CSS ======-->
<link rel="stylesheet" href="assets/css/animate.css">
<!--====== Magnific Popup CSS ======-->
<link rel="stylesheet" href="assets/css/magnific-popup.css">
<!--====== Slick CSS ======-->
<link rel="stylesheet" href="assets/css/slick.css">
<!--====== Line Icons CSS ======-->
<link rel="stylesheet" href="assets/css/LineIcons.css">
<!--====== Font Awesome CSS ======-->
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.1/css/all.min.css" rel="stylesheet">
<!--====== Bootstrap CSS ======-->
<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" rel="stylesheet">
<!--<link rel="stylesheet" href="assets/css/bootstrap.min.css">-->
<!--====== Default CSS ======-->
<link rel="stylesheet" href="assets/css/default.css">
<!--====== Style CSS ======-->
<link rel="stylesheet" href="assets/css/style.css">
</head>
<body>
<!--[if IE]>
<p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="https://browsehappy.com/">upgrade your browser</a> to improve your experience and security.</p>
<![endif]-->
<!--====== HEADER PART START ======-->
<header class="header-area">
<div class="navbar-area">
<div class="container">
<div class="row">
<div class="col-lg-12">
<nav class="navbar navbar-expand-lg">
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="toggler-icon"></span>
<span class="toggler-icon"></span>
<span class="toggler-icon"></span>
</button>
<div class="collapse navbar-collapse sub-menu-bar" id="navbarSupportedContent">
<ul id="nav" class="navbar-nav ml-auto">
<li class="nav-item">
<a class="page-scroll" href="#uvod">Úvod</a>
</li>
<li class="nav-item">
<a class="page-scroll" href="#cojsou">O kurzu</a>
</li>
<li class="nav-item">
<a class="page-scroll" href="#info">Praktické informace</a>
</li>
<li class="nav-item">
<a class="page-scroll" href="#prihlasovani">Přihlašování</a>
</li>
<li class="nav-item">
<a class="page-scroll" href="#kontakt">Kontakt</a>
</li>
<li class="nav-item">
<a class="page-scroll" href="#doprovazet">Tým</a>
</li>
</ul>
</div> <!-- navbar collapse -->
</nav> <!-- navbar -->
</div>
</div> <!-- row -->
</div> <!-- container -->
</div> <!-- navbar area -->
<!--
<div id="home" class="header-hero bg_cover">
<div class="container">
<div class="row justify-content-center header-hero-wrapper">
<div class="col-lg-5">
<div class="header-hero-content text-center">
<h1 class="header-title">arolína</h1>
<h2 class="header-sub-title">Pěčková</h2>
</div>
</div>
<div class="col-lg-2">
<div class="header-hero-content">
<h2 class="header-title">a</h2>
</div>
</div>
<div class="col-lg-5">
<div class="header-hero-content text-center">
<h1 class="header-title"><small>V</small>ojt</h1>
<h2 class="header-sub-title-right">Liška</h2>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-12">
<div class="header-hero-image text-center">
<img src="assets/images/lod_2.png" alt="hero">
</div>
</div>
</div>
</div>
</div> -->
</header>
<!--====== HEADER PART ENDS ======-->
<!--====== SERVICES PART START ======-->
<div class = "bg-cover">
<!--<div id="cycling-background">
<img src="assets/images/horni_cast_final.png" class="bg-image" />
<img src="assets/images/voda.png" class="bg-image" />
<img src="assets/images/ostrov_dole.png" class="bg-image" />
<img src="assets/images/ostrov_hore.png" class="bg-image" />
<img src="assets/images/voda.png" class="bg-image" />
<img src="assets/images/ostrov_dole.png" class="bg-image" />
<img src="assets/images/ostrov_hore.png" class="bg-image" />
</div>-->
<!--<div id="cycling-background">
<img src="assets/images/horni_cast_final_white_top.png" class="bg-image"/>
</div>-->
<div id="uvod" class="uvod-area pt-120">
<div class="container">
<div class="header-hero-content">
<img src="assets/images/bitmap.svg" class="site-title"/>
<!--<h1 class="header-title">LODIVODI</h1>-->
<h1 class="header-sub-title">8.–12. 5. 2024</h1>
</div>
<div class="text-box">
<div class="row">
<div class="col-lg-12">
<!--<div class="section-title">
<h1 class="title">Naši milí,</h1>
</div> -->
<p class="text">Necháváš se jen vláčet proudem života? Nebo se sice snažíš proplouvat jeho proměnlivými vodami,
ale stejně tě pořád odnáší někam, kam vlastně nechceš? Tak to je načase pevně chytit kormidlo svojí bárky a vyrazit tam,
kam doopravdy toužíš plout...
</p>
</div><!-- text box -->
</div> <!-- row -->
<div class="row">
</div>
<div class="row justify-content-center">
<div class="main-btn">
<a class="page-scroll" href="#prihlasovani">Chci se nalodit! </a>
</div>
</div>
</div>
</div> <!-- container -->
</div>
<!--====== SERVICES PART ENDS ======-->
<div id="cojsou" class="info-area">
<div class="container">
<div class="info-text-box">
<div class="row">
<div class="col-lg-6">
<div class="info-content">
<div class="section-title">
<h2 class="title">Co jsou Lodivodi?</h2>
</div> <!-- section title -->
<p class="text">Lodivodi jsou zážitkový kurz pro mladé dospělé na téma odpovědnosti – protože právě díky ní
se stáváme pány či paní loďky svého života.
</p>
<p class="text">Při naší společné plavbě se zamyslíme nad tím, jak odpovědnost souvisí s naší svobodou,
(bez)mocí a pocitem štěstí, co nám odpovědnost přináší a co naopak bere. Je to příležitost strávit
pět jarních dní v krásné přírodě s inspirativními lidmi a společně prozkoumávat téma odpovědnosti skrze hluboké i hravé programy.
</p>
<p class="text">Vyrazit do neznámých vod chce odvahu, ale výsledek stojí za to! Tak co, popluješ s námi?
</p>
</div> <!-- about content -->
</div>
<div class="col-lg-6">
<img class="info-image" src="assets/images/01-plavba.jpg" alt="kdy">
<div class="section-title">
<p class="sub-title">Bude to plavba jako žádná jiná!</p>
</div> <!-- section title -->
</div>
</div> <!-- row -->
</div>
</div> <!-- container -->
</div>
<div id="proc" class="info-area">
<div class="container">
<div class="info-text-box">
<div class="row">
<div class="col-lg-6">
<div class="info-content order-lg-last">
<div class="section-title">
<h2 class="title">Proč vyplout?</h2>
</div> <!-- section title -->
<p class="text">1. Naučíš se lépe rozhodovat, kdy odpovědnost přijmout a kdy ne.
Také hlouběji poznáš sebe sama a ve finále tím získáš i větší kontrolu nad svým životem.</p>
<p class="text">2. Zažiješ pět dní v kontaktu s přírodou, odpočineš si od reality všedního dne a získáš odstup a nové impulzy do života.
</p>
<p class="text">3. Poznáš dvacet podobně naladěných, inspirativních lidí a prožiješ s nimi silné, nevšední zážitky,
na které budete společně vzpomínat možná celý život.
</p>
</div> <!-- about content -->
</div>
<div class="col-lg-6 order-lg-first">
<img class="info-image" src="assets/images/02-jizda.jpg" alt="kdy">
<div class="section-title">
<p class="sub-title">Někdy to bude cákat.</p>
</div> <!-- section title -->
</div>
</div> <!-- row -->
</div>
</div> <!-- container -->
</div>
<div id="jakabude" class="info-area">
<div class="container">
<div class="info-text-box">
<div class="row">
<div class="col-lg-6">
<div class="info-content">
<div class="section-title">
<h2 class="title">Jaká bude plavba?</h2>
</div> <!-- section title -->
<p class="text">Pokud jsi ještě na zážitkové akci nebyl/a, možná pochybuješ, zda je něco takového pro tebe.
Jak tedy taková zážitková akce vypadá?</p>
<p class="text">Budeme hrát nejrůznější hry a ohlížet se za tím, co se při nich dělo.
Některé programy budou zábavné a uvolňující, další hodně pohybové či naopak odpočinkové a jiné se zaměří na zamyšlení a poznávání sebe sama.
Někdy to možná bude chtít sebrat odvahu a trochu se překonat, ale pokud se na něco nebudeš cítit,
nebudeme tě nutit – všechny aktivity budou zcela dobrovolné.</p>
</div> <!-- about content -->
</div>
<div class="col-lg-6">
<img class="info-image" src="assets/images/03-odpocinek.jpg" alt="kdy">
<div class="section-title">
<p class="sub-title">Někdy si odpočineš v klidných vodách.</p>
</div> <!-- section title -->
</div>
</div> <!-- row -->
</div>
</div> <!-- container -->
</div>
<div id="cocekat" class="info-area">
<div class="container">
<div class="info-text-box">
<div class="row">
<div class="col-lg-6 order-lg-last">
<div class="info-content">
<div class="section-title">
<h2 class="title">Co čekat</h2>
</div> <!-- section title -->
<p class="text">Aktivity, které jen tak nezažiješ, povídání, přemýšlení, pohyb, odpočinek, dobrodružství,
silnou atmosféru, tajemno, překvapení a třeba i nové přátele.</p>
<div class="section-title">
<h2 class="title">Co nečekat</h2>
</div> <!-- section title -->
<p class="text">Přednášky, psychoterapii, prosezený den bez pohybu, proběhaný den bez přemýšlení.</p>
<div class="section-title">
<h2 class="title">Ke zvážení</h2>
</div> <!-- section title -->
<p class="text">Naše kurzy mohou být pro některé účastníky fyzicky, nebo psychicky náročné. Pokud máš výrazné pohybové nebo duševní problémy, zvaž účast, případně nám napiš a domluvíme se na řešení.</p>
</div> <!-- about content -->
</div>
<div class="col-lg-6 order-lg-first">
<img class="info-image" src="assets/images/04-proud.jpg" alt="kdy">
<div class="section-title">
<p class="sub-title">Občas tě unese proud.</p>
</div> <!-- section title -->
</div>
</div> <!-- row -->
</div>
</div> <!-- container -->
</div>
<div id="info" class="info-area">
<div class="container">
<div class="info-text-box">
<div class="row">
<div class="col-lg-6">
<div class="info-content">
<div class="section-title">
<h2 class="title">Kdy</h2>
</div> <!-- section title -->
<p class="text"> Akce začne ve středu 8. 5. dopoledne (přesný čas a místo srazu ti pošleme včas e-mailem,
ale počítej s ranním odjezdem na kurz). Končit budeme v neděli 12. 5. odpoledne.</p>
<p class="text">Kurz je koncipovaný jako celek. Pozdní příjezdy či dřívější odjezdy z akce jsou velkou komplikací,
ochudí tě o část programu a možnost prožít ho celý se skupinou. Proto přednostně přijímáme účastníky, kteří přijedou na celou dobu kurzu.
Pokud máš zájem jet, ale nemůžeš na celou akci, vyplň přihlášku, dej nám vědět a pobavíme se o možnostech.</p>
</div> <!-- about content -->
</div>
<div class="col-lg-6">
<img class="info-image" src="assets/images/05-spatny-smer.jpg" alt="kdy">
<div class="section-title">
<p class="sub-title">Někdy možná vypluješ špatným směrem…</p>
</div> <!-- section title -->
</div>
</div> <!-- row -->
</div>
</div> <!-- container -->
</div>
<div id="info2" class="info-area">
<div class="container">
<div class="info-text-box">
<div class="row">
<div class="col-lg-6 order-lg-last">
<div class="info-content">
<div class="section-title">
<h2 class="title">Kde</h2>
</div> <!-- section title -->
<p class="text"> Na samotě v lesích Žďárských vrchů. Objekt je starý a ošuntělý, ale bude vytápěný a s teplou sprchou.
Pokud máš alergii na prach, napiš nám a zkusíme si vyjasnit, jak s tím jde pracovat. Je možné spát případně
i ve vlastním stanu na louce nebo v lese u objektu.
</p>
<div class="section-title">
<h2 class="title">Kdo</h2>
</div> <!-- section title -->
<p class="text">20–26 dospělých ve věku 20 až 35 let. (Pokud je ti víc nebo míň a chceš se i tak zúčastnit,
vyplň přihlášku. Zapadneš-li podle nás do účastnické skupiny, rádi tě přijmeme.)
</p>
</div> <!-- about content -->
</div>
<div class="col-lg-6 order-lg-first">
<img class="info-image" src="assets/images/06-na-suchu.jpg" alt="kdy">
<div class="section-title">
<p class="sub-title">… a dostaneš se úplně jinam, než bys čekal/a.</p>
</div> <!-- section title -->
</div>
</div> <!-- row -->
</div>
</div> <!-- container -->
</div>
<div id="cosebou" class="info-area">
<div class="container">
<div class="info-text-box">
<div class="row">
<div class="col-lg-6">
<div class="info-content">
<div class="section-title">
<h2 class="title">Co s sebou</h2>
</div> <!-- section title -->
<p class="text">Karimatku, spacák, čelovku a běžné oblečení do přírody.
Podrobnější seznam ti pošleme před začátkem akce.
</p>
<p class="text">Alkohol na akci nečekej a nech ho prosím doma.
</p>
</div> <!-- about content -->
</div>
<div class="col-lg-6">
<img class="info-image" src="assets/images/07-prekonani.jpg" alt="kdy">
<div class="section-title">
<p class="sub-title">Někdy bude potřeba se překonat…</p>
</div> <!-- section title -->
</div>
</div> <!-- row -->
</div>
</div> <!-- container -->
</div>
<div id="prihlasovani" class="info-area">
<div class="container">
<div class="info-text-box">
<div class="row">
<div class="col-lg-6 order-lg-last">
<div class="info-content">
<div class="section-title">
<h2 class="title">Přihlašování</h2>
</div> <!-- section title -->
<p class="text">
Kapacita účastníků na Lodivody je již naplněna.
Pokud se chceš přihlásit alespoň jako náhradník, vyplň nám <a href="https://forms.gle/G9YqdZzv6bxpRcS47" class="odkaz">přihlášku</a>.
(Vyplněním přihlášky rozumíme oba dotazníky, viz níže.)</p>
<p class="text">Přihlašování probíhá ve třech vlnách:</p>
<p class="text">1. vlna: do 15. 2. 2024 za <b>2 950,-</b></p>
<p class="text">2. vlna: do 15. 3. 2024 za <b>3 100,-</b></p>
<p class="text">3. vlna: do 15. 4. 2024 za <b>3 250,-</b></p>
<p class="text">Snažíme se o vytvoření vyvážené a pestré skupiny mladých dospělých, u kterých odhadujeme,
že si vzájemně sednou a že pro ně bude akce přínosná. Proto se ti po odeslání přihlášky zobrazí odkaz na tematický dotazník,
ve kterém budeš mít prostor napsat nám, proč tě kurz láká a co od něj očekáváš. Nejpozději do týdne po skončení vlny,
ve které ses přihlásil/a (tj. vyplnil/a oba formuláře), ti dáme vědět, zda s tebou na akci počítáme.</p>
</div> <!-- about content -->
</div>
<div class="col-lg-6 order-lg-first">
<img class="info-image" src="assets/images/08-zen.JPG" alt="kdy">
<div class="section-title">
<p class="sub-title">… ale ostatní tě přitom podrží!</p>
</div> <!-- section title -->
</div>
</div> <!-- row -->
</div>
</div> <!-- container -->
</div>
<div id="cena" class="info-area">
<div class="container">
<div class="info-text-box">
<div class="row">
<div class="col-lg-6">
<div class="info-content">
<div class="section-title">
<h2 class="title">Cena</h2>
</div> <!-- section title -->
<p class="text"><b>2 950–3 250,-</b> dle data <a class="page-scroll" href="#prihlasovani">přihlášení</a>. Cena zahrnuje stravu, ubytování a materiál.
Organizátoři akci pořádají ve svém volném čase bez nároku na finanční odměnu. Dopravu na místo si každý účastník zajišťuje a hradí samostatně.
</p>
<div class="section-title">
<h2 class="title">Platba</h2>
</div> <!-- section title -->
<p class="text">Pokyny k platbě ti pošleme společně s potvrzením o přijetí.
Platbu pak prosím proveď co nejdříve. Místo ti budeme držet jeden týden, pak je možné, že oslovíme další v pořadí.
</p>
</div>
</div>
<div class="col-lg-6">
<img class="info-image" src="assets/images/09-sahnes-vedle.jpg" alt="kdy">
<div class="section-title">
<p class="sub-title">A i když sáhneš vedle…</p>
</div> <!-- section title -->
</div>
</div> <!-- row -->
</div>
</div> <!-- container -->
</div>
<div id="storno" class="info-area">
<div class="container">
<div class="info-text-box">
<div class="row">
<div class="col-lg-6 order-lg-last">
<div class="info-content">
<div class="section-title">
<h2 class="title">Storno podmínky</h2>
</div> <!-- section title -->
<p class="text">Při odhlášení více než 30 dní před akcí vracíme 70% účastnického poplatku,
při odhlášení alespoň 10 dní před akcí vracíme 50%, při odhlášení alespoň 1 den před akcí vracíme 10%.
V případě zrušení akce ze strany organizátorů vracíme samozřejmě 100%.
</p>
</div>
</div>
<div class="col-lg-6 order-lg-first">
<img class="info-image" src="assets/images/10-pres-palubu.jpg" alt="kdy">
<div class="section-title">
<p class="sub-title">… a přepadneš přes palubu…</p>
</div> <!-- section title -->
</div>
</div> <!-- row -->
</div>
</div> <!-- container -->
</div>
<div id="kontakt" class="info-area">
<div class="container">
<div class="info-text-box">
<div class="row">
<div class="col-lg-6">
<div class="info-content">
<div class="section-title">
<h2 class="title">Kontakt</h2>
</div> <!-- section title -->
<div class="row mt-20">
<div class = "col-lg-4">
<img class="logo" src="assets/images/logo-negativ.png" alt="kdy", >
</div>
<div class="col-lg-8">
<p class="text" style="text-align: left;"> Lodivodi je akce pořádaná organizací <a href = "https://www.instruktori.cz/">Intruktoři Brno</a></p>
<p class="text" style="text-align: left;"> Pokud je ti něco nejasné nebo se chceš na něco zeptat, neváhej nám napsat na
<a href = "mailto: [email protected]">[email protected]</a>.
</p>
</div>
</div>
</div>
</div>
<div class="col-lg-6">
<img class="info-image" src="assets/images/11-ostatni-te-vytahnou.jpg" alt="kdy">
<div class="section-title">
<p class="sub-title">… ostatní tě z vody vytáhnou.</p>
</div> <!-- section title -->
</div>
</div> <!-- row -->
</div>
</div> <!-- container -->
</div>
<section id="doprovazet" class="team-area">
<div class="container">
<div class="info-text-box">
<div class="team-content">
<div class="section-title text-center">
<h2 class="title">Kdo tě bude na plavbě provázet?</h2>
</div>
<p class="text text-center">Abychom se ti představili, odpověděli jsme každý na následující otázky (rozklikni medailonky): </p>
<div class="row">
<div class="col-lg-6">
<p class="text text-center">1. Co nezodpovědného jsi udělal v poslední době?</p>
</div>
<div class="col-lg-6">
<p class="text text-center">2. Proč je pro tebe téma odpovědnosti důležité?</p>
</div>
</div>
</div>
</div>
<div class="medailonky">
<div class="row mt-30">
<div class="col-md-3 p-3">
</div>
<div class="col-md-3 col-6 p-3">
<div class="team-wrapper">
<div class="team-box">
<div class="team-box-click" data-toggle="collapse" data-target="#infoGlum">
<img src="assets/images/medailonky/Glum.jpg">
<h5 class="team-name">Glum</h5>
</div>
<div id="infoGlum" class="collapse">
<div class="team-info">
<p class="text">1. Poslechl jsem egyptského instruktora potápění, který mě přesvědčil,
že ačkoli na to nemám výcvik a licenci, mám se jít potápět i do jeskyně.</p>
<p class="text">2. Co se týče odpovědnosti je pro mě důležité líp se naučit nastavovat si takové množství odpovědností,
které zvládnu, aniž by se snížila kvalita provedení, nebo aniž bych ryl nevyspaným čumákem v zemi.</p>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-3 col-6 p-3">
<div class="team-wrapper">
<div class="team-box">
<div class="team-box-click" data-toggle="collapse" data-target="#infoRissie">
<img src="assets/images/medailonky/Rissie.jpg">
<h5 class="team-name">Rissie</h5>
</div>
<div id="infoRissie" class="collapse">
<div class="team-info">
<p class="text">1. Kývla jsem na organizaci dvou zážitkových akcí naráz… Teď se s tou odpovědností vyrovnávám 😃</p>
<p class="text">2. Snažím se v odpovědností hledat lehkost, kterou v ní ne vždy cítím.
Aby mě netáhla dolů k zemi, ale naopak hezky nadnášela a umožňovala mi ovlivňovat svět, ve kterém žiju.
Zároveň spolupráce s lidmi, na které je spoleh, mi prostě dělá větší radost než s těmi nezodpovědnými.</p>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-3 p-3">
</div>
</div>
<div class="row">
<div class="col-md-3 col-6 p-3">
<div class="team-wrapper">
<div class="team-box">
<div class="team-box-click" data-toggle="collapse" data-target="#infoVojta">
<img src="assets/images/medailonky/Vojta.jpg">
<h5 class="team-name">Vojta</h5>
</div>
<div id="infoVojta" class="collapse">
<div class="team-info">
<p class="text">1. Organizoval jsem 3 akce v po sobě jdoucích víkendech. Byl to logistický mordor. 😃</p>
<p class="text">2. Dlouhodobě jsem měl problém plnit dobře a včas své závazky.
Ale v poslední době na sobě vidím velký posun. Jako velkou součást odpovědnosti beru organizaci svého času a kapacit.</p>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-6 d-none d-md-block p-3">
</div>
<div class="col-md-3 col-6 p-3">
<div class="team-wrapper">
<div class="team-box">
<div class="team-box-click" data-toggle="collapse" data-target="#infoKaja">
<img src="assets/images/medailonky/Kaja.jpg">
<h5 class="team-name">Kája</h5>
</div>
<div id="infoKaja" class="collapse">
<div class="team-info">
<p class="text">1. Ve větším úkolu v práci (adventní kalendář, kde místo čokoládek najdete fyzikální pokusy na každý den 😃)
jsem nejkomplikovanější kousek psaní odložila a pustila se do něj naposledy. Zvládli jsme to, ale příště jinak.</p>
<p class="text">2. Při přijímání odpovědnosti nám často stojí v cestě překážky, obavy a nejistoty.
Ráda bych alespoň trochu pomohla tomu, abychom se častěji odvažovali brát věci do svých rukou.
I malé krůčky tímhle směrem totiž podle mě přináší víc smysluplnosti, svobody, naplnění a stojí za to.</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-3 p-3">
</div>
<div class="col-md-3 col-6 p-3">
<div class="team-wrapper">
<div class="team-box">
<div class="team-box-click" data-toggle="collapse" data-target="#infoTom">
<img src="assets/images/medailonky/Tom.jpg">
<h5 class="team-name">Tom</h5>
</div>
<div id="infoTom" class="collapse">
<div class="team-info">
<p class="text">1. Polibek krátce poté, co jsem dotestoval čtrnáct druhů česnekových pomazánek.</p>
<p class="text">2. Když jsem v týmu plném zodpovědných lidí, je mi dobře a mám radost z kvalitních výsledků.
Když lidi v týmu při jeho vzniku zodpovědní nejsou, je to potenciál, který bych chtěl umět využít – pomoct členům týmu k zodpovědnosti.
Umět podporovat zodpovědnost bych rád také u svých studentů a časem u svých dětí.</p>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-3 col-6 p-3">
<div class="team-wrapper">
<div class="team-box">
<div class="team-box-click" data-toggle="collapse" data-target="#infoJanca">
<img src="assets/images/medailonky/Janca.jpg">
<h5 class="team-name">Janča</h5>
</div>
<div id="infoJanca" class="collapse">
<div class="team-info">
<p class="text">1. Místo učení se na zkoušku jsem dodělávala grafiku a dopisovala medailonek.</p>
<p class="text">2. Po skoro pětadvaceti letech života stále hledám, kde nakreslit hranice toho,
za co si chci vzít odpovědnost s ohledem na své kapacity, schopnosti a dovednosti. Hledám,
jak připomínat sobě a ukazovat studentům, že přijetí odpovědnosti přináší velkou vnitřní svobodu a není to jen zátěž,
kterou je třeba nést. </p>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-3 p-3">
</div>
</div>
</div>
</div>
</section>
</div>
<script>
function adjustBackgroundPosition() {
var screenWidth = window.innerWidth;
var element = document.querySelector('body');
var minOffset = 200;
var maxOffset = 900;
var minRes = 500;
var maxRes = 1500;
var aa = (maxOffset-minOffset) / (maxRes-minRes)
var bb = aa*minOffset
var positionPixel = screenWidth * aa - bb;
element.style.backgroundPosition = 'center -' + positionPixel + 'px';
}
adjustBackgroundPosition();
window.addEventListener('resize', adjustBackgroundPosition);
</script>
<!--====== BACK TOP TOP PART START ======-->
<a href="#" class="back-to-top"><i class="fa fa-chevron-up" style="color: #074882ff; font-weight: 900;"></i></a>
<!--====== BACK TOP TOP PART ENDS ======-->
<!--====== PART START ======-->
<!--
<section class="">
<div class="container">
<div class="row">
<div class="col-lg-"></div>
</div>
</div>
</section>
-->
<!--====== PART ENDS ======-->
<!--====== Jquery js ======-->
<script src="assets/js/vendor/jquery-1.12.4.min.js"></script>
<script src="assets/js/vendor/modernizr-3.7.1.min.js"></script>
<!--====== Bootstrap js ======-->
<script src="assets/js/popper.min.js"></script>
<script src="assets/js/bootstrap.min.js"></script>
<!--====== Plugins js ======-->
<script src="assets/js/plugins.js"></script>
<!--====== Slick js ======-->
<script src="assets/js/slick.min.js"></script>
<!--====== Ajax Contact js ======-->
<script src="assets/js/ajax-contact.js"></script>
<!--====== Counter Up js ======-->
<script src="assets/js/waypoints.min.js"></script>
<script src="assets/js/jquery.counterup.min.js"></script>
<!--====== Magnific Popup js ======-->
<script src="assets/js/jquery.magnific-popup.min.js"></script>
<!--====== Scrolling Nav js ======-->
<script src="assets/js/jquery.easing.min.js"></script>
<script src="assets/js/scrolling-nav.js"></script>
<!--====== wow js ======-->
<!-- <script src="assets/js/wow.min.js"></script> -->
<!--====== Particles js ======-->
<!-- <script src="assets/js/particles.min.js"></script> -->
<!--====== Main js ======-->
<script src="assets/js/main.js"></script>
</body>
</html>