-
Notifications
You must be signed in to change notification settings - Fork 0
/
food.html
123 lines (83 loc) · 4.82 KB
/
food.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>beuys bois</title>
<meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width" />
<link rel="icon" href="images/logo/logo-icon.png">
<!-- Sources -->
<link rel="stylesheet" href="css/styles.css?v=1.0">
<link rel="stylesheet" href="https://use.typekit.net/lyo0ffm.css">
</head>
<body>
<div class="banner ">
<div id="logo-wrapper" class="wrapper">
<div id="logo-element " class="element "><img src="images/logo/logo-left-b.png" alt=""></div>
<div id="logo-element" class="element "><img src="images/logo/logo-right-b.png" alt=""></div>
</div>
</div>
<nav class="navigation-top">
<ul>
<li data-section="about" id="nav-elem">
<a class="" href="beuysbois.html"><h1>h<span class="nav">o</span>m<span class="nav">e</span></h1></a>
</li>
<li data-section="about" id="nav-elem">
<a href="about.html"><h1>ab<span class="nav">o</span><span class="nav">u</span>t</h1></a>
</li>
<li data-section="archive" id="nav-elem">
<a href="archive.html"><h1>arch<span class="nav">i</span>ve<span class="nav">s</span></h1></a>
</li>
<li data-section="events" id="nav-elem">
<a href="events.html"><h1><span class="nav">e</span>v<span class="nav">e</span>nt<span class="nav">s</span></h1></a>
</li>
<li data-section="open-call" id="nav-elem">
<a href="open-call.html"><h1><span class="nav">o</span>p<span class="nav">e</span>n call</h1></a>
</li>
<li data-section="food" id="nav-elem">
<a class="highlight"href="food.html"><h1>f<span class="nav">o</span><span class="nav">o</span>d</h1></a>
</li>
</ul>
</nav>
<!-- ABOUT -->
<section data-targetted-section="archive" id="food-section" class="food-section ">
<main class="food">
<div class="background-element open-call">
<img id="bg-img" data-src="images/art/" src="images/art/1.jpg" alt="">
</div>
</main>
<!-- BLUR -->
<div class="container blured " data-rellax-speed="5" style="position: absolute; left: 0;">
<div class="row moving title open-call" style="margin-left:-0vw;margin-right:0;width: 100vw;margin-bottom: 0vh !important;">
<h2 class="title open-call" id="target"><span class="title open-call">beuys bois is a new art collective that <br><br>teamed up with existing LGBTQ organisation The Hang-Out 070 to celebrate the LGBTQ arts in the Hagu. </span></h2>
</div>
<div class="row moving title open-call" style="width:100%; ">
<h2 class="title open-call" id="target"><span class="">beuys bois <br>is a new art collective that teamed <br>up with existing LGBTQ organisation The Hang-Ouo meer. </span>
<span class="only-mobile">
experiences, thoughts, memories, fears and chunks of food. It inhabits physical, virtual and conceptual space at the core of beuys bois. Its content, drawing from existing counterparts in the Netherlands and beyond, is primarily powered by Queer living as it exists in daily experiences that surpass border divisions. Despite the potentially passive connotations that arch
</span>
</h2>
</div>
<!-- <div class="row moving title open-call" style="margin-top: -5vh;margin-left:30vw;">
<h2 class="title open-call" id="target"><span class="title open-call">beuys bois is a new art collective that teamed up with existing LGBTQ organisation The Hang-Out 070ive that teamed up with existing LGBTQ organisation The Hang-Ouive that teamed up with
existing LGBTQ organisation The Hang-Ou. </span></h2>
</div> -->
<div class="row moving title open-call" style="margin-top:0vh;width:100%; ">
<h2 class="title open-call" id="target"><span class="">beuys bois is a new art collective that teamt teamed <br>up with existing LGBTQ organisation The Hang-Ouo meer. </span>
<span class="only-mobile">
experiences, thoughts, memories, fears and chunks of food. It inhabits physical, virtual and conceptual space at the core of beuys bois. Its content, drawing from existing counterparts in the Netherlands and beyond, is primarily powered by Queer living as it exists in daily experiences that surpass border divisions. Despite the potentially passive connotations that arch
</span></h2>
</div>
</div>
<!-- END OF BLUR -->
<!-- TEXT -->
<div class="container container-food" style="">
<div class="row">
<h2 class="h-comming-soon"style="text-align: center; color: white;"><span class="comming-soon">
C<span class="nav">o</span>m<span class="nav">i</span>ng s<span class="nav">oo</span>n
</span></h2>
</div>
</div>
</section>
<script src="js/scripts.js"></script>
</body>
</html>