-
Notifications
You must be signed in to change notification settings - Fork 2
/
index2.html
410 lines (281 loc) · 14.4 KB
/
index2.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
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
<!DOCTYPE html>
<html class="uk-notouch uk-height-1-1" dir="ltr" lang="en-gb">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Mykonos Biennale - 2015 - Antidote</title>
<link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon">
<link rel="apple-touch-icon-precomposed" href="images/apple-touch-icon.png">
<link id="data-uikit-theme" rel="stylesheet" href="css/uikit.css">
<script src="js/jquery.js"></script>
<script src="js/uikit.js"></script>
<script src="js/components/sticky.js"></script>
<script src="js/components/grid.js"></script>
<script src="smooth-scroll.min.js"></script>
<!-- <script src="js/bix-slideshow.js"></script> -->
<script src="js/slideshow.js"></script>
<script src="js/slideshow-fx.js"></script>
<style>
.menu {
max-width: 700px;
padding-left:0px;
}
.page {
min-height: 700px;
max-width: 700px;
background-position: 100% 100%;
background-repeat: no-repeat;
background-size: cover;
padding: 50px 50px 50px 50px;
color: black;
}
.biennale-introduction {
background-position: 0% 0%;
background-image: url("images/mykonos-biennale-introduction.jpg");
}
.biennale-statement {
background-position: 0% 0%;
background-image: url("images/mykonos-biennale-statement.jpg");
}
.biennale-statement h1 {
padding-top: 50px;
}
.biennale-artprogram {
background-image: url("images/mykonos-biennale-art-program.jpg");
background-position: 100% 100%;
}
.biennale-artprogram h1 {
padding-top: 200px;
}
.biennale-education {
background-image: url("images/mykonos-biennale-Education-and-Internship-Program.png");
}
.biennale-education h1 {
padding-top: 250px;
}
.biennale-awards {
background-color: black;
background-image: url("images/mykonos-biennale-contact.png");
background-size: 200%;
background-position: 0% 0%;
color: black;
}
.biennale-awards h1 {
color: black;
padding: 50px;
}
.biennale-awards h3 {
color: black;
}
.biennale-contact {
background-image: url("images/mykonos-biennale-contact.png");
color: white;
}
.biennale-contact h1 {
color: white;
margin-top: 410px;
}
.uk-container {
padding: 0px 0px;
}
.uk-navbar {
background: linear-gradient(to bottom, rgba(251, 11, 239, 0.18), #FFFDFF) repeat scroll 0% 0% border-box #F7F7F7;
background-color: transparent; border-bottom-color: rgba(0,0,0,.3)!important; border: 0px solid rgba(0,0,0,.1);
}
.home {
padding: 0px 0px 0px 0x;
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: cover;
width:100%;
min-height: 700px;
background-image: url(images/mykonos-biennale-2015-home.jpg);
}
/* unvisited link */
.home a:link {
color: #FFF;
}
/* visited link */
.home a:visited {
color: #fff;
}
/* mouse over link */
.home a:hover {
color: #FF00FF;
text-decoration: none;
}
/* selected link */
.home a:active {
color: #0000FF;
}
</style>
</head>
<body class="uk-height-1-1" id="invite">
<div class="uk-container uk-height-1-1 uk-sticky-placeholder" >
<div class="uk-grid" id="biennale-introduction">
<div class="uk-width-medium-1-1 uk-container-center uk-text-justify page home">
<h1 class="uk-heading-large" style="color:white; font-weight: bold; line-height: 44px;"><a href="mykonos_biennale.html">MYKONOS BIENNALE</a></h1>
<h2 class="uk-heading-large" style="color:magenta;"><a href="2015-Antidote.html">2015 - Antidote <h1></a></h2>
<h2><a href="2013-Crises-and-Paganism.html">2013 - Crisis & Paganism</a></h2>
<p style="padding-top:100px">
<h1 class="uk-heading-large" style="color:red; font-weight: bold; line-height: 44px;"><a href="2015-Antidote.html" style="color:red;">July 2nd - 12th</a></h1>
<h1 style="color:red; font-weight: bold;"><a style="color:red;" href="2015-Antidote.html">Be There</a></h1>
<h1 style="color:red; font-weight: bold;"><a style="color:red;" href="2015-Antidote.html">Be In It</a></h1>
<br>
<br>
<p><h1 style="color:red; font-weight: bold;"><a style="color:red;" href="2015-Antidote.html">Submit your film to the Biennale Film Festival</a></h1>
<!-- <a target="_top" href="http://www.withoutabox.com/login/12396"><img src="http://www.withoutabox.com/09images/partner_box.gif" border="0"></a>
<h1 style="color:red; font-weight: bold;"> OR </h1>
<a href="https://filmfreeway.com/festivals/6431?utm_campaign=Submission+Button&utm_medium=External&utm_source=Submission+Button" target="_blank" title="Click to submit with FilmFreeway"><img src="https://storage.googleapis.com/filmfreeway-assets/submission_buttons/submit_btn-black.png" title="Click to submit with FilmFreeway" height="40" width="263"></a> -->
</p>
</div>
</div>
<div class="uk-grid mark_red" >
<div class="uk-width-medium-1-1 uk-container-center uk-cover-background menu " >
<div class="uk-sticky-init " data-uk-sticky style="z-index:4; ">
<nav class="uk-navbar uk-navbar-attached" style="" >
<a class="uk-navbar-brand uk-hidden-small uk-align-right" href="index.html" style="z-index:14;" ><img alt = "mykonos biennale logo" width="100" src="images/mykonos-biennale-logo.png"></a>
<ul class="uk-navbar-nav uk-hidden-small">
<li class="uk-parent" data-uk-dropdown="">
<a href="mykonos_biennale.html" >Mykonos Biennale</a>
<div style="" class="uk-dropdown uk-dropdown-navbar">
<ul class="uk-nav uk-nav-navbar">
<li class="uk-active" > <a href="#biennale-introduction" >Introduction</a></li>
<li> <a href="mykonos_biennale.html#biennale-statement" >Statement</a></li>
<li > <a href="mykonos_biennale.html#biennale-artprogram" >Art Program</a></li>
<li><a href="mykonos_biennale.html#biennale-education" >Education & Internship</a><li>
<li> <a href="mykonos_biennale.html#biennale-awards" >Awards</a></li>
<li><a href="mykonos_biennale.html#biennale-contact" >Contact</a></li>
</ul>
</div>
</li>
<li class="uk-parent uk-active" data-uk-dropdown="" >
<a href="2015-Antidote.html" data-uk-smooth-scroll="{offset: 90}" style="background-color: transparent;">2015 Antidote</a>
<div style="" class="uk-dropdown uk-dropdown-navbar">
<ul class="uk-nav uk-nav-navbar">
<li class="uk-active" > <a href="2015-Antidote.html" data-uk-smooth-scroll="{offset: 90}">Antidote</a></li>
<li> <a href="2015-Antidote.html#statement" data-uk-smooth-scroll="{offset: 90}">Statement</a></li>
<li > <a href="/2015-Antidote.html#kite-festival" data-uk-smooth-scroll="{offset: 90}">Kite Festival</a></li>
<li><a href="/2015-Antidote.html#treasue-hunt" data-uk-smooth-scroll="{offset: 90}">Treasue Hunt</a><li>
<li> <a href="/2015-Antidote.html#weaving-conspiracy" data-uk-smooth-scroll="{offset: 90}">Weaving Conspiracy</a></li>
<li class="uk-nav-header">Film & Art Vieo Festival</li>
<li><a href="/2015-Antidote.html#video-graffiti" data-uk-smooth-scroll="{offset: 90}">Video Graffiti</a></li>
<li><a href="/2015-Antidote.html#dramatic-nights" data-uk-smooth-scroll="{offset: 90}">Dramatic Nights</a></li>
<li class="uk-nav-header" >Dance</li>
<li><a href="/2015-Antidote.html#pigeage" data-uk-smooth-scroll="{offset: 90}">Pigeage</a></li>
</ul>
</div>
</li>
<li class="uk-parent" data-uk-dropdown="">
<a href="2013-Crises-and-Paganism.html" data-uk-smooth-scroll="{offset: 90}">2013 Crises & Paganism</a>
<div style="" class="uk-dropdown uk-dropdown-navbar">
<ul class="uk-nav uk-nav-navbar">
<li> <a href="2013-Crises-and-Paganism.html#invite">Crises & Paganism</a></li>
<li> <a href="2013-Crises-and-Paganism.html#statement">Statement</a></li>
<li><a href="2013-Crises-and-Paganism.html#Events">Events</a></li>
<li><a href="2013-Crises-and-Paganism.html#Venues">Venues</a></li>
<li><a href="2013-Crises-and-Paganism.html#Artists">Artists</a></li>
<li><a href="2013-Crises-and-Paganism.html#Credits">Credits</a></li>
<li><a href="2013-Crises-and-Paganism.html#Press">Press</a></li>
</ul>
</div>
</li>
</ul>
<a href="#offcanvas" class="uk-navbar-toggle uk-visible-small" data-uk-offcanvas>x</a>
<div class="uk-navbar-brand uk-navbar-center uk-visible-small">2015 Antidote</div>
</nav>
</div>
</div>
</div>
<div class="uk-grid" id="biennale-introduction">
<div class="uk-width-medium-1-1 uk-container-center uk-text-justify page biennale-introduction">
<h1>Introduction</h1>
<p>The Mykonos Biennale is a cult event which brings together artists from all over the world to create something new, to break the borders of their own art, using the telluric energy and hermetic beauty of this cosmopolitan island.</p>
<p>Returning to the essence of the island: Sexy, hippy, historic nudist-naturalists, paganistic and mythic is the Mykonos Biennale Destination.</p>
<p>The international multicultural events will interact with the local memories, traditions and historical spaces creating a unique experimental event.</p>
<p>The art exhibitions, the installations, and performances of the artists, the musicians and dance group will spread through out the monasteries, the museums, the old houses, the ancient island of Delos, the windmills and other monumental buildings, like a treasure map of the old island. The heart of the festival is the Cine Mando which will host the first open air video film festival.</p>
</div>
</div>
<div class="uk-grid" id="biennale-statement">
<div class="uk-width-medium-1-1 uk-text-justify uk-container-center page biennale-statement ">
<h1>Biennale Statement</h1>
<p>This is not a biennale, it is a symposium where Art and Philosophy meet with the extraordinary energy of Mykonos.</p>
<p>Our ambition is to create a unique event where personalities are invited to communicate the spirit of humanity.</p>
<p>Today’s economic disaster presses the populations into depression, a dead-end of confusion darkness and anonymity.</p>
<p>Before finding any solutions we must find ourselves.</p>
<p>Living poetically, celebrating human existence, communicating with art and philosophy, walking in this territory of culture, history, and genuine vitality we will manifest ideas, strength, enthusiasm and optimism to look together for the DESTINATION.</p>
<p>Like Baudelaire’s Kythera and Cavafy’s Ithaca, Mykonos is a symbolic island: the transcendental land of the alternative thought.</p>
<p>With the Mykonos Biennale we will create a historical event with momentum where the universal spirit of art, liberated, will regenerate in the eternal spring of life.</p>
</div>
</div>
<div class="uk-grid mark_red" id="biennale-artprogram">
<div class="uk-width-medium-1-1 uk-text-justify uk-container-center page biennale-artprogram">
<h1>Art Program</h1>
<p>The venues of the Mykonos Biennale are located in many strategic points to initiate the visitor into the cultural inheritance of the island. The contemporary and international art works will blend with traditional culture in a haunted dialog hosted by the ghost of the past creating together Historical Time.</p>
</div>
</div>
<div class="uk-grid mark_red" id="biennale-education">
<div class="uk-width-medium-1-1 uk-text-justify uk-container-center page biennale-education">
<h1>Education & Internship Progam</h1>
<p>During the biennale there will be numerous lectures and discussions on the arts, philosophy, music and civilization which be held in the amphitheater. This interaction will lay the ground and build the foundation for the future communication between the participants</p>
<p>The Biennale’s internship program gives the youth from many countries important training and experience and real exposure in event management and art curation. Their time with us and the certificate awarded by the Biennale will help and inspire them in their future in further education and employment.</p>
<p>In the educational season the foundation of the biennale will organize exchange programs between various educational establishments in the Greece and the rest of the world with the aim to build strong bonds and projects between them. </p>
</div>
</div>
<div class="uk-grid mark_red" id="biennale-awards">
<div class="uk-width-medium-1-1 uk-container-center page biennale-awards">
<h1>Awards</h1>
<div class="uk-grid mark_red ">
<div class="uk-width-small-1-3 uk-container-center" style="text-align: center;">
<img class="uk-responsive-width" alt ="Mykonos Biennale The Golden Pelican Award -aka-The Petros"
src ="images/mykonos-biennale-the-pelican-golden-aka-petros-4.png">
<h3>
The<br/>Golden Pelican Award<br/>The Petros
</h3>
</div>
<div class="uk-width-small-1-3" style="text-align: center;">
<img class="uk-responsive-width" alt="The Mykonos Biennale Byron Award" src ="images/mykonos-biennale-the-byron-award-7.png">
<h3>The<br/>Byron Award</h3>
</div>
<div class="uk-width-small-1-3" style="text-align: center;">
<img class="uk-responsive-width" alt="The Mykonos Bienale Manto Award" src ="images/mykonos-biennale-the-manto-award-3.png">
<h3>The<br/>Manto Award</h3>
</div>
</div>
</div>
</div>
<div class="uk-grid mark_red" id="biennale-contact">
<div class="uk-width-medium-1-1 uk-text-justify uk-container-center page biennale-contact">
<h1>MYKONOS BIENNALE</h1>
<p>31 Greene Street, 3rd floor<br.>
New York, NY 10013-2540</p>
<p>t +1-919-473-3233<br/>
f +1-917-595-5301</p>
<p>e [email protected]<br/>
w www.mykonosbiennale.com</p>
</div>
</div>
<!-- <div class="uk-position-bottom uk-sticky-init data-uk-sticky " data-uk-sticky="{boundary: '.back', target:nav}"> -->
<footer class="footie uk-hidden-small">
<div class="uk-container uk-container-center">
<div class="uk-clearfixc">
<div class="uk-align-medium-left">
<div class="uk-panel widget_text">Copyright © Mykonos Biennale 2013,14,15</div>
</div>
<div class="uk-align-medium-right">
<div class="uk-panel widget_text">
<a href="#" class="uk-icon-small uk-icon-twitter uk-margin-right"></a>
<a href="#" class="uk-icon-small uk-icon-facebook uk-margin-right"></a>
<a href="#" class="uk-icon-small uk-icon-pinterest"></a>
</div>
</div>
<a class="tm-totop-scroller uk-text-center" data-uk-smooth-scroll="" href="#"></a>
</div>
</div>
</footer>
<!-- </div> -->
</div>
<script>
</script>
</body>
</html>