-
Notifications
You must be signed in to change notification settings - Fork 1
/
logo.html
86 lines (82 loc) · 3.08 KB
/
logo.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
<html>
<head>
<title>MAKER PARTY USING CSS</title>
<meta name="description" content="Maker Party is Mozilla's global campaign to teach the web, with help from thousands of volunteers and community-run events around the world. Maker Party unites educators, organizations and enthusiastic web users with hands-on learning and making.">
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/letters.css" />
<link rel="stylesheet" href="css/shapes.css" />
</head>
<body>
<div class="content">
<h1 class="heading">Maker Party Logo</h1>
<ul class="links">
<li><a href="index.html">Wordmark</a></li>
<li><a href="logo.html" class="active">Logo</a></li>
</ul>
<div class="wrapper">
<div class="hexagon">
<div class="top"></div>
<div class="center">
<div class="wordmark-wrapper">
<div class="text yellow">
<div class="letter-container M">
<div class="M1 letter"></div>
<div class="M2 letter parallelogram-letter"></div>
<div class="M3 letter parallelogram-letter-inv"></div>
<div class="M4 letter "></div>
</div>
<div class="letter-container A">
<div class="A1 letter parallelogram-letter-inv"></div>
<div class="A2 letter parallelogram-letter"></div>
<div class="A3 letter horizontal-letter"></div>
</div>
<div class="letter-container K">
<div class="K1 letter"></div>
<div class="K2 letter parallelogram-letter-inv h55"></div>
<div class="K3 letter parallelogram-letter h55"></div>
</div>
<div class="letter-container E">
<div class="E1 letter"></div>
<div class="E2 letter horizontal-letter"></div>
<div class="E3 letter horizontal-letter"></div>
<div class="E4 letter horizontal-letter"></div>
</div>
<div class="letter-container R">
<div class="R1 letter"></div>
<div class="R2 letter circuar-letter"></div>
<div class="R3 letter parallelogram-letter h55"></div>
</div>
</div>
<div class="text yellow">
<div class="letter-container P">
<div class="P1 letter"></div>
<div class="P2 letter circuar-letter"></div>
</div>
<div class="letter-container A">
<div class="A1 letter parallelogram-letter-inv"></div>
<div class="A2 letter parallelogram-letter"></div>
<div class="A3 letter horizontal-letter"></div>
</div>
<div class="letter-container R">
<div class="R1 letter"></div>
<div class="R2 letter circuar-letter"></div>
<div class="R3 letter parallelogram-letter h55"></div>
</div>
<div class="letter-container T">
<div class="T1 letter horizontal-letter"></div>
<div class="T2 letter"></div>
</div>
<div class="letter-container Y">
<div class="Y1 letter parallelogram-letter"></div>
<div class="Y2 letter parallelogram-letter-inv"></div>
<div class="Y3 letter"></div>
</div>
</div>
</div>
</div>
<div class="bottom"></div>
</div>
</div>
</div>
</body>
</html>