-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathlogo.html
26 lines (22 loc) · 1.15 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
<!DOCTYPE html>
<html>
<head>
<title>reforest</title>
<link href="https://fonts.googleapis.com/css?family=Quicksand:500" rel="stylesheet">
</head>
<body style="height: 100vh;width: 100vw;display: flex;flex-direction: column;justify-content: center;align-items: center;margin: 0;padding: 0;">
<link href="https://fonts.googleapis.com/css?family=Quicksand:500" rel="stylesheet">
<div id="logo" style="position: relative;height: 30%;width: 30%;margin: 0;padding: 0;">
<svg height="100%" width="100%" viewBox="0 0 100 100" style="position: absolute;">
<polygon points="0,100 50,10 90,100" style="fill:#004953;" />
</svg>
<svg height="100%" width="100%" viewBox="0 0 100 100" style="position: absolute;">
<polygon points="40,100 70,30 100,100" style="fill:#2F847C" />
</svg>
<svg height="100%" width="100%" viewBox="0 0 100 100" style="position: absolute;">
<polygon points="20,100 45,50 70,100" style="fill:#ACE1AF" />
</svg>
</div>
<div style="font-size: 8vw;color: #004953;font-family: 'Quicksand', sans-serif;letter-spacing: 1vw;">reforest</div>
</body>
</html>