forked from UllaSainio/mensawww
-
Notifications
You must be signed in to change notification settings - Fork 0
/
lomakeKokeilu.html
executable file
·287 lines (233 loc) · 14.6 KB
/
lomakeKokeilu.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
275
276
277
278
279
280
281
282
283
284
285
286
287
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Lomakekokeilu</title>
<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.9.1.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function() {
var fun = window.location.href.substr(window.location.href.lastIndexOf("/") + 1);
$('nav ul li a[href$="' + fun + '"]').addClass("current");
});
</script>
<script src="http://code.jquery.com/jquery-1.9.1.js" type="text/javascript">
</script>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js">
</script>
<link rel="icon" type="image/gif" href="http://www...">
<link href='http://fonts.googleapis.com/css?family=Montserrat' rel='stylesheet' type='text/css'>
<!-- Sivut suunnitteli Tuomas Hietanen, Ulla Sainio 2013 -->
<link href="style.css" rel="stylesheet" type="text/css">
</head>
<body>
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div id="background">
<div id="wrapper">
<header>
<div id="MensaLogo"><a href="index.html"><img src="images/MensaLogo.png" alt="Mensa Logo" /></a></div><!-- end MensaLogo -->
<div id="MensaText"><a href="index.html"><img src="images/MensaText.png" alt="leiska" /></a></div><!-- end MensaText -->
<div id="network">
<div id="some"><img src="images/some.png" width="190" height="64" alt="social media" />
</div><!-- end facebook -->
<div id="members"><img src="images/jasen.png" width="180" height="64" alt="members area" />
</div><!-- end members -->
</div><!-- end network -->
<div id="edge">
<div id="edge1"><img src="images/reuna1.png" alt="reuna" /></div><!-- end edge1 -->
<div id="edge2"></div><!-- end edge2 -->
<!-- tänne vielä palanen reunaa jotta saan siihen varjon <div id="edge3"></div><!-- end edge3 -->
</div><!-- end edge -->
</header><!-- end header -->
<nav>
<ul>
<li class="link" style="color: #376aff; font-weight: bolder;">SUOMEN MENSA</li>
<li class="link"><a href="x.html"><img src="images/transparent.png" />Mikä on Mensa?</a></li>
<li class="link" style="padding-bottom:5px;"><a href="x.html"><img src="images/transparent.png" />Liity jäseneksi</a></li>
<li class="link" style="padding-top:0.5em;"><a href="toiminta.html">ÄLYKKYYS</a></li>
<li class="link"><a href="ajankohtaista.html"><img src="images/transparent.png" />Testikalenteri</a></li>
<li class="link"><a href="esittelyt.html"><img src="images/transparent.png" />Tee nettitesti</a></li>
<li class="link"><a href="apurahat.html"><img src="images/transparent.png" />Mitä on älykkyys?</a></li>
<li class="link" style="padding-bottom:5px;"><a href="mensapalkinto.html"><img src="images/transparent.png" />Älykkyystestaus</a></li>
<li class="link" style="padding-top:0.5em;"><a href="toiminta.html">TOIMINTA</a></li>
<li class="link"><a href="ajankohtaista.html"><img src="images/transparent.png" />Suomessa</a></li>
<li class="link"><a href="apurahat.html"><img src="images/transparent.png" />Kansainvälisesti</a></li>
<li class="link"><a href="ajankohtaista.html"><img src="images/transparent.png" />Paikallisosastot</a></li>
<li class="link"><a href="esittelyt.html"><img src="images/transparent.png" />Mensan jäseniä</a></li>
<li class="link"><a href="apurahat.html"><img src="images/transparent.png" />Mensapalkinto</a></li>
<li class="link" style="padding-bottom:5px;"><a href="lapset.html"><img src="images/transparent.png" />Lahjakkaat lapset</a></li>
<li class="link" style="padding-top:0.5em;"><a href="toimihenkilot.html">YHTEYSTIEDOT</a></li>
<li class="link" style="padding-bottom:5px;"><a href="paikallisosastot.html"><img src="images/transparent.png">Toimihenkilöt</a></li>
<li class="link" style="padding-top: 50px;">
<a href="svenska.html">
<img src="images/transparent.png" />
PÅ SVENSKA</a></li>
<li class="link"><a href="english.html">
<img src="images/transparent.png" />
IN ENGLISH</a></li>
</ul>
</nav><!-- end nav -->
<div id="content">
<article>
<div id="mainContent">
<div id="news" style="display:none;">
<p class="palsta">Ajankohtaista</p>
<p class="palstaOtsikko">Apurahoja on jaettu</p>
<img src="images/newsImage.jpg" alt="Apurahojen saajat" class="picNews" />
<p class="textNews">APURAHOJEN
saajat Truffaut shabby chic 3 wolf moon letterpress. Duis actually flexitarian iPhone, you probably haven't heard of Duis actually flexitarian iPhone, you probably haven't heard of them gentrify tofu tattooed umami <a href="#">excepteur sriracha...</a></p>
</div><!-- end news -->
<div id="mainArticle">
<div class="pistelinja"></div><!-- end pistelinja -->
<div class="juttu">
<div><form id="wish" name="wish">
<p class="lomakeOtsikko">Toivo uutta testiä</p>
<p class="textWish">VOIT toivoa uutta testiä. Ilmoita toiveessasi paikkaunta ja muut toiveet. </p>
<p class="textWish">Emme lähetä automaattista postia, vaan käsittelemme toiveet ja palaamme asiaan, jos se on aiheellista.</p>
<br/>
<div><label for="mailbody"><p class="textWish"><span class="lomakeLaatikko">Toive</span> (255 merkkiä)</p> </label><textarea name="mailbody" id="mailbody" maxlength="255"></textarea></div>
<div><label for="mailfrom"><p class="textWish"><span class="lomakeLaatikko">Sähköposti</span> </p></label>
<input type="email" name="mailfrom" id="mailfrom" tooltip="Palaamme asiaan" maxlength="255" /></div>
<div><label for="answer"><p class="textWish"><span class="lomakeLaatikko">Turvakysymys</span><br/>Paljonko on viisi ynnä kolme (kirjaimin)? </p></label>
<input name="answer" type="text" id="answer" maxlength="255" /></div>
<div><input type="hidden" name="sendmail" id="sendmail" value="1" /><button id="sendbtn" type="submit"><p class="textWish">Lähetä</p></button></div>
</form>
</div>
</div><!-- end juttu -->
</div><!-- end mainArticle -->
</div><!-- end mainContent -->
<div id="calenderBG">
<div id="calender">
<p class="palsta">Testikalen-<br/>teri 2013</p>
<div class="testit">
<ul>
<li><span class="aika">La 22.12. klo 12.30</span></li><li> viitenumero 11921</li>
<li>Kuopio, Kuopion lyseon lukio</li>
<li>Puijonkatu 18</li>
<li>Käynti sisäpihalta</li>
</ul>
<p class="testitPistelinja"></p>
<ul>
<li><span class="aika">Su 19.12.klo 18.30</span></li><li> viitenumero 11921</li>
<li>Kuopio, Kuopion lyseon lukio</li>
<li>Puijonkatu 18</li>
<li>Käynti sisäpihalta</li>
</ul>
<p class="testitPistelinja"></p>
<ul>
<li><span class="aika">La 8.6.klo 12.00</span></li><li> viitenumero 11921</li>
<li>Kuopio, Kuopion lyseon lukio</li>
<li>Puijonkatu 18</li>
<li>Käynti sisäpihalta</li>
</ul>
<p class="testitPistelinja"></p>
<ul>
<li><span class="aika">La 8.6.klo 12.00</span></li><li> viitenumero 11921</li>
<li>Kuopio, Kuopion lyseon lukio</li>
<li>Puijonkatu 18</li>
<li>Käynti sisäpihalta</li>
</ul>
<p class="testitPistelinja"></p>
<ul>
<li><span class="aika">La 8.6.klo 12.00</span></li><li> viitenumero 11921</li>
<li>Kuopio, Kuopion lyseon lukio</li>
<li>Puijonkatu 18</li>
<li>Käynti sisäpihalta</li>
</ul>
<p class="testitPistelinja"></p>
<ul>
<li><span class="aika">La 22.12.klo 12.00</span></li><li> viitenumero 11921</li>
<li>Kuopio, Kuopion lyseon lukio</li>
<li>Puijonkatu 18</li>
<li>Käynti sisäpihalta</li>
</ul>
<p class="testitPistelinja"></p>
<ul>
<li><span class="aika">La 8.6.klo 12.00</span></li><li> viitenumero 11921</li>
<li>Kuopio, Kuopion lyseon lukio</li>
<li>Puijonkatu 18</li>
<li>Käynti sisäpihalta</li>
</ul>
<p class="testitPistelinja"></p>
<ul>
<li><span class="aika">La 8.6.klo 12.00</span></li><li> viitenumero 11921</li>
<li>Kuopio, Kuopion lyseon lukio</li>
<li>Puijonkatu 18</li>
<li>Käynti sisäpihalta</li>
</ul>
<p class="testitPistelinja"></p>
<ul>
<li><span class="aika">La 8.6.klo 12.00</span></li><li> viitenumero 11921</li>
<li>Kuopio, Kuopion lyseon lukio</li>
<li>Puijonkatu 18</li>
<li>Käynti sisäpihalta</li>
</ul>
<p class="testitPistelinja"></p>
<ul>
<li><span class="aika">La 8.6.klo 12.00</span></li><li> viitenumero 11921</li>
<li>Kuopio, Kuopion lyseon lukio</li>
<li>Puijonkatu 18</li>
<li>Käynti sisäpihalta</li>
</ul>
<p class="testitPistelinja"></p>
</div><!-- end testit -->
<div id="testikalenteriImg" style="display:none;"><a href="#"><img src="images/testikalImg.png" width="120" height="92" alt="Testikalenteri" /></a></div><!-- end kalenteriImg -->
</div><!-- end calender -->
</div><!-- end calenderBG -->
</article>
<div id="sidebar">
<div id="blog">
<p class="textBlogi">ÄLYKKYYSBLOGI Duis actually flexitarian iPhone, you probably haven't heard of them gentrify tofu tattooed umami <a href="#">letterpress probably...</a></p>
</div><!-- end blog -->
<div class="fb-like-box" data-href="https://www.facebook.com/Mensantestit" data-width="220" data-height="370" data-show-faces="true" data-stream="false" data-show-border="false" data-header="false">
</div><!-- end fb-like-box -->
</div><!-- end sidebar -->
</div><!-- end content -->
<div id="footerBG">
<footer>
<div id="footerInfoArea">
<div class="footerInfo" style="width:170px;">
<ul>
<li class="footerText" style="padding-top:10px;"><a href="http://www.kolumbus.fi/ulla.sainio/press.html">Medialle</a></li>
<li class="footerText"><a href="#">Aineistopankki</a></li>
<li class="footerText"><a href="http://www.gentil.fi/404.html">Arkisto</a></li>
</ul>
</div><!-- end footerInfo yhteystiedot -->
<div class="footerInfo" style="width:195px;">
<ul>
<li class="footerText" style="padding-bottom:5px;">YHTEYSTIEDOT</li>
<li class="footerText">Suomen Mensa ry</li>
<li class="footerText">PL 792</li>
<li class="footerText" style="padding-bottom:5px;">00101 Helsinki FINLAND</li>
<li class="footerText">tel +358 50 525 2464</li>
<li class="footerText" style="padding-bottom:5px;">email toimisto[at]mensa.fi</li>
</ul>
</div><!-- end footerInfo kiinnostavia linkkeja -->
<div class="footerInfo" style="width:195px;">
<ul>
<li class="footerText"><a href="http://www.mensa.org/" target="_blank">Kansainvalinen Mensa</a></li>
</ul>
</div><!-- end footerInfo linkkeja alykkyystesteihin -->
<div class="footerInfo">
<ul>
<li class="footerText">© Mensa Finland 2013</li>
<li class="footerText" style="padding-bottom:5px;"> all rights reserved</li>
<li></li>
<li class="footerText" style="padding-bottom:5px;"> last update
<!-- #BeginDate format:Am1 -->June 23, 2013<!-- #EndDate --> </li>
<li class="footerText" style="padding-top:80px;"><a href="http://www.gentil.fi">design gentil.fi</a></li>
</ul>
</div><!-- end footerInfo linkkeja alykkyystesteihin -->
</div><!-- end footerInfoArea -->
</footer><!-- end footer -->
</div><!-- end footerBG -->
</div><!-- end wrapper -->
</div><!-- end background -->
</body>
</html>