-
Notifications
You must be signed in to change notification settings - Fork 0
/
events-post.html
263 lines (215 loc) · 9.03 KB
/
events-post.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
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Event</title>
<link rel="stylesheet" href="assets/style.css">
<script src="assets/js/main.js"></script>
</head>
<body class="events-post">
<!-- Container all parts -->
<div class="page">
<!-- Background layer (Archis) -->
<div class="background">
<div class="layer__archis layer__nav layer__archis--full">
<div class="layer__archis__top">
<div class="title">
<p>ARCHIS</p>
</div>
<div class="navigation">
<ul>
<li><a href="">Volume</a></li>
<li><a href="">Projects</a></li>
<li><a href="">Events</a></li>
<li><a href="">Shop</a></li>
<li><a href="">About</a></li>
<li><a href="">Search</a></li>
</ul>
</div>
</div>
<div class="layer__archis__payoff">
<p>Archis is an experimental think tank devoted to the process of real-time spatial and cultural reflexivity and action.</p>
</div>
</div>
</div>
<!-- Content layers -->
<div class="layers">
<!-- Events -->
<div class="layer layer--events">
<div class="layer__top">
<!-- Nav -->
<div class="nav nav--volume">
<!-- Nav bar -->
<div class="nav__bar">
<!-- Title -->
<div class="layer__top layer__top--small">
<div class="title">
<h2><a href="/volume.html">Events</a></h2>
</div>
</div>
</div>
</div>
</div>
<div class="layer__content">
<!-- Post header -->
<div class="post__header">
<div class="post__title">
<h2>Promises, Promises: Tech Reality Check</h2>
</div>
<!-- NO SUBTITLES FOR THIS TEMPLATE -->
<!-- NO AUTHOR FOR THIS TEMPLATE -->
<!-- NO DATE FOR THIS TEMPLATE -->
</div>
<!-- Event actual content -->
<div class="event__main">
<!-- Details / left column -->
<div class="event__details">
<div class="date"><h4>23.01.20 – 26.01.20</h4></div>
<div class="adress">
<p>Address line 1<br>
Address line 2<br>
Amsterdam</p>
</div>
</div>
<!-- Description / Central column -->
<div class="event__description">
<!-- Post main image. If there is a image thumbnail, the picture goes here -->
<div class="post__cover">
<img src="img/img-3.png" alt="">
</div>
<!-- Post content (default wordpress text editor, no Gutenberg blocks are allowed here) -->
<div class="post__content">
<p>Promises, promises… from citizens, to governments and tech-giants, we all love to hope that new technologies will solve every issue of our cities. Catering solutions for every municipal need, an entire industry has flourished by adding the prefix “smart” to virtually anything. “Safer, more efficient, inclusive, sustainable” they said, while fascinating us with predictions and percentages. And we queued in front of them, waiting to buy a piece of their futures. But how often have these promises actually turned into reality, and evolved from a wishful thinking press-release?</p>
<p>The winter-school Promises, Promises: A tech reality-check is organized as a pre-event of the Media Architecture Biennale 20 that will take part in Utrecht and Amsterdam in Nov 23-27 2020 around the theme #Futures Implied. It is a four-day research workshop with the ambition to do a reality-check of the intersection of technology, architecture and urban planning.</p>
</div>
</div>
<!-- Tickets -->
<div class="event__book">
<div class="book__tickets button button--primary">
<a href="">Book your tickets</a>
</div>
<div class="book__facebook button button--primary">
<a href="">Attend on Facebook</a>
</div>
</div>
</div>
<!-- Event extra information -->
<div class="event__information">
<div class="information__col1">
<div class="item">
<span class="title">Open to</span>
<p>Students, architects, designers, urbanists, sociologists, artists and critical thinkers. Spots are limited.</p>
</div>
<div class="item">
<span class="title">Open to</span>
<p>Students, architects, designers, urbanists, sociologists, artists and critical thinkers. Spots are limited.</p>
</div>
<div class="item">
<span class="title">Open to</span>
<p>Students, architects, designers, urbanists, sociologists, artists and critical thinkers. Spots are limited.</p>
</div>
</div>
<div class="information__col2">
<div class="item">
<span class="title">Open to</span>
<p>Students, architects, designers, urbanists, sociologists, artists and critical thinkers. Spots are limited.</p>
</div>
<div class="item">
<span class="title">Open to</span>
<p>Students, architects, designers, urbanists, sociologists, artists and critical thinkers. Spots are limited.</p>
</div>
</div>
</div>
<!-- Event speakers -->
<div class="event__speakers">
<div class="item">
<div class="portrait">
<img src="" alt="">
</div>
<div class="name">
<span>Stephan Peterman</span>
</div>
<div class="bio">
<p>Stephan Petermann holds a Master’s degree in the History of Architecture and the Theory of Building Preservation from the University of Utrecht (2001-2007) and studied Architecture at the Technical University of Eindhoven (2001-2005). He worked for architecture magazine VOLUME in 2005 and joined OMA in 2006 assisting OMA’s founder Rem Koolhaas with lectures, texts and research.</p>
</div>
</div>
<div class="item">
<div class="portrait">
<img src="" alt="">
</div>
<div class="name">
<span>Stephan Peterman</span>
</div>
<div class="bio">
<p>Stephan Petermann holds a Master’s degree in the History of Architecture and the Theory of Building Preservation from the University of Utrecht (2001-2007) and studied Architecture at the Technical University of Eindhoven (2001-2005). He worked for architecture magazine VOLUME in 2005 and joined OMA in 2006 assisting OMA’s founder Rem Koolhaas with lectures, texts and research.</p>
</div>
</div>
<div class="item">
<div class="portrait">
<img src="img/img-5.png" alt="">
</div>
<div class="name">
<span>Stephan Peterman</span>
</div>
<div class="bio">
<p>Stephan Petermann holds a Master’s degree in the History of Architecture and the Theory of Building Preservation from the University of Utrecht (2001-2007) and studied Architecture at the Technical University of Eindhoven (2001-2005). He worked for architecture magazine VOLUME in 2005 and joined OMA in 2006 assisting OMA’s founder Rem Koolhaas with lectures, texts and research.</p>
</div>
</div>
</div>
<!-- Events credits -->
<div class="event__credits">
<div class="text">
<p>This event is a collaboration with</p>
</div>
<div class="list">
<div class="item">
<a href=""><img src="img/img-4.png" alt=""></a>
</div>
</div>
</div>
<!-- End of layer content -->
</div>
</div>
</div>
</div>
<!-- Footer : reusable block -->
<footer class="footer">
<div class="footer__container">
<div class="footer__follow">
<div class="footer__newsletter">
<p>Do you wan to receive monthly updates of our latest news?</p>
</div>
<div class="footer__socials">
<p>Follow us on social media</p>
</div>
</div>
<div class="footer__secondary">
<div class="col">
<ul>
<li><a href="">Archis</a></li>
<li><a href="">Volume</a></li>
<li><a href="">Projects</a></li>
<li><a href="">Events</a></li>
<li><a href="">Shop</a></li>
</ul>
</div>
<div class="col">
<ul>
<li><a href="">Donate</a></li>
<li><a href="">Submit your work</a></li>
<li><a href="">Advertise</a></li>
<li><a href="">Contact</a></li>
</ul>
</div>
</div>
<div class="footer__tertiary">
<ul>
<li><a href="">Archis, 2020</a></li>
<li><a href="">Credits</a></li>
</ul>
</div>
</div>
</footer>
</body>
</html>