-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
179 lines (136 loc) · 9.16 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
<!doctype html>
<html class="no-js" lang="">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-NS88KPR');</script>
<!-- End Google Tag Manager -->
<title>Hľadáme 100 statočných | </title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="apple-touch-icon" href="apple-touch-icon.png">
<!-- Place favicon.ico in the root directory -->
<meta property="og:title" content="Pomôž nám ich nájsť" />
<meta property="og:image" content="http://100statocnych.sk/dist/images/fb_share.png" />
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="630" />
<meta property="og:description" content="Pomôž nám nájsť 100 statočných - nových darcov krvných doštičiek - stačí, keď odpovieš na týchto pár otázok (zaberie ti 5 minút)" />
<meta property="og:type" content="website" />
<meta property="og:url" content="http://100statocnych.sk/" />
<meta name="twitter:card" content="summary" />
<meta name="twitter:url" content="http://100statocnych.sk/" />
<meta name="twitter:image" content="http://100statocnych.sk/dist/images/fb_share.png" />
<meta name="twitter:title" content="Pomôž nám ich nájsť" />
<meta name="twitter:description" content="Pomôž nám nájsť 100 statočných - nových darcov krvných doštičiek - stačí, keď odpovieš na týchto pár otázok (zaberie ti 5 minút)" />
<link rel="stylesheet" href="dist/css/main.css?v=2017121888">
<link href="https://fonts.googleapis.com/css?family=Montserrat:900|Open+Sans:400,700&subset=latin-ext" rel="stylesheet">
</head>
<body class="js-body">
<!--[if lt IE 8]>
<p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
<![endif]-->
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-NS88KPR"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
<div class="container">
<section class="section section--onecol section--first spacing text-center">
<h1 class="spacing">Hľadáme 100 statočných</h1>
<div class="sharing sharing--top">
<div class="fb-share-button" data-href="http://100statocnych.sk" data-layout="button" data-size="large" data-mobile-iframe="true"><a class="fb-xfbml-parse-ignore" target="_blank" href="https://www.facebook.com/sharer/sharer.php?u=http%3A%2F%2F100statocnych.sk%2F&src=sdkpreparse">Share</a></div>
</div>
<p class="intro">
Ležia v nemocniciach po celom Slovensku a často potrebujú okrem krvi aj <strong>krvné doštičky</strong>. Pacientom hematológie a onkológie zachraňujú životy práve ľudia ako ty - statoční darcovia doštičiek, ktorých nie je veľa.
</p>
<p class="intro">
Pomôž nám nájsť <strong>100 statočných</strong> - úplne nových darcov krvných doštičiek - <strong>stačí, keď odpovieš na týchto pár otázok (5 minút)</strong>.
</p>
<a href="#form" class="arrow bounce"></a>
</section>
<section id="form" class="section section--onecol spacing">
<div class="ios-hack text-center">
<div class="ios-hack__icon">
<div id="ipad-box">
<div id="ipad-black-box"></div>
</div>
</div>
<p class="ios-hack__text">Zdá sa, že si túto stránku pozeráš cez Safari na nejakom mobilnom Apple zariadení. Môže sa stať, <strong>že ti náš formulár bude skákať</strong>, ale keď si ho <a href="https://docs.google.com/forms/d/e/1FAIpQLSeR3KUCW_sMOV9i4cinIBMgE004Ez6Lc6YDcFMW5BBgz3XHaA/viewform?usp=sf_link" taraget="_blank">otvoríš v novom okne</a>, bude to v pohode :)</p>
<a href="https://docs.google.com/forms/d/e/1FAIpQLSeR3KUCW_sMOV9i4cinIBMgE004Ez6Lc6YDcFMW5BBgz3XHaA/viewform?usp=sf_link" target="_blank" class="ios-hack__cta button">Otvoriť na novej záložke</a>
<button class="ios-hack__cta button js-show-form">Nie, otvoriť na stránke</button>
</div>
<div class="form form--expanded">
<iframe src="https://docs.google.com/forms/d/e/1FAIpQLSeR3KUCW_sMOV9i4cinIBMgE004Ez6Lc6YDcFMW5BBgz3XHaA/viewform?embedded=true" width="760" height="800" frameborder="0" marginheight="0" marginwidth="0">Loading...</iframe>
<button type="button" class="form__action">Zacat vyplnat</button>
</div>
</section>
<section class="section section--onecol spacing">
<div class="fb-share-button" data-href="http://100statocnych.sk" data-layout="button" data-size="large" data-mobile-iframe="true"><a class="fb-xfbml-parse-ignore" target="_blank" href="https://www.facebook.com/sharer/sharer.php?u=http%3A%2F%2F100statocnych.sk%2F&src=sdkpreparse">Share</a></div>
</section>
<h2 class="text-center spacing">Kto sme a iné FAQ</h2>
<section class="section faq spacing">
<div class="faq__col">
<div class="media-object profile">
<div class="media-object-section">
<div class="thumbnail">
<img src="dist/images/foto_martin.jpg">
</div>
</div>
<div class="media-object-section">
<h4>Martin Mojzeš</h4>
<p>Som čerstvý otec dvoch detí. Od 18-tich rokov darujem krv, od 27-mich krvné doštičky, posledný rok v Národnom onkologickom ústave. Každý z nás má v okolí niekoho, kto doštičky alebo krv potrebuje. Rozhodol som sa teda týmto projektom spraviť ešte o niečo viac.</p>
</div>
</div>
</div>
<div class="faq__col">
<div class="media-object profile">
<div class="media-object-section">
<div class="thumbnail">
<img src="dist/images/foto_andrej.jpg">
</div>
</div>
<div class="media-object-section">
<h4>Andrej Minárik</h4>
<p>V apríli tohto roku mi začalo byť divne, v máji už som mal diagnózu - akútna lymfoblastová leukémia. Nikdy som nebol darovať krv ani doštičky a teraz ma to mrzí, zvlášť keď vidím z druhej strany ako sú potrebné tu na onkológii. Rozhodol som sa s tým niečo spraviť.</p>
</div>
</div>
</div>
<div class="faq__col">
<h4>Prečo 100 statočných?</h4>
<p>
Dotazník nám má pomôcť lepšie pochopiť ako darcov krvi (a krvných doštičiek), tak ľudí, ktorí nezvyknú darovať. Chceme nájsť spôsob ako čo najlepšie nájsť <strong>ľudí ochotných stať sa dlhodobými darcami krvných doštičiek, ktorí reálne chýbajú</strong>, najmä v období sviatkov a dovoleniek. Vedeli ste, že doštičky sa dajú skladovať iba 5 dní?
</p>
</div>
<div class="faq__col">
<h4>Čo chceme robiť?</h4>
<p>
Chceme zlepšiť jednu malú, ale dôležitú vec v našom okolí. Je to <strong>zvýšenie povedomia o darovaní krvných doštičiek</strong> a v konečnom dôsledku <strong>viac darcov, ktorí zachraňujú životy</strong> onkologických (rakovina) a hematologických (krv) pacientov. Tých totiž stále pribúda. Rozprávali sme sa s pacientmi, lekármi a sestričkami. A <strong>teraz potrebujeme zistiť viac od darcov a nedarcov</strong>. Dotazník nám pomôže lepšie ich pochopiť a následne nájsť 100 nových darcov doštičiek - 100 statočných.
</p>
</div>
</section>
<section class="section spacing">
<a href="#form" class="button cta align-center spacing" data-smooth-scroll>Vyplniť dotazník</a>
</section>
<section class="section spacing">
<h2 class="text-center spacing">Ďakujeme za podporu!</h2>
<a href='https://www.websupport.sk/freeweb#site=freeweb&ban=d66d4825' title='Webhosting, domény, virtuálne servery' target='_top'><img src='http://provizie.websupport.sk/accounts/default1/banners2/sk/728x90freeweb_SK.png' alt='Sponzorvaný hosting od WebSupport.sk' title='Webhosting, domény, virtuálne servery' width='728' height='90' /><img style='border:0' src='http://provizie.websupport.sk/scripts/imp.php?site=freeweb&ban=d66d4825' width='1' height='1' alt='' /></a>
</section>
</div>
<footer>
<h2 class="text-center">Kontakt: </h2>
<p class="text-center"><a href="mailto:[email protected]">[email protected]</a>, <a href="mailto:[email protected]">[email protected]</a></p>
<p class="text-center">—</p>
<p class="text-center ws-ad">Vlastný <a href='https://www.websupport.sk/freeweb-reklama'>virtuálny server od 5,65 €</a> od WebSupport.sk</p>
</footer>
<script src="dist/js/jquery.min.js"></script>
<script src="dist/js/mobile-detect.min.js"></script>
<script src="dist/js/main.js?v=20171228"></script>
<script>
//$(document).foundation();
</script>
</body>
</html>