-
Notifications
You must be signed in to change notification settings - Fork 0
/
zeptepi.html
68 lines (52 loc) · 2.99 KB
/
zeptepi.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="theme-color" content="#000000">
<title>Emanuele Coppo • ZEPTEPI</title>
<meta name="description" content="Graphic Designer, Web Designer and Musician based in Milan, Italy.">
<meta name="twitter:card" content="summary_large_image">
<meta property="og:type" content="website">
<meta property="og:url" content="http://www.emanuelecoppo.com">
<meta property="og:title" content="Emanuele Coppo • ZEPTEPI">
<meta property="og:description" content="Graphic Designer, Web Designer and Musician based in Milan, Italy.">
<meta property="og:image" content="http://www.emanuelecoppo.com/img/zeptepi/header.png">
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/queries.css">
<script src="js/prefixfree.min.js"></script>
</head>
<body>
<div id="nav">
<a href="index.html#works">Works</a>
<a href="about.html">About</a>
<a href="about.html#contact">Contact</a>
</div>
<div class="title">
<h1>ZEPTEPI<span>2020</span></h1>
<p class="category">Illustration.</p>
</div>
<div class="image zeptepi"><img src="img/zeptepi/header.png"></div>
<div class="description">
<h3>Client</h3>
<p>ZEPTEPI, a musical project based in Bergamo, Italy.</p>
<h3>Concept</h3>
<p>Graphic project for the musical group <a class="underline" href="http://instagram.com/zeptepisound" target="_blank"=>ZEPTEPI</a>. It includes a main logo and a series of symbols. The visual identity of the band is inspired by the ancient Egyptian hieroglyphs, revisited in a modern and futuristic key. Each one is linked to an emotion or an aspect of human life. Each symbol matches a specific letter: together they form an artificial alphabet and a new writing system.</p>
</div>
<div class="gallery">
<div class="image column-3 zeptepi frz"><img class="symbol" src="img/zeptepi/1.png"></div>
<div class="image column-3 zeptepi frz"><img class="symbol" src="img/zeptepi/2.png"></div>
<div class="image column-3 zeptepi frz"><img class="symbol" src="img/zeptepi/3.png"></div>
<div class="image column-3 zeptepi frz"><img class="symbol" src="img/zeptepi/4.png"></div>
<div class="image column-3 zeptepi frz"><img class="symbol" src="img/zeptepi/5.png"></div>
<div class="image column-3 zeptepi frz"><img class="symbol" src="img/zeptepi/6.png"></div>
<div class="image column-3 zeptepi frz"><img class="symbol" src="img/zeptepi/7.png"></div>
<div class="image column-3 zeptepi frz"><img class="symbol" src="img/zeptepi/8.png"></div>
<div class="image column-3 zeptepi frz"><img class="symbol" src="img/zeptepi/9.png"></div>
</div>
<a class="next underline" href="twenty-thousand-leagues.html">next work →</a>
<!--SCRIPT-->
<script src="js/jquery-3.5.1.min.js"></script>
<script src="js/script.js"></script>
</body>
</html>