This repository has been archived by the owner on Nov 22, 2020. It is now read-only.
forked from StartBootstrap/startbootstrap-grayscale
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
215 lines (191 loc) · 12.4 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<meta name="author" content="">
<title>Stereo</title>
<!-- Bootstrap Core CSS -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<!-- Custom CSS -->
<link href="css/grayscale.css" rel="stylesheet">
<!-- Custom Fonts -->
<link href="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=Montserrat:400,700" rel="stylesheet" type="text/css">
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body id="page-top" data-spy="scroll" data-target=".navbar-fixed-top">
<!-- Navigation -->
<nav class="navbar navbar-custom navbar-fixed-top" role="navigation">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-main-collapse">
<i class="fa fa-bars"></i>
</button>
<a class="navbar-brand page-scroll" href="#page-top">
<span class="light">Víkendovka</span> Stereo
</a>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse navbar-right navbar-main-collapse">
<ul class="nav navbar-nav">
<!-- Hidden li included to remove active class from about link when scrolled up past about section -->
<li class="hidden">
<a href="#page-top"></a>
</li>
<li>
<a class="page-scroll" href="#about">Úvod</a>
</li>
<li>
<a class="page-scroll" href="#facts">Prakticky</a>
</li>
<li>
<a class="page-scroll" href="#team">Tým</a>
</li>
<li>
<a class="page-scroll" href="#contact">Kontakt</a>
</li>
</ul>
</div>
<!-- /.navbar-collapse -->
</div>
<!-- /.container -->
</nav>
<!-- Intro Header -->
<header class="intro">
<!-- Facebook button -->
<div class="facebook">
<a href="https://www.facebook.com/events/543114492537245/" target="_blank" title="Stereo na Facebooku">
<img src="img/facebook.png" alt="facebook">
</a>
</div>
<div class="intro-body">
<div class="container">
<div class="row">
<div class="col-md-8 col-md-offset-2">
<h1 class="brand-heading">Stereo</h1>
<p class="intro-text italic">Lidi myslí ve stereotypech.<br>Ty nemusíš.</p>
</div>
</div>
</div>
</div>
</header>
<!-- About Section -->
<section id="about" class="container content-section text-center">
<div class="row">
<div class="col-lg-8 col-lg-offset-2">
<h2>Víkendovka Stereo</h2>
<p class="italic">Stovky tváří, stovky prvních dojmů. Čeho si na lidech všímáš a čeho oni na tobě? A záleží na tom? Vydáme se po prošlapaných cestách svých myšlenek, budeme si hrát a rozhlížet se ven i dovnitř.</p>
<p>Stereo je prodlouženě-víkendová zážitková akce pořádaná pod hlavičkou <a href="http://www.instruktori.cz/">Instruktorů Brno</a>. Strávíš při ní čtyři dny v červencové jihomoravské krajině, kde si vyzkoušíš, jak působíš na ostatní a jak oni na tebe. Zažiješ, jaké to je držet se vyjetých kolejí a jaké je naopak vyjeté koleje opustit (a nevykolejit). Tématem víkendu jsou naše myšlenkové stereotypy. Čeká tě i zahradní slavnost, snídaně v trávě a modrý pudink.</p>
<h3>Co na akci potkáte</h3>
<p>Inspirativní lidi, hry, které si jen tak jinde nezahrajete, pohyb (v rozumné míře) a nečekané věci, co sem nemůžeme napsat, aby zůstaly nečekanými.</p>
<h3>Co na akci nepotkáte</h3>
<p>Moc velké psycho, překonávání osobních fyzických limitů, artyčoky.</p>
</div>
</div>
</section>
<!-- Facts Section -->
<section id="facts" class="content-section text-center">
<div class="pacticalities-section">
<div class="container">
<div class="col-lg-8 col-lg-offset-2">
<h2>Praktické informace</h2>
<p>Všechno, co potřebuješ vědět o akci:</p>
<h3>Termín a místo</h3>
<p>Prodloužený víkend 14.–17. 7. 2016 v okolí Hodonína (začátek ve čtvrtek odpoledne, konec v neděli odpoledne).</p>
<h3>Účastníci</h3>
<p>Akce je učena pro přibližně 20 lidí starších 18 let. Uvítáme středoškoláky, čerstvé maturanty, vysokoškoláky ale i mimoškoláky.</p>
<h3>Cena</h3>
<p>Cena akce je 1200,- Kč. Zahrnuje ubytování v skautské klubovně ve vlastním spacáku i stravování po celou dobu akce. Akce je nezisková.</p>
<h3>Storno podmínky</h3>
<p>Storno poplatky č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>
<h3>Přihlašování</h3>
<p>Přihlašování je otevřeno. Neváhej, kapacita kurzu je omezená!<br/>Abychom měli dobře vyvážený kolektiv, hledáme aktuálně hlavně muže.</p>
<p>Kapacita akce byla již naplněna, stále se však můžeš přihlásit jako náhradník.</p>
<a href="http://goo.gl/forms/OV4HDfcJc5" class="btn btn-default btn-lg">Chci jet na Stereo jako náhradník</a>
<h3>Koho tam potkám?</h3>
<p>Podívej se na <a class="link" href="https://www.facebook.com/events/543114492537245/" target="_blank" title="Stereo na Facebooku">událost Stereo na Facebooku</a> a pozvi své přátele taky.</p>
</div>
</div>
</div>
</section>
<!-- Team Section -->
<section id="team" class="content-section text-center">
<div class="team-section">
<div class="container">
<div class="col-lg-8 col-lg-offset-2">
<h2>Organizátorský tým</h2>
<div class="team-left">
<img class="organizer left" src="img/tyna.jpg" />
<h4>Kristýna Vojtíšková</h4>
<p>Ženská část stereo týmu. Šťastná obyvatelka Brna narozená v Chrudimi. Ráda chodím po horách, hraju plážový volejbal a učím se hrát na kytaru. Zcela očekávatelně z týmu rozumím nějmíň počítačům, umím nejlíp vařit a neumím řídit. Ale nebojte, na akci se jede vlakem :-)</p>
<div class="cleaner"> </div>
</div>
<div class="team-right">
<img class="organizer right" src="img/honza.jpg" />
<h4>Jan <span class="orange">"Honza"</span> Páral</h4>
<p>Kutil, má jednu ruku dlouhou a rád jezdí Dezorient expresem. Jeho jediný přání je Opakování ale Troubit na trumpety by se mu taky líbilo. Ohledně své nové desky svým fanouškům vzkazuje: „Já na tom dělám, Jaro léto podzim zima.“</p>
<div class="cleaner"> </div>
</div>
<div class="team-left">
<img class="organizer left" src="img/martin.jpg" />
<h4>Martin Ukrop</h4>
<p>Informatik, který rád hraje netradiční hry a leží venku v trávě. <br/>Nepřetržitě fascinován světem kolem.<br/>Když to jde, vypadnu aspoň na chvíli z města do lesa. Celkem netradičně si večer dám raději kakao než pivo.</p>
<div class="cleaner"> </div>
</div>
<div class="team-right">
<img class="organizer right" src="img/romca.jpg" />
<h4>Roman <span class="orange">"Romča"</span> Štěpánek</h4>
<p>Matematik a žonglér, který rád cestuje stopem, nebo pěšky, nebo zrovna sedí doma. A když sedím doma, tak většinou čtu, spím, nebo připravuju akci. Občas taky dělám akrojógu a jednou se chci naučit jezdit na jednokolce.</p>
<div class="cleaner"> </div>
</div>
<div class="team-left">
<img class="organizer left" src="img/kaluz.jpg" />
<h4>Petr <span class="orange">"Kaluž"</span> Špaček</h4>
<p>Turista a rejpal, který lidi strhává z výšin zpět na zem. Proto nepřekvapí, že mám na starosti rozpočet akce. Užiju si dobrou knížku, slovní hříčku i slovní přestřelku. Spíš než běžet mě uvidíte, jak peču moučník, což je u ajťáka asi celkem nestereotypní pohled.</p>
<div class="cleaner"> </div>
</div>
<div class="team-right">
<img class="organizer right" src="img/matej.jpg" />
<h4>Matěj Klusáček</h4>
<p>Instruktor, který svou racionální a logickou půlku pracovního mozku vyvažuje hrou na piano, sportem a improvizačním divadlem. Milovník životní absurdity a spontánních rozhodnutí. Funkční jen při teplotě do 30°C.</p>
<div class="cleaner"> </div>
</div>
</div>
</div>
</div>
</section>
<!-- Contact Section + footer -->
<section class="content-section text-center">
<div class="contact-section">
<div class="container">
<div id="contact" class="col-lg-8 col-lg-offset-2">
<h2>Kontakt</h2>
<a href="http://www.instruktori.cz/"><img id="footer-sova" src="img/footer-sova.png" /></a>
<p>Stereo je akce pořádaná pod hlavičkou <a href="http://www.instruktori.cz/">Instruktorů Brno</a>.</p>
<p>Jakékoliv dotazy ohledně akce nám pište emailem přímo na adresu <a href="mailto:[email protected]">[email protected]</a></p>
</div>
<div id="footer" class="col-lg-8 col-lg-offset-2">
<p>Webdesign Martin Ukrop 2015, založeno na motivu <a href="http://startbootstrap.com/template-overviews/grayscale/">Grayscale</a><br/>úvodní obrázek z akce <a href="http://doztracena.instruktori.cz/">Do Ztracena 2015</a> (© 2015 Instruktoři Brno), <a href="https://www.flickr.com/photos/russellstreet/4136430123/">obrázek trávy</a> (<a href="https://creativecommons.org/licenses/by-sa/2.0/">CC BY-SA 2.0</a> russellstreet), <br/><a href="https://www.flickr.com/photos/pkmousie/8520438004/">obrázek mechu</a> (<a href="https://creativecommons.org/licenses/by-nc-sa/2.0/">CC BY-NC-SA 2.0</a> Peter Kemmer)</p>
</div>
</div>
</div>
</section>
<!-- jQuery -->
<script src="js/jquery.js"></script>
<!-- Bootstrap Core JavaScript -->
<script src="js/bootstrap.min.js"></script>
<!-- Plugin JavaScript -->
<script src="js/jquery.easing.min.js"></script>
<!-- Custom Theme JavaScript -->
<script src="js/grayscale.js"></script>
</body>
</html>