forked from UllaSainio/mensawww
-
Notifications
You must be signed in to change notification settings - Fork 0
/
responsiveTest.html
188 lines (153 loc) · 14.4 KB
/
responsiveTest.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
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>responsive test</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link href="ResTest.css" rel="stylesheet" type="text/css">
<!--[if lt IE 9]>
<script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<script type='text/javascript' src='scripts/respond.min.js'></script>
</head>
<body>
<div id="contact">
<ul>
<li class="contact">PIENI MENSALOGO Suomen Mensa ry</li>
<li class="contact">PL 792</li>
<li class="contact">00101 Helsinki FINLAND</li>
<li class="contact">tel +358 50 525 2464</li>
<li class="contact">email toimisto[at]mensa.fi</li>
</ul>
</div><!-- end contact -->
<div id="background">
<div id="wrapper">#wrapper<br/>
<header>header<br/>
<div id="MensaLogo">M<br/>
</div><!-- end MensaLogo -->
<div id="MensaText">Mensa FINLAND<br/>
</div><!-- end MensaText -->
<div id="network">
<div id="some">some<br/>
</div><!-- end some -->
<div id="members">jäsenille<br/>
</div><!-- end members -->
</div><!-- end network -->
</header>
<div id="container">
<p>#container</p><br/>
<nav>nav
<p>nav Squid </p>
<p>readymade </p>
<p>occupy </p>
<p>quinoa. </p>
<p>Jean </p>
<p>shorts </p>
<p>meh </p>
<p>photo </p>
<p>booth </p>
<p>Brooklyn, </p>
<p>single-origin </p>
<p>coffee </p>
<p>street art </p>
<p>food truck </p>
<p>locavore wolf.</p>
<p> Pickled PBR </p>
<p>umami polaroid. </p>
<p>Umami forage </p>
<p>church-key, </p>
<p>Vice street </p>
<p>art salvia </p>
<p>keffiyeh </p>
<p>VHS </p>
<p>tattooed </p>
<p>Pinterest.</p>
</nav>
<div id="content">
<p>#content</p>
<!-- <div id="edge">#edge</div><!-- end edge -->
<div id="main">
<p>#main</p>
<article>article
<div id="news">
<p>#news Squid readymade occupy quinoa. Jean shorts meh photo booth Brooklyn, single-origin coffee street art food truck locavore wolf. Pickled PBR umami polaroid.</p>
</div><!-- end news -->
<div id="text">#text
<div class="juttu">
<p>.juttu Pickled before they sold out Schlitz messenger bag, semiotics next level cardigan. Actually 90's irony, biodiesel Etsy Bushwick roof party dreamcatcher. Fingerstache hella selfies twee bitters, Pinterest retro master cleanse authentic lo-fi Wes Anderson. Mustache Tonx mumblecore, raw denim synth chillwave mlkshk Schlitz pug. Terry Richardson bespoke Marfa skateboard, plaid pour-over aesthetic Austin selfies banjo cornhole. Asymmetrical Tonx skateboard authentic, hella cornhole 90's brunch gluten-free vegan. Flannel intelligentsia DIY scenester seitan salvia, cray shabby chic.
Sriracha occupy ethical, chambray plaid skateboard flexitarian retro wolf Schlitz you probably haven't heard of them Austin DIY letterpress ethnic. </p>
<p>Photo booth artisan hoodie, yr pop-up church-key meggings Terry Richardson gluten-free banh mi. Narwhal DIY Brooklyn, mixtape asymmetrical cray whatever fixie pour-over jean shorts dreamcatcher 90's. Food truck High Life tofu pour-over wayfarers, fanny pack PBR jean shorts biodiesel +1 freegan. Williamsburg master cleanse asymmetrical trust fund. Art party pitchfork locavore, artisan leggings freegan occupy Vice tousled. Artisan roof party meh, cornhole keffiyeh next level fixie blue bottle hella biodiesel McSweeney's retro fashion axe cardigan Truffaut.
Gluten-free messenger bag Bushwick McSweeney's locavore. </p>
<div class="picRight">.picRight
</div><!-- end pic -->
<p>Banh mi cardigan try-hard, viral farm-to-table flannel ethnic skateboard single-origin coffee thundercats cray pickled actually. Cardigan banh mi forage, intelligentsia seitan Carles biodiesel dreamcatcher organic +1 flannel locavore next level. Fanny pack street art Bushwick, fingerstache keytar ugh Austin. Authentic banjo twee Tonx disrupt next level mustache fixie letterpress shabby chic. Freegan semiotics pitchfork kogi sartorial. Hella quinoa PBR, fixie mixtape meh gastropub.
Squid readymade occupy quinoa. Jean shorts meh photo booth Brooklyn, single-origin coffee street art food truck locavore wolf. Pickled PBR umami polaroid. </p>
<p>Umami forage church-key, Vice street art salvia keffiyeh VHS tattooed Pinterest mlkshk disrupt 3 wolf moon Truffaut. Sartorial synth helvetica actually. Brunch mixtape authentic street art cred Echo Park craft beer. Kitsch squid +1 stumptown, leggings Tonx meh readymade Portland single-origin coffee Godard.</p>
</div><!-- end juttu -->
<div class="juttu">
<p>.juttu Pickled before they sold out Schlitz messenger bag, semiotics next level cardigan. Actually 90's irony, biodiesel Etsy Bushwick roof party dreamcatcher. Fingerstache hella selfies twee bitters, Pinterest retro master cleanse authentic lo-fi Wes Anderson. Mustache Tonx mumblecore, raw denim synth chillwave mlkshk Schlitz pug. Terry Richardson bespoke Marfa skateboard, plaid pour-over aesthetic Austin selfies banjo cornhole. Asymmetrical Tonx skateboard authentic, hella cornhole 90's brunch gluten-free vegan. Flannel intelligentsia DIY scenester seitan salvia, cray shabby chic.
Sriracha occupy ethical, chambray plaid skateboard flexitarian retro wolf Schlitz you probably haven't heard of them Austin DIY letterpress ethnic. </p>
<p>Photo booth artisan hoodie, yr pop-up church-key meggings Terry Richardson gluten-free banh mi. Narwhal DIY Brooklyn, mixtape asymmetrical cray whatever fixie pour-over jean shorts dreamcatcher 90's. Food truck High Life tofu pour-over wayfarers, fanny pack PBR jean shorts biodiesel +1 freegan. Williamsburg master cleanse asymmetrical trust fund. Art party pitchfork locavore, artisan leggings freegan occupy Vice tousled. Artisan roof party meh, cornhole keffiyeh next level fixie blue bottle hella biodiesel McSweeney's retro fashion axe cardigan Truffaut.
Gluten-free messenger bag Bushwick McSweeney's locavore. </p>
<p>Banh mi cardigan try-hard, viral farm-to-table flannel ethnic skateboard single-origin coffee thundercats cray pickled actually. Cardigan banh mi forage, intelligentsia seitan Carles biodiesel dreamcatcher organic +1 flannel locavore next level. Fanny pack street art Bushwick, fingerstache keytar ugh Austin. Authentic banjo twee Tonx disrupt next level mustache fixie letterpress shabby chic. Freegan semiotics pitchfork kogi sartorial. Hella quinoa PBR, fixie mixtape meh gastropub.
Squid readymade occupy quinoa. Jean shorts meh photo booth Brooklyn, single-origin coffee street art food truck locavore wolf. Pickled PBR umami polaroid. </p>
<p>Umami forage church-key, Vice street art salvia keffiyeh VHS tattooed Pinterest mlkshk disrupt 3 wolf moon Truffaut. Sartorial synth helvetica actually. Brunch mixtape authentic street art cred Echo Park craft beer. Kitsch squid +1 stumptown, leggings Tonx meh readymade Portland single-origin coffee Godard.</p>
</div><!-- end juttu -->
<div class="picRight">.picRight
</div><!-- end pic -->
<div class="juttu">
<p>.juttu Pickled before they sold out Schlitz messenger bag, semiotics next level cardigan. Actually 90's irony, biodiesel Etsy Bushwick roof party dreamcatcher. Fingerstache hella selfies twee bitters, Pinterest retro master cleanse authentic lo-fi Wes Anderson. Mustache Tonx mumblecore, raw denim synth chillwave mlkshk Schlitz pug. Terry Richardson bespoke Marfa skateboard, plaid pour-over aesthetic Austin selfies banjo cornhole. Asymmetrical Tonx skateboard authentic, hella cornhole 90's brunch gluten-free vegan. Flannel intelligentsia DIY scenester seitan salvia, cray shabby chic.
Sriracha occupy ethical, chambray plaid skateboard flexitarian retro wolf Schlitz you probably haven't heard of them Austin DIY letterpress ethnic. </p>
<p>Photo booth artisan hoodie, yr pop-up church-key meggings Terry Richardson gluten-free banh mi. Narwhal DIY Brooklyn, mixtape asymmetrical cray whatever fixie pour-over jean shorts dreamcatcher 90's. Food truck High Life tofu pour-over wayfarers, fanny pack PBR jean shorts biodiesel +1 freegan. Williamsburg master cleanse asymmetrical trust fund. Art party pitchfork locavore, artisan leggings freegan occupy Vice tousled. Artisan roof party meh, cornhole keffiyeh next level fixie blue bottle hella biodiesel McSweeney's retro fashion axe cardigan Truffaut.
Gluten-free messenger bag Bushwick McSweeney's locavore. </p>
<p>Banh mi cardigan try-hard, viral farm-to-table flannel ethnic skateboard single-origin coffee thundercats cray pickled actually. Cardigan banh mi forage, intelligentsia seitan Carles biodiesel dreamcatcher organic +1 flannel locavore next level. Fanny pack street art Bushwick, fingerstache keytar ugh Austin. Authentic banjo twee Tonx disrupt next level mustache fixie letterpress shabby chic. Freegan semiotics pitchfork kogi sartorial. Hella quinoa PBR, fixie mixtape meh gastropub.
Squid readymade occupy quinoa. Jean shorts meh photo booth Brooklyn, single-origin coffee street art food truck locavore wolf. Pickled PBR umami polaroid. </p>
<p>Umami forage church-key, Vice street art salvia keffiyeh VHS tattooed Pinterest mlkshk disrupt 3 wolf moon Truffaut. Sartorial synth helvetica actually. Brunch mixtape authentic street art cred Echo Park craft beer. Kitsch squid +1 stumptown, leggings Tonx meh readymade Portland single-origin coffee Godard.</p>
</div><!-- end juttu -->
</div><!-- end text -->
</article>
<div id="calendarBG">#calendarBG<br/>
<div id="calendar">#calendar<br/>
<div id="testit">#testit<br/>
<p>#testit </p>
<p>Squid readymade occupy quinoa. Jean shorts meh photo booth Brooklyn, </p>
<p>single-origin coffee street art food truck locavore wolf. Pickled PBR umami polaroid. Umami forage church-key, Vice street art salvia keffiyeh VHS tattooed </p>
<p>Pinterest mlkshk disrupt 3 wolf moon Truffaut. Sartorial synth helvetica actually. Brunch mixtape authentic street art cred </p>
<p>Echo Park craft beer. Kitsch squid +1 stumptown, leggings Tonx meh readymade Portland single-origin coffee Godard.</p>
<p>Squid readymade occupy quinoa. Jean shorts meh photo booth Brooklyn, </p>
<p>single-origin coffee street art food truck locavore wolf. Pickled PBR umami polaroid. Umami forage church-key, Vice street art salvia keffiyeh VHS tattooed </p>
<p>Pinterest mlkshk disrupt 3 wolf moon Truffaut. Sartorial synth helvetica actually. Brunch mixtape authentic street art cred </p>
<p>Echo Park craft beer. Kitsch squid +1 stumptown, leggings Tonx meh readymade Portland single-origin coffee Godard.</p><p>Squid readymade occupy quinoa. Jean shorts meh photo booth Brooklyn, </p>
<p>single-origin coffee street art food truck locavore wolf. Pickled PBR umami polaroid. Umami forage church-key, Vice street art salvia keffiyeh VHS tattooed </p>
<p>Pinterest mlkshk disrupt 3 wolf moon Truffaut. Sartorial synth helvetica actually. Brunch mixtape authentic street art cred </p>
<p>Echo Park craft beer. Kitsch squid +1 stumptown, leggings Tonx meh readymade Portland single-origin coffee Godard.</p>
</div><!-- end testit -->
</div><!-- end calendar -->
</div><!-- end calendarBG -->
</div><!-- end main -->
<div id="sidebar">
<p>#sidebar</p><br/>
<div class="banner1">
<p>#banner1</p>
<p> Squid readymade occupy quinoa. Jean shorts meh photo booth Brooklyn, single-origin coffee street art food truck locavore wolf.</p>
</div><!-- end banner1 -->
<div class="banner2">
<p>#banner2 Brunch mixtape authentic street art cred Echo Park craft beer. Kitsch squid +1 stumptown, leggings Tonx meh readymade Portland single-origin coffee Godard.</p>
</div><!-- end banner2 -->
<div class="banner1">
<p>#banner1</p>
<p> Squid readymade occupy quinoa. Jean shorts meh photo booth Brooklyn, single-origin coffee street art food truck locavore wolf.</p>
</div><!-- end banner1 -->
<div class="banner2">
<p>#banner2 Brunch mixtape authentic street art cred Echo Park craft beer. Kitsch squid +1 stumptown, leggings Tonx meh readymade Portland single-origin coffee Godard.</p>
</div><!-- end banner2 -->
</div><!-- end sidebar -->
</div><!-- end content -->
</div><!-- end container -->
<footer>
<p>footer forage church-key, Vice street art salvia keffiyeh VHS tattooed Pinterest mlkshk disrupt 3 wolf moon Truffaut. Sartorial synth helvetica actually.</p>
</footer>
</div><!-- end wrapper -->
</div><!-- end background -->
</body>
</html>