-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
274 lines (265 loc) · 21.1 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
<!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="" />
<title>Do Ztracena - Instruktoři Brno</title>
<link rel="icon" type="image/x-icon" href="assets/img/favicon.ico" />
<!-- Font Awesome icons (free version)-->
<script src="https://use.fontawesome.com/releases/v5.13.0/js/all.js" crossorigin="anonymous"></script>
<!-- Google fonts-->
<link href="https://fonts.googleapis.com/css?family=Varela+Round" rel="stylesheet" />
<link href="https://fonts.googleapis.com/css?family=Nunito:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i" rel="stylesheet" />
<!-- Core theme CSS (includes Bootstrap)-->
<link href="css/styles.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">Do Ztracena...</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="fas 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="#na_co_se_tesit">Na co se těšit</a></li>
<li class="nav-item"><a class="nav-link js-scroll-trigger" href="#dobre_vedet">Dobré vědět</a></li>
<li class="nav-item"><a class="nav-link js-scroll-trigger" href="#kdo_jsme">Kdo jsme</a></li>
<li class="nav-item"><a class="nav-link js-scroll-trigger" href="#prihlaska">Přihláška</a></li>
</ul>
</div>
</div>
</nav>
<!-- Masthead-->
<header class="masthead">
<div class="container d-flex h-100 align-items-center">
<div class="mx-auto text-center">
<h1 class="mx-auto my-0 text-uppercase"><img src="assets/img/logo.png" alt="Do Ztracena" /></h1>
</div>
</div>
</header>
<!-- druha hlavicka-->
<!-- Na co se těšit-->
<section class="projects-section bg-light" id="na_co_se_tesit">
<div class="container">
<div class="row align-items-center no-gutters mb-4 mb-lg-5">
<div class="col-xl-8 col-lg-7"><img class="img-fluid mb-3 mb-lg-0" src="assets/img/klid.jpg" alt="" /></div>
<div class="col-xl-4 col-lg-5">
<div class="featured-text text-center text-lg-left">
<p class="text-black-50 mb-0">Svět se občas točí příliš rychle a je snadné zapomenout, kam se náš klid poděl. </br></br>
Naštěstí se ale neztratí nenávratně, vždycky se dá znova najít – ve vůni jablka, v pohledu do krajiny, v namáhavé práci nebo v tichu… </br></br>
Někdo najde klid v pohybu, jiný v příbězích a ten další třeba v neklidu. </p> </br></br>
<h4>Kde svůj klid nacházíš ty? </h4>
</div>
</div>
</div>
</section>
<!-- Dobré vědět-->
<section class="about-section2 text-center" id="dobre_vedet">
<div class="container">
<div class="row">
<div class="col-lg-auto mx-auto">
<h3>Co je dobré vědět?</h3>
<p class="text-black text-lg-left">Do Ztracena je zážitkový kurz o zklidnění, zpřítomnění a radosti v životě. Nabízí možnost vytrhnout se z uspěchaného světa, soustředit se na přítomný okamžik a objevovat krásu krajiny, které jsme součástí.
<h4 class="text-black text-lg-left">Kdy?</h4>
<p class="text-black text-lg-left">Středa 2. září (odpoledne či večer) až neděle 6. září 2020.</p>
<h4 class="text-black text-lg-left">Kde?</h4>
<p class="text-black text-lg-left">Na staré hájence na louce u lesa, na severním pomezí Čech a Moravy a daleko od ruchu města.</p>
<h4 class="text-black text-lg-left">Kdo?</h4>
<p class="text-black text-lg-left">Skupina dospělých lidí ochotných sdílet své životní příběhy a zkušenosti. Účastníky budeme vybírat, abychom měli na akci věkově vyváženou skupinu mužů a žen.</p>
<h4 class="text-black text-lg-left">Za kolik?</h4>
<p class="text-black text-lg-left">2 800 – 3 500 Kč podle tvých možností. </br> </br>
<b>Jak ceně rozumět?</b> </br>
Rádi bychom z účastnických poplatků bezpečně pokryli všechny nutné výdaje, ale zároveň chceme, aby výše ceny nebyla překážkou pro ty, jejichž zdroje jsou skromnější. S vyšší vybranou částkou se pojí vyšší komfort na akci.</br>
Pokud se nacházíš ve složitější finanční situaci, ale Ztraceno tě přesto láká, neváhej se nám ozvat, něco vymyslíme.</p>
<h4 class="text-black text-lg-left">Do kdy se přihlásit?</h4>
<p class="text-black text-lg-left">Přihlášky přijímáme do 31. července 2020. Čím dřív se ale přihlásíš, tím větší šance, že ti místo na kurzu někdo nevyfoukne.</p>
<h4 class="text-black text-lg-left">A co virus?</h4>
<p class="text-black text-lg-left">Světem 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 na Ztracenu nemohli potkat – ať už z důvodu zrušení akce, nebo kdybys měl nějaké zdravotní potíže – samozřejmě ti vrátíme plnou cenu zaplacenou za kurz. </p>
<h4 class="text-black text-lg-left">Ještě něco?</h4>
<p class="text-black text-lg-left">Přípravy akce můžeš <a href="http://fb.com/events/726639094806703/">sledovat na Facebooku</a>. A pokud se chceš na cokoli zeptat, napiš nám na <a href="mailto:[email protected]">[email protected]</a>.</p>
</div>
</div>
</div>
</section>
<!-- Zážitková akce-->
<section class="projects-section bg-light" id="zazitkova akce">
<div class="container">
<div class="row align-items-center no-gutters mb-4 mb-lg-5">
<div class="col-xl-8 col-lg-7"><img class="img-fluid mb-3 mb-lg-0" src="assets/img/zazitkovka.jpg" alt="" /></div>
<div class="col-xl-4 col-lg-5">
<div class="featured-text text-center text-lg-left">
<h4>Zážitková akce</h4>
<p class="text-black-50 mb-0">Metoda zážitkové pedagogiky je jeden ze způsobů, jak realizovat vzdělávací a seberozvojové kurzy. Vycházíme z principu, že nejlépe se člověk učí vlastní zkušeností - a to ideálně v bezpečném prostředí. </br>
Na kurzu zažiješ širokou mozaiku aktivit, u kterých nejde pouze o zábavu a využití volného času. Může se jednat o programy zaměřené na spolupráci nebo tvořivost, divadelní a dramatická cvičení, sportovní aktivity, diskuze nad silnými tématy nebo sebepoznávací, psychicky náročné hry. A budeme také mít prostor na to spolu jen tak být. </br>
<a class="js-scroll-trigger" href="#prihlaska">Chceš s námi zažít Do Ztracena?</a></p>
</div>
</div>
</div>
</section>
<!-- Kdo jsme-->
<section class="projects-section bg-light" id="kdo_jsme">
<div class="container">
<!-- Medailonek Ani-->
<div class="row justify-content-center no-gutters mb-5 mb-lg-0">
<div class="col-lg-6 text-center jz-up">
<img class="img-fluid project-text" src="assets/img/medajlonek_ani.png" alt="" /></div>
<div class="col-lg-6">
<div class="bg-strom text-center h-100 project">
<div class="d-flex h-100">
<div class="project-text w-100 my-auto text-center text-lg-left">
<h4 class="text-black">Ani Macková</h4>
<p class="mb-0 text-black">Jsem. Jsem žena, ač někdy s až moc analytickým myšlením. Jsem duší čarodějka a mým životním snem je být jednou bába bylinkářka. Jsem zimní tvor, křupání sněhu pod nohama je můj oblíbený zvuk. A jsem matka, díky čemuž podstupuji už šestým rokem vysokou školu na téma „jak si udržet vnitřní klid“. </br>
Odpověď zatím nacházím v pochopení sebe sama, v praktikování a poznávání jógy nejen jako fyzického cvičení a ve vědomí, že jsem právě tam, kde mám být. </p>
<hr class="d-none d-lg-block mb-0 ml-0" />
</div>
</div>
</div>
</div>
</div>
<!-- Medailonek Rissie-->
<div class="row justify-content-center no-gutters">
<div class="col-lg-6 text-center jz-up">
<img class="img-fluid project-text" src="assets/img/medajlonek_risie.png" alt="" /></div>
<div class="col-lg-6 order-lg-first">
<div class="bg-strom text-center h-100 project">
<div class="d-flex h-100">
<div class="project-text w-100 my-auto text-center text-lg-right">
<h4 class="text-black">Rissie Janská</h4>
<p class="mb-0 text-black">Jsem kreativec a milovnice přírody. V práci píšu knížky pro děti, ve volném čase nejčastěji běhám po venku, cvičím jógu, zpívám si sama pro sebe, čtu a sním.</br>
Klid nacházím v putování natěžko přírodou, v cestování, které mě vytrhne ze stereotypu, v józe a koncentraci na své tělo. Často mi taky ke klidu pomáhají příběhy, ať už knižní, filmové nebo divadelní. A v poslední době mi nejvíc klidu přináší ranní studená sprcha.</p>
<hr class="d-none d-lg-block mb-0 mr-0" />
</div>
</div>
</div>
</div>
</div>
<!-- Medailonek Entiro-->
<div class="row justify-content-center no-gutters mb-5 mb-lg-0">
<div class="col-lg-6 text-center jz-up">
<img class="img-fluid project-text" src="assets/img/medajlonek_entiro.png" alt="" /></div>
<div class="col-lg-6">
<div class="bg-strom text-center h-100 project">
<div class="d-flex h-100">
<div class="project-text w-100 my-auto text-center text-lg-left">
<h4 class="text-black">Honza "Entiro" Němec</h4>
<p class="mb-0 text-black">Jsem pragmatik a snílek v jednom a poslední dobou i tak trochu cynik. Užívám si přírodu, cvičení ve fitku, práci rukama, knížky, praskající oheň v krbu nebo v ohništi a mám zidealizovaný obraz důchodu, kdy budu rentiérem v pětapadesáti a budu se jen zabývat charitou, dobrovolnictvím, cestovat a starat se o barák a zahradu. Do té doby ale užívám svých schopností k zlepšení života lidem v kancelářích. </br>
Klid asi ani moc nehledám. Začíná se mi často stávat, že si najde on mne, když to nejmíň čekám. Že v situacích, kdy bych měl být ve stresu jsem naopak nadmíru klidný. Ale když už se cíleně snažím uklidnit, tak pohled do rozlehlé krajiny pomáhá nejlíp v kombinaci se zkoušením být v ty dané chvíle mindfull - ale to je pořád v procesu učení.</p>
<hr class="d-none d-lg-block mb-0 ml-0" />
</div>
</div>
</div>
</div>
</div>
<!-- Medailonek Glum-->
<div class="row justify-content-center no-gutters">
<div class="col-lg-6 text-center jz-up">
<img class="img-fluid project-text" src="assets/img/medajlonek_glum.png" alt="" /></div>
<div class="col-lg-6 order-lg-first">
<div class="bg-strom text-center h-100 project">
<div class="d-flex h-100">
<div class="project-text w-100 my-auto text-center text-lg-right">
<h4 class="text-black">Matěj "Glum" Píro</h4>
<p class="mb-0 text-black">Jsem skaut a prazvláštní kartograf. Človíček, co má rád vysoké hory, svižně proudící řeky, zvuky kytar u ohně a knihovníka z Terryho Pratchetta.</br>
Občas pobíhám po lesích a občas se hrbím u počítače. Rád si dvakrát promyslím než něco udělám, ale když už se rozhodnu, jen zřídka mne od cíle něco odradí.</br>
Občas víc a občas míň, ale stále víc než by mi bylo milo, mám problém s tím, že dělám víc věcí, než bych potřeboval. Některé jsou pracovní, ale velká část je zájmových. Mám pak problém s roztěkaností a nerudností, když mám dojem, že nestíhám tak jak bych chtěl. Klid mi přináší uspokojení z dobře odvedené práce, ležení v posteli s rozbolavělým tělem po dlouhém běhu a vícedenní putování po přírodě.</p>
<hr class="d-none d-lg-block mb-0 mr-0" />
</div>
</div>
</div>
</div>
</div>
<!-- Medailonek Zajda-->
<div class="row justify-content-center no-gutters mb-5 mb-lg-0">
<div class="col-lg-6 text-center jz-up">
<img class="img-fluid project-text" src="assets/img/medajlonek_zajda.png" alt="" /></div>
<div class="col-lg-6">
<div class="bg-strom text-center h-100 project">
<div class="d-flex h-100">
<div class="project-text w-100 my-auto text-center text-lg-left align-items-center">
<h4 class="text-black">Jiří "Zajda" Zajíc</h4>
<p class="mb-0 text-black">Jsem táta fascinovaný znovuobjevováním světa očima svého malého syna. </br>
Jsem technik fascinovaný hledáním vnitřní logiky v tom, proč se věci dějí. </br>
Jsem normální člověk hledající svůj smysl života a místo na světě.</br>
Jsem idealista, který věří, že vždy existuje řešení, které funguje pro všechny.</p>
<hr class="d-none d-lg-block mb-0 ml-0" />
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Předchozí ročníky-->
<!-- Přihláška-->
<section class="signup-section" id="prihlaska">
<div class="container">
<div class="row">
<div class="col-md-10 col-lg-8 mx-auto text-center">
<img src="assets/img/logo_male.png"/>
<h2 class="text-white mb-5">Pojeď Do Ztracena…</h2>
<form class="form-inline d-flex"><button class="btn btn-primary mx-auto">Přihlašování je bohužel již uzavřeno</button></form>
</div>
</div>
</div>
</section>
<!-- Contact-->
<section class="contact-section bg-black">
<div class="container">
<div class="row">
<div class="col-md-4 mb-3 mb-md-0">
<div class="card py-4 h-100">
<div class="card-body text-center">
<i class="fas fa-users text-primary mb-2"></i>
<h4 class="text-uppercase m-0">Pořadatel</h4>
<hr class="my-4" />
<div class="small text-black-50"><a href="https://www.instruktori.cz/kontakt/"></a>Instruktoři Brno, z.s.</div>
</div>
</div>
</div>
<div class="col-md-4 mb-3 mb-md-0">
<div class="card py-4 h-100">
<div class="card-body text-center">
<i class="fas fa-envelope text-primary mb-2"></i>
<h4 class="text-uppercase m-0">Email</h4>
<hr class="my-4" />
<div class="small text-black-50"><a href="mailto:[email protected]">[email protected]</a></div>
</div>
</div>
</div>
<div class="col-md-4 mb-3 mb-md-0">
<div class="card py-4 h-100">
<div class="card-body text-center">
<i class="fab fa-facebook-square text-primary mb-2"></i>
<h4 class="text-uppercase m-0">Facebook</h4>
<hr class="my-4" />
<div class="small text-black-50"><a href="https://www.facebook.com/doztracena/">Stránka Do Ztracena...</a></div>
<div class="small text-black-50"><a href="http://fb.com/events/726639094806703/">Událost Do Ztracena... 2020</a></div
http://fb.com/events/726639094806703/
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Footer-->
<footer class="footer bg-black small text-center text-white-50">
<div class="container">
<p>
<a href="http://www.instruktori.cz/"><img src="assets/img/footer-sova.png" alt="Instruktoři Brno" /></a>
</p> <p>
Do Ztracena je akce pořádaná pod hlavičkou <a href="http://www.instruktori.cz/">Instruktorů Brno</a></br>
<a href="https://www.instruktori.cz/zasady-zpracovani-osobnich-udaju/">Zásady zpracování osobních údajů</a></br>
Jakékoliv dotazy ohledně akce nám můžete psát na adresu <a href="mailto:[email protected]">[email protected]</a></br>
Založeno na motivu <a href="http://startbootstrap.com/template-overviews/grayscale/">Grayscale</a></p>
</div>
</footer>
<!-- Bootstrap core JS-->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.bundle.min.js"></script>
<!-- Third party plugin JS-->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.4.1/jquery.easing.min.js"></script>
<!-- Core theme JS-->
<script src="js/scripts.js"></script>
</body>
</html>