-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
331 lines (288 loc) · 20.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
<!DOCTYPE html>
<html lang="cs">
<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="">
<title>O přátelství a lidech</title>
<!-- Bootstrap core CSS -->
<link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<!-- Custom fonts for this template -->
<link href="vendor/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
<link href="https://fonts.googleapis.com/css?family=Lora:400,700,400italic,700italic" rel="stylesheet" type="text/css">
<link href='https://fonts.googleapis.com/css?family=Cabin:700' rel='stylesheet' type='text/css'>
<!-- Custom styles for this template -->
<link href="css/grayscale.min.css" rel="stylesheet">
</head>
<body id="page-top">
<!-- Navigation -->
<nav class="navbar navbar-expand-lg navbar-light fixed-top" id="mainNav">
<div class="container">
<a class="navbar-brand js-scroll-trigger" href="#page-top">O přátelství a lidech</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">
Menu
<i class="fa fa-bars"></i>
</button>
<div class="collapse navbar-collapse" id="navbarResponsive">
<ul class="navbar-nav ml-auto">
<li class="nav-item">
<a class="nav-link js-scroll-trigger" href="#about">O čem to je</a>
</li>
<li class="nav-item">
<a class="nav-link js-scroll-trigger" href="#info">Praktické info</a>
</li>
<li class="nav-item">
<a class="nav-link js-scroll-trigger" href="#application">Přihláška</a>
</li>
<li class="nav-item">
<a class="nav-link js-scroll-trigger" href="#team">Tým</a>
</li>
<li class="nav-item">
<a class="nav-link js-scroll-trigger" href="#contact">Kontakt</a>
</li>
</ul>
</div>
</div>
</nav>
<!-- Intro Header -->
<header class="masthead bg-img-podklad">
<div class="intro-body">
<div class="container">
<div class="row">
<div class="col-lg-12 mx-auto">
<h2 class="add-top-margin">O přátelství a lidech</h2>
<p class="intro-text">Přátelství se někdy skládá ze spousty maličkostí…</p>
</div>
</div>
<div class="row">
<img src="img/komiks-1.jpg" id="komiks-1" class="komiks rounded">
<img src="img/komiks-2.jpg" id="komiks-2" class="komiks rounded">
<img src="img/komiks-3.jpg" id="komiks-3" class="komiks rounded">
</div>
<div class="row">
<div class="col-lg-12 mx-auto">
<p class="intro-text">… někdy je potřeba silný společný zážitek.</p>
</div>
<img src="img/komiks-4.jpg" id="komiks-4" class="komiks-wide rounded">
<img src="img/komiks-5.jpg" id="komiks-5" class="komiks-wide rounded">
</div>
<div class="row">
<div class="col-lg-12 mx-auto">
<p class="intro-text">Někdy je to jednoduché, a někdy se naopak všechno příliš zamotá. Zajímá tě, jak to vlastně v lidských přátelstvích chodí? Jak se tvoří a proč se někdy cesty dvou přátel rozejdou? A jaká přátelství zažívají ostatní lidé?</p>
</div>
<div class="col-lg-12 mx-auto">
<p class="intro-text">Potom je akce O přátelství a lidech možná právě pro tebe…</p>
</div>
<img src="img/komiks-6.jpg" id="komiks-6" class="komiks-max rounded">
</div>
</div>
</div>
</header>
<section id="about" class="about-section content-section">
<div class="container">
<div class="row">
<div class="col-lg-12 mx-auto">
<h2>O čem to je</h2>
</div>
</div>
<div class="row">
<div class="col-lg-12 mx-auto">
<p>O přátelství a lidech je zážitkový kurz, na kterém se budeme zabývat tématem přátelství. Čeká tě prodloužený víkend (4 dny) plný zážitků, intenzivního programu a mladých, inspirativních lidí. Pojeď s námi užít si jara uprostřed krásné horské přírody, rozvinout svá současná přátelství a třeba i najít nějaká nová.</p>
<h4>Co na akci čekat</h4>
<p>Intenzivní a zároveň rozumně vyvážený program, který má smysl a přesah. Aktivity mohou být fyzicky i psychicky náročné, diskuzní, sebereflektivní nebo sportovní. Čeká tě legrace, zajímaví lidé, opravdovost. Jako na dalších zážitkových akcích platí, že co z programu vytěžíš, záleží hodně na tom, co do něj vložíš.</p>
<h4>Co naopak nečekat</h4>
<p>Nejde o psychoterapii – pokud máš vážnější problémy ve vztazích s ostatními lidmi, na naší akci je nevyřešíš. Rovněž na tebe nečekají žádné přednášky nebo poučování.</p>
<p>Nečekej také žádné hromady materiálu. Na akci chceme dovézt co nejméně věcí a co nejlépe je využít. Zároveň věříme, že nám čas ušetřený běháním kolem materiálu umožní strávit více času s účastníky. A na to se opravdu těšíme!</p>
</div>
</div>
</div>
</section>
<section class="content-section bg-img-ocem-prakticke">
</section>
<section id="info" class="info-section content-section">
<div class="container">
<div class="row row-info">
<div class="column column-info col-lg-12 mx-auto">
<h2>Praktické informace</h2>
<p><b>Kdy a kde:</b> 6.—10. 5. 2022 (pátek-úterý) na chatě v Rychlebských horách. Objekt je v malebné krajině, ale není z nejnovějších. Pokud trpíš alergiemi na prach, roztoče atd. a chceš se účastnit, napiš nám, poskytneme víc informací a domluvíme se.</p>
<p><b>Pro koho:</b> Skupinu maximálně 24 mladých dospělých. Úč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. </p>
<p><b>Do kdy se přihlásit:</b>
Přihlašování na kurz je již uzavřeno.</p>
<p><b>Za kolik:</b> 3 000–3 500 Kč</p>
<p>Částka je plovoucí, protože chceme zohlednit různé finanční možnosti zájemců o akci a také současnou situaci. Kurz zvládneme připravit i se základní částkou, ale každá koruna navíc nám umožní udělat jej ještě lepší. Tedy např. jsi-li studentem, neboj se poslat nižší sumu. Naopak je-li to ve tvých možnostech a chceš nás podpořit, můžeš to v zaslané částce zohlednit.</p>
<p><b>Storno a covid:</b> Světem a Českou republikou zatím stále hýbe téma koronaviru, který je nepředvídatelný a umí změnit plány na poslední chvíli. Proto i my situaci sledujeme a akce proběhne, pokud to bude bezpečné a v souladu s aktuálními nařízeními. Pokud bychom se nemohli potkat – ať už z důvodu zrušení akce, nebo kdybys měl nějaké zdravotní potíže spojené s covidem – samozřejmě ti vrátíme plnou cenu zaplacenou za kurz.</p>
<p>Samozřejmě může nastat i jiná situace, která ti zabrání jet. Storno poplatky v tom případě činí 30 % (odhlášení více než 30 dní před započetím akce), 50 % (30 až 10 dní), 90 % (9 až 1 den předem) či 100 % (v den započetí akce či později). V případě zrušení akce ze strany organizátorů vracíme 100 % uhrazené částky.</p>
</div>
</div>
</div>
</section>
<section class="content-section bg-img-lidi">
</section>
<section id="application" class="application-section content-section">
<div class="container">
<div class="row">
<div class="column column-info col-lg-12 mx-auto">
<h2>Přihláška</h2>
</div>
</div>
<div class="col-lg-12 mx-auto brand-background">
<p class="prihlaska-comment"></p>
<p>Přihlašování na kuryź je již uzavřeno.</p>
</div>
<div class="row">
<img src="img/komiks-prihlaska.jpg" id="komix-prihlaska" class="komiks-max rounded">
</div>
<div class="row">
<div class="column column-info col-lg-12 mx-auto">
<p>A jestli nás ještě nesleduješ na
<a href="https://www.facebook.com/events/4724520604310167"> Facebooku</a>
, honem to naprav, ať ti nic neunikne. :)</p>
</div>
</div>
</div>
</section>
<section class="content-section bg-img-prihlaska-tym">
</section>
<section id="team" class="team-section content-section">
<div class="container">
<div class="row">
<div class="col-lg-12 mx-auto">
<h2>Tým</h2>
</div>
</div>
<div class="row">
<div class="column column-info col-lg-12 mx-auto">
<p>A kdo že to vlastně chystá? Maara, Kája, Rissie, Glum, Marťa a Haňule - dobrovolníci z <a href="https://www.instruktori.cz/">Instruktorů Brno</a>. Tady si můžeš přečíst, co se o každém z nich v našem týmu povídá.</p>
</div>
</div>
<div class="row-centered text-center org d-flex align-items-start flex-wrap">
<div class="col-lg-6 col-centered wide-margin">
<h3>Maara</h3>
<img class="rounded-circle" src="img/maara.jpg" alt="">
<h5>Kdo je Maara?</h5>
<p>Maara je hudebník srdcem i duší. Zahraje téměř na cokoli a ochotně to učí i své kamarády. Jeho domácnost tvoří z půlky hudebniny, z půlky hamaky. To je fakt! Když zrovna na nic nebrnká nebo nepospává v hamace, hraje hry deskové i počítačové a popíjí přitom Kofolu.</p>
<h5>Kterou večerníčkovou postavu nám nejvíc připomíná a čím?</h5>
<p>Maxipes Fík – protože to je veliký a citlivý dobrák, který toho hodně sní a ochotně svým přátelům pomáhá.</p>
<h5>Podle čeho si Maara vybírá přátele?</h5>
<p>Maara nerad vaří, takže se jeho kamarádem pravděpodobně stane ten, kdo mu něco dobrého ukuchtí. Nebo kdo si s ním zabrnká na kytaru či zahraje deskovku. Třeba Mars.</p>
</div>
<div class="col-lg-6 col-centered wide-margin">
<h3>Kája</h3>
<img class="rounded-circle" src="img/kaja.jpg" alt="">
<h5>Kdo je Kája?</h5>
<p>Paní doktorka, co ošetří každé zranění. Její předností je, že vám většinou nebude zavazet ve výhledu (vsedě ani vestoje). Co nepobrala co do výšky, dohání pracovitostí, velkým srdcem a velkým mozkem. Je to workoholik a veselá bytost, množstvím energie by občas předběhla i králíčka Duracella. V týdnu spí málo a o víkendech moc, ale dobrou náladu má téměř neustále.</p>
<h5>Kterou večerníčkovou postavu nám nejvíc připomíná a čím?</h5>
<p>Bobek - protože se mu ráno nechce vstávat, ale když už se do něčeho pustí, je celkem akční. A taky je to ten menší.</p>
<h5>Podle čeho si Kája vybírá přátele?</h5>
<p>Dostatečně mladé a zdravé, aby je nepotkala při práci v pitevně. Má ráda větší lidi než je sama, protože jinak by nemohla mít ráda žádné lidi. Navíc jí můžou podávat věci z míst, kam ona nedosáhne.</p>
</div>
</div>
<div class="row-centered text-center org d-flex align-items-start flex-wrap">
<div class="col-lg-6 col-centered wide-margin">
<h3>Rissie</h3>
<img class="rounded-circle" src="img/rissie.jpg" alt="">
<h5>Kdo je Rissie?</h5>
<p>Občas je veselá, akční a praštěná, ale jak jí dojde energie, tak připomíná chcíplého lachtana. To se jí pak radši kliďte z cesty. Jinak s oblibou čte a očichává knížky a v zimě leze do studené vody. Taky zapomíná všechno a všechny – to sice dělá nerada, ale nemá na vybranou. Jednou zapomene i to, že pořádala tuto akci.</p>
<h5>Kterou večerníčkovou postavu nám nejvíc připomíná a čím?</h5>
<p>Šebestovou – je to děvče rozumné, kterému se dějí různá příkoří. Navíc je Šebestová ztřeštěná, dobromyslná, pomáhá druhým a má moc ráda zvířata.</p>
<h5>Podle čeho si Rissie vybírá přátele?</h5>
<p>Přece podle toho, jak moc jsou zajímaví a akční a divní. Čím divnější, tím lepší. Taky pomáhá, když si rádi přečtou i něco delšího než příspěvky na Twitteru.</p>
</div>
<div class="col-lg-6 col-centered wide-margin">
<h3>Glum</h3>
<img class="rounded-circle" src="img/glum.jpg" alt="">
<h5>Kdo je Glum?</h5>
<p>Glum je rychlý běžec, srdcař, vtipálek a pořadatel slizových bitev. Pro akci i pro tým by se rozkrájel (a pro účastníky samozřejmě taky, nebojte). Pokud ho vidíte brnkat s Maarou na kytaru, směle se přibližte. Pokud směrem k vám běží lesem, zabahněný a se šíleným leskem v očích, raději utíkejte. Jinak vás dožene a v tom bahně vyválí.</p>
<h5>Kterou večerníčkovou postavu nám nejvíc připomíná a čím?</h5>
<p>Kavku ze Štaflíka a Špagetky, protože je dobromyslně škodolibá a rychle vezme do zaječích, když ji chce někdo praštit.</p>
<h5>Podle čeho si Glum vybírá přátele?</h5>
<p>Podle toho, jestli je na ně spoleh a může si z nich dělat legraci. Taky se hodí, když umějí péct dorty nebo Gluma prostě něčím nakrmí. A podle toho, jak moc s ním chtějí jezdit do hor nebo na vodu.</p>
</div>
</div>
<div class="row-centered text-center org d-flex align-items-start flex-wrap">
<div class="col-lg-6 col-centered wide-margin">
<h3>Marťa</h3>
<img class="rounded-circle" src="img/marta.jpg" alt="">
<h5>Kdo je Marťa?</h5>
<p>Hlavu má věčně v oblacích, takže na cestách občas narazí čelem přímo do stromu. Ráda vymýšlí nové věci (a blbosti). Když nelítá v myšlenkách, lítá s vařečkou v kuchyni. Její profese je dost psycho. Psychologii i učí a prý jí to baví. Ráda sedává ve svém ušáku Strandmon, píše deník a popíjí k tomu lahodný čaj.</p>
<h5>Kterou večerníčkovou postavu nám nejvíc připomíná a čím?</h5>
<p>Makovou panenku, protože často nosí sukni, má ráda makový buchty a když lidi používají svoji makovici. Taky má pořádný kukadla, a aby s nimi lépe viděla, tak taky pěkně velký brýle! Když budete chtít, můžete si s ní zatančit.</p>
<h5>Podle čeho si vybírá přátele?</h5>
<p>Hlavní je, aby měli velký srdíčko. A žaludek, protože jim ráda vaří. Taky chce, aby s ní chodili na výlety a do kaváren (nebo na výlety do kaváren). Významné plus mají, když Marti opraví věci, které rozbila.</p>
</div>
<div class="col-lg-6 col-centered wide-margin">
<h3>Haňule</h3>
<img class="rounded-circle" src="img/hanule.jpg" alt="">
<h5>Kdo je Haňule?</h5>
<p>Haňule je akční žena! Můžeš ji potkat v lanáči, kde pracuje a srovnává děti do latě. Jinak je přímá, upřímná a moc se s tím neštve. S čím? Přece s ničím! Profesně prošla proměnou od popírače psychologie po studenta psychologie a ve volném čase se učí krotit struny na kytaře.</p>
<h5>Kterou večerníčkovou postavu nám nejvíc připomíná a čím?</h5>
<p>Jerryho (Tom a Jerry) – protože to je trochu potměšilý, pobíhající mrňous, co rád svádí věci na ostatní. Ale taky je to věrný kámoš. Jako nepřátele si vybírá ty, co jsou větší než on, protože to je výzva… i když to pak většinou stejně končí prohrou.</p>
<h5>Podle čeho si Haňule vybírá přátele?</h5>
<p>Musí to být fešáci (a to my všichni jsme!) a musí se na ně dát svádět věci. A taky musí být akční, žádní líní kapustňáci! A musí mít zdravá kolena, aby mohli Haňuli pomáhat a ona se přitom mohla smát jako Jerry.</p>
</div>
</div>
</div>
</section>
<section class="content-section bg-img-tym-kontakt">
</section>
<section id="contact" class="contact-section content-section text-center">
<div class="container">
<div class="row">
<div class="col-lg-8 mx-auto">
<h2>Kontakt</h2>
<p>Pokud máš jakýkoli dotaz, neváhej se nám ozvat:
<p class="contact-email"><a href="mailto:[email protected]">[email protected]</a></p>
<!-- <p>Sdílej tuto akci na Facebooku.</p>
<ul class="list-inline banner-social-buttons">
<li class="list-inline-item">
<a href="https://www.facebook.com/events/2186091201677878" class="btn btn-default btn-lg">
<i class="fa fa-facebook fa-fw"></i>
<span class="network-name">Facebook</span>
</a>
</li>
</ul> -->
</div>
</div>
</div>
</section>
<!-- Footer -->
<footer>
<div class="container text-center">
<a href="http://www.instruktori.cz/"><img id="footer-sova" src="img/footer-sova.png" /></a>
<p class="large">Akce je pořádána pod záštitou <a href="http://www.instruktori.cz">Instruktorů Brno</a>.</p>
<p>Založeno na motivu <a href="http://startbootstrap.com/template-overviews/grayscale/">Grayscale</a></p>
</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>
<!-- Custom scripts for this template -->
<script src="js/grayscale.min.js"></script>
<!-- Paralax -->
<script>
(function(){
var parallax = document.querySelectorAll("body"),
speed = -0.1;
window.onscroll = function(){
[].slice.call(parallax).forEach(function(el,i){
var windowYOffset = window.pageYOffset,
elBackgrounPos = "50% " + (windowYOffset * speed) + "px";
el.style.backgroundPosition = elBackgrounPos;
});
};
})();
</script>
<!-- Years -->
<script>
$.getJSON('/years.json', function(data) {
$('#years').html('');
for (var name in data) {
$('#years').append('<a class="dropdown-item" href="' + data[name] + '">' + name + '</a>')
}
});
</script>
</body>
</html>