-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathINDEX.html
64 lines (57 loc) · 1.73 KB
/
INDEX.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
<!DOCTYPE html>
<html>
<head>
<header>
<img src="#" alt="da logo"/>
<section>
<p>denise albrecht | <a href="https://www.instagram.com/denoers/">@denoers</a></p>
</section>
<nav id="nav">
<ul>
<li>projects</li>
<li>about</li>
<li>contact</li>
</ul>
</nav>
</header>
<h1>
digital art & <br>
visual communication
</h1>
</head>
<body>
<section id="works">
<article id="Mode X">
<h4>design research</h4>
<h2>Mode X</h2>
<h3>Experiential Futures als Medium der Krisenprävention</h3>
<h4><a href="#">view project</a></h4>
</article>
<article id="50 Years of Future">
<h4>UI/UX (Web / App) and AR</h4>
<h2>50 Years of Future</h2>
<h3>bielefeld UAS</h3>
<h4><a href="#">view project</a></h4>
</article>
</section>
<section id="all projects">
<h2>all projects</h2>
<ul>
<li><a href="#">mode x - experiential futures als medium der krisenprävention</a></li>
<li><a href="#">50 years of future</a></li>
<li><a href="#">mirror montage (wire mesh)</a></li>
<li><a href="#">in this layered world, all perception is real</a></li>
<li><a href="#">bielefeld UAS fashion show 2020</a></li>
<li><a href="#">covid-19 poster campaign</a></li>
<li><a href="#">gum13 - typography special</a></li>
</ul>
</section>
<footer>
<section id="contact">
<h2>contact</h2>
<label for="email">[email protected]</label>
</section>
<a href="" id="imprint">imprint</a>
</footer>
</body>
</html>