This repository was archived by the owner on Nov 22, 2020. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
263 lines (241 loc) · 12.6 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
<!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>víceMÉNĚ - zážitková akce o kontrastu jednoduchosti a zahlcení</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">víceMÉNĚ</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="#uvod">O akci</a>
</li>
<li class="nav-item">
<a class="nav-link js-scroll-trigger" href="#informace">Informace</a>
</li>
<li class="nav-item">
<a class="nav-link js-scroll-trigger" href="#prihlaska">Přihláška</a>
</li>
<li class="nav-item">
<a class="nav-link js-scroll-trigger" href="#tym">Tým</a>
</li>
<li class="nav-item">
<a class="nav-link js-scroll-trigger" href="#kontakt">Kontakt</a>
</li>
</ul>
</div>
</div>
</nav>
<!-- Intro -->
<header class="masthead">
<div class="intro-body">
<div class="container">
<div class="row">
<div class="col-lg-8 mx-auto">
<h1 class="brand-heading">víceMÉNĚ</h1>
<h2>27. 4. – 1. 5. 2018</h2>
<p class="intro-text">Zážitková akce o kontrastu jednoduchosti a zahlcení</p>
<a href="#uvod" class="btn btn-circle js-scroll-trigger">
<i class="fa fa-angle-double-down animated"></i>
</a>
</div>
</div>
</div>
</div>
</header>
<!-- Úvod -->
<section id="uvod" class="content-section text-center">
<div class="container">
<div class="row">
<div class="col-lg-8 mx-auto">
<h2>O akci</h2>
<p><i>Nedokážu se na chvíli zastavit. Každý den se stresuju z toho, co bude zítra. Co mi to dává? Chci takhle žít?</i></p>
<p>Dnešní svět je neobyčejně složitý. Máme práci, koníčky, přátele, partnery. Snažíme se všechno stihnout, plánujeme na měsíce dopředu, pořád se za něčím ženeme. A pak se ptáme, jestli je to opravdu to, co chceme.</p>
<p>víceMÉNĚ ti dá příležitost na chvíli se zastavit. Vnímat přírodu kolem sebe. Objevit krásu v jednoduchých věcech a zažít si jednoduchou radost. A možná si odpovědět na svoje otázky. Třeba si ověříš, že, to jak žiješ, ti vyhovuje. A nebo zjistíš, že potřebuješ změnu.</p>
<p><b>Máš kladný vztah k přírodě? Nevadí ti zmoknout nebo se trochu zapotit? Chceš si odpočinout a trochu se zamyslet? Pojeď s námi!</b></p>
</div>
</div>
</div>
</section>
<!-- Informace -->
<section id="informace" class="download-section content-section text-center">
<div class="container">
<div class="row">
<div class="col-lg-8 mx-auto">
<h2>Praktické Informace</h2>
<dl>
<dt>Kdy</dt>
<dd>27. 4. – 1. 5. 2018<br>Začínáme v pátek večer a končíme v úterý odpoledne</dd>
<dt>Kde</dt>
<dd>Základna Kratizna kousek od Telče</dd>
<dt>Za kolik</dt>
<dd>1300 Kč</dd>
<dt>Pro koho</dt>
<dd>Stačí když je ti alespoň 18</dd>
<dt>Co s sebou</dt>
<dd>Teplý spacák a karimatku. Oblečení na ven. Čelovku.</dd>
</dl>
</div>
</div>
</div>
</section>
<!-- Přihláška -->
<section id="prihlaska" class="content-section text-center">
<div class="container">
<div class="row">
<div class="col-lg-8 mx-auto">
<h2>Přihláška</h2>
<p>Pokud tě víceMÉNĚ zaujalo a chceš se zúčastnit, vyplň, prosím, následující formulář. Do několika dnů ti pošleme další informace,
včetně podrobnějšího dotazníku. Veškeré informace, které nám poskytneš budou sloužit pouze pro účely akce víceMÉNĚ a nikomu dalšímu je neposkytneme.</p>
<p><strong>Přihlašování na akci již skončilo.</strong></p>
<!-- Pokud se změní text, je fajn změnit text při vyplnení formuláře (přes google forms, settings) -->
<!--
<form action="https://docs.google.com/forms/d/e/1FAIpQLScNF9eDIe7EjWnaYJYhxwWbSfSqe2aJokONIwlrVnr2rKeWmA/formResponse" method="post" target="_self">
<div class="row">
<div class="col-md-6">
<div class="form-group">
<label for="jmeno">Jméno a příjmení</label>
<input type="text" id="jmeno" name="entry.723211868" class="form-control" placeholder="Tvoje jméno" required>
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<label for="emailAddress">E-mail</label>
<input type="email" id="emailAddress" name="emailAddress" class="form-control" placeholder="Tvůj e-mail" required>
</div>
</div>
</div>
<div class="form-group">
<label for="zprava">Zpráva</label>
<textarea id="zprava" class="form-control" name="entry.1987355730" placeholder="Chceš nám něco vzkázat?" rows="5"></textarea>
</div>
<button type="submit" class="btn btn-default btn-lg mt-2">Přihlásit se</button>
</form>
-->
</div>
</div>
</div>
</section>
<!-- Tým -->
<section class="content-section text-center" id="tym">
<div class="container">
<div class="row">
<div class="col-lg-12 text-center">
<h2 class="section-heading text-uppercase">Organizátoři</h2>
</div>
</div>
<div class="row">
<div class="col-md-6 col-lg-4">
<div class="team-member">
<img class="mx-auto rounded-circle" src="img/dominika.jpg" alt="">
<h4>Dominika</h4>
<p class="text-muted">Jsem energický optimista, kterého baví předávat svoje nadšení ostatním. Snažím se prozkoumávat šetrnější
alternativy k současným konzumním trendům. Ráda mám všechny věci srovnané, a to jak doma, tak ve svém životě.</p>
</div>
</div>
<div class="col-md-6 col-lg-4">
<div class="team-member">
<img class="mx-auto rounded-circle" src="img/kuba.jpg" alt="">
<h4>Kuba</h4>
<p class="text-muted">Kuba je super. Kuba je super. Kuba je super. Kuba je super. Kuba je super. Kuba je super. Kuba je super. Kuba je super. Kuba je super. Kuba je super. Kuba je super.</p>
</div>
</div>
<div class="col-md-6 col-lg-4">
<div class="team-member">
<img class="mx-auto rounded-circle" src="img/janca.jpg" alt="">
<h4>Janča</h4>
<p class="text-muted">Miluji ty chvíle, kdy zapomínám na čas a není nic důležitějšího než právě teď. Když cvičím Akro-jógu,
když již několikátý den putuji horami, když chodím po lese bosky, když cestuji novou zemí anebo když pořádám akci pro ostatní.
Hledám cestu jak pocit smysluplnosti zažívat všude, i v tom každodenním rušném životě.</p>
</div>
</div>
<div class="col-md-6 col-lg-4">
<div class="team-member">
<img class="mx-auto rounded-circle" src="img/dan.jpg" alt="">
<h4>Dan</h4>
<p class="text-muted">Jsem rozvážný cvok, který si pečlivě promyslí každou šílenost, jen aby ji mohl realizovat. Řídím se mottem:
Nejvíce člověk lituje promarněných příležitostí. Spíš věřím svým schopnostem, nežli pomoci od jiných, a vlastnímu rozumu,
nežli správnosti obecných pravidel. Rád se pohybuji volnou krajinou jakýmkoli způsobem a rád se pohybuji ve společnosti lidí.
V ideálním případě se podaří skloubit oboje.</p>
</div>
</div>
<div class="col-md-6 col-lg-4">
<div class="team-member">
<img class="mx-auto rounded-circle" src="img/kiwi.jpg" alt="">
<h4>kiwi</h4>
<p class="text-muted">Ráda se toulám přírodou, v každém počasí a v každé roční době … nejraději mimo lidské stezky …
a objevuji neobvyklé průhledy do krajiny i malebná zákoutí. Ano, jsem lyrik. Hodiny dokážu zírat do plamenů i do zeleně mechů …</p>
<p class="text-muted">Potkáte mě na kole, běžkách, na vodě. Na horách s baťůžkem i s kabelkou na klasice. Chcu na ferraty – a protože
sny si plním, tak v létě jedeme:)</p>
<p class="text-muted">Dojímá mě, když mi lidi řeknou, že třídí odpad nebo čistí mezizubními kartáčky …</p>
</div>
</div>
<div class="col-md-6 col-lg-4">
<div class="team-member">
<img class="mx-auto rounded-circle" src="img/tom.jpg" alt="">
<h4>Tom</h4>
<p class="text-muted">Pracuju jako programátor, ale považuju se za filozofa, studenta lidské (své) existence.
Zajímá mě prožívání a vyprávění příběhů. Taky rád chodím do přírody, běhám a jsem nadšenec pro barefoot.</p>
</div>
</div>
</div>
</div>
</section>
<!-- Contact Section -->
<section id="kontakt" class="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>
<p class="contact-email">[email protected]</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/776883355854956/" 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">
<p class="large text-muted">Akce je pořádána pod záštitou <a href="http://www.instruktori.cz">Instruktorů Brno</a>.</p>
<p>Copyright © víceMÉNĚ 2018</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>
<!-- Google Maps API Key - Use your own API key to enable the map feature. More information on the Google Maps API can be found at https://developers.google.com/maps/ -->
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCRngKslUGJTlibkQ3FkfTxj3Xss1UlZDA&sensor=false"></script>
<!-- Custom scripts for this template -->
<script src="js/grayscale.min.js"></script>
</body>
</html>