-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
208 lines (163 loc) · 5.93 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
<!DOCTYPE html>
<html class=no-js lang=en>
<head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb#">
<meta charset="utf-8">
<meta content="text/html; charset=UTF-8" http-equiv="content-type">
<title>Butelka Piję wodę z kranu</title>
<meta content="http://butelka.pijewodezkranu.org/" property="og:url">
<meta content="Butelka Piję wodę z kranu" property="og:title">
<meta content="website" property="og:type">
<meta content="http://butelka.pijewodezkranu.org/butelka_og.jpg" property="og:image">
<meta content="Nareszcie są — super trwałe butelki z naszym nadrukiem! Wesprzyj działania akcji, kupując jedną z nich." property="og:description">
<link href='https://fonts.googleapis.com/css?family=Lato:300,700,300italic&subset=latin,latin-ext' rel='stylesheet' type='text/css'>
<style type="text/css">
a, abbr, address, article, aside, audio, b, blockquote, body, canvas, caption, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, p, pre, q, samp, section, small, span, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, ul, var, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
vertical-align: baseline; }
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
display: block; }
a, ins, del {
text-decoration: none; }
blockquote, q {
quotes: none; }
blockquote:before, blockquote:after {
content: ""; }
body { color: #444; font: normal normal 300 100%/1.5em Lato, sans-serif; margin: 0; background: #fff; }
header, section { margin: auto; }
header, #list { width: 28em; }
#map {position: relative; margin: 2em auto;}
#loading {margin: -400px auto 440px; }
a { color: #2989CC }, a:visited {color: #1a5387;}
.place {margin: 1.5em 0; font-weight: 300}
.name {font-size: 140%; margin: 0 0 .2em; }
address {font-size: .9em; color: #777}
h2 {font-size: 150%; font-weight: 600; margin: 3em 0 0;}
.colophon {margin: 10em 0 0;}
@font-face {
font-family: 'LatoBlack';
src: url('Lato-BlackItalic.eot'); /* IE9 Compat Modes */
src: url('Lato-BlackItalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('Lato-BlackItalic.woff') format('woff'), /* Modern Browsers */
url('Lato-BlackItalic.ttf') format('truetype');
font-style: italic;
font-weight: normal;
text-rendering: optimizeLegibility;
}
article {
box-sizing: border-box;
clear: both;
}
#wrapper {
width: 100%;
margin: 30px auto 0;
clear: both;
}
#content {
float: left;
width: 50%;
display: table;
max-width: 600px;
min-width: 300px;
padding: 30px;
}
#butelka {
float: left;
width: 50%;
min-width: 300px;
max-width: 550px;
margin: -50px -120px 0 0;
}
#content p {
margin: 15px 0;
}
#zamow {
border: 1px solid #2989CC;
border-radius: 10px;
width: 280px;
display: block;
text-align: center;
margin: 0 auto 40px;
padding: 15px;
}
#zamow img {
display: block;
width: 40px;
margin: 5px auto;
}
#zamow span {
display: block;
font-size: 20px;
}
#zamow:hover {
background: #2989CC;
transition: all 0.2s ease-out;
color: #ffffff;
}
#butelka img {
width: 100%;
margin: auto;
display: block;
}
#butelki {
overflow: auto;
width: 100%;
background: #eaeaec;
}
#butelki-description {
width: 30%;
float: left;
}
#butelki p {
padding: 30px;
}
#butelki img {
width: 70%;
float: left;
z-index: -100;
}
</style>
<script>
var trackOutboundLink = function(url) {
ga('send', 'event', 'outbound', 'click', url, {'hitCallback':
function () {
document.location = url;
}
});
}
</script>
</head>
<body>
<article id="wrapper">
<section id="intro">
<div id="butelka"><img src="butelka.jpg"></div>
<div id="content">
<h1><img src="logo.png" alt="Butelka · Piję wodę z kranu" width="272"></h1>
<p>Startując półtora roku temu, zaczęliśmy odczarowywać negatywny wizerunek wody z kranu i wydaje nam się, że powoli widać tego efekty. Akcję <a href="http://pijewodezkranu.org">Piję wodę z kranu</a> niestrudzenie prowadzimy we dwójkę, w czasie wolnym i za własne pieniądze.</p>
<p>Podjęliśmy poważną decyzję, że chcemy rozszerzyć nasze działania i dotrzeć do większej ilości osób. Po ponad rocznej działalności mamy na to sporo pomysłów! Żeby je zrealizować, potrzebujemy konkretnych środków i czasu, więc postanowiliśmy założyć fundację. Będziemy aktywnie poszukiwać partnerów i sponsorów, którzy umożliwią nam promowanie akcji, ale potrzebujemy też odrobiny waszego wsparcia. <strong>Dlatego możecie wesprzeć akcję przez zakup praktycznej butelki:<br>cena to 49zł z czego 9zł trafi na konto naszej fundacji</strong>.</p>
<p style="text-align: right">— Michał i Szymon</p>
<a href="http://myequa.pl/index.php/pwzk.html" id="zamow" target="_blank" onclick="trackOutboundLink('http://myequa.pl/index.php/pwzk.html'); return false;">
<img src="heart.png">
<span>Zamów butelkę i wesprzyj akcję!</span>
</a>
</div>
</section>
<section id="butelki">
<div id="butelki-description">
<p>Butelki wyprodukowała dla nas firma Equa, są bardzo wytrzymałe, lekkie i szczelne (przetestowane przez nas w każdych warunkach!). Zrobione ze specjalnego tworzywa Eastman Tritan®, które nie zawiera BPA, są odporne na mycie w zmywarce i wyparzanie wrzątkiem. Mają dwie niezależnie nakrętki, więc łatwo je myć i wrzucić ulubione zioła albo owoce!</p>
</div>
<img src="butelki.jpg">
</section>
</article>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-40132134-3', 'auto');
ga('send', 'pageview');
</script>
</body>
</html>