-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
71 lines (65 loc) · 3.18 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
65
66
67
68
69
70
71
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Codevine</title>
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link href="https://fonts.googleapis.com/css2?family=Outfit:wght@700&display=swap" rel="stylesheet" />
<style>
body {
margin: 0;
background: #334155;
color: #fff;
font-family: Outfit, sans-serif;
letter-spacing: 0.025em;
}
.content {
display: flex;
align-items: center;
justify-content: center;
min-height: 100dvh;
flex-direction: column;
}
.logo {
width: 300px;
height: auto;
margin-bottom: 2rem;
}
.tagline {
font-size: 32px;
font-weight: bold;
}
a {
color: #fff;
text-decoration: underline;
text-underline-offset: 4px;
}
</style>
</head>
<body>
<div class="content">
<svg class="logo" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 259 129">
<path
fill="#fff"
d="M27.51 58.3c13.95 0 24.62-8.15 26.6-20.88h-12.8c-1.83 5.26-7.24 8.76-13.57 8.76-8.84 0-14.7-6.1-14.7-17 0-10.36 5.25-17.21 14.7-17.21 5.8 0 10.6 3.12 12.27 8.76h13.03C51.3 8.15 41.31 0 28.04 0 11.14 0 0 11.74 0 29.27 0 47.78 11.2 58.3 27.51 58.3Zm90.79-29.19C118.3 12.2 107.34 0 90.65 0c-16.62 0-27.6 12.27-27.6 29.19S73.95 58.3 90.57 58.3c16.69 0 27.74-12.27 27.74-29.19Zm-13.02 0c0 10.75-5.57 17.15-14.56 17.15-9.22 0-14.63-6.4-14.63-17.15 0-10.74 5.48-17.14 14.63-17.14 9.07 0 14.56 6.4 14.56 17.14Zm47.54 28.28c16.08 0 27.28-11.59 27.28-28.05C180.1 12.65 168.67 1 152.82 1h-22.1v56.4h22.1Zm-1.22-44.9c9.45 0 15.47 6.94 15.47 16.85 0 9.83-5.86 16.7-15.47 16.7h-8.53V12.5h8.53Zm76.73 44.9V45.8h-23.48V34.3h20.81V23.4h-20.8V12.65h23.47V1H192.5v56.4h35.82ZM21.48 128.67H34.2L55.3 72.3H42.04L31.7 100.8c-1.3 3.5-2.6 7-3.89 11.88A105.16 105.16 0 0 0 24 100.8L13.56 72.3H0l21.48 56.38Zm56.6-56.37H65.74v56.37h12.34V72.3Zm26.94 56.37v-36.8l23.76 36.8h12.19V72.3h-12.19v36.88L105.02 72.3h-12.2v56.38h12.2Zm87.22 0V117.1h-23.46v-11.5h20.8V94.7h-20.8V83.95h23.46V72.29h-35.8v56.38h35.8Z"
/>
<path fill="#FFB017" d="M249.1 19.8a9.9 9.9 0 1 1 0-19.8 9.9 9.9 0 0 1 0 19.8Z" />
<circle cx="249.1" cy="42.06" r="9.9" fill="#FFB017" transform="rotate(90 249.1 42.06)" />
<path fill="#FFB017" d="M249.1 96.41a9.9 9.9 0 1 1 0-19.8 9.9 9.9 0 0 1 0 19.8Z" />
<circle cx="216.94" cy="86.6" r="9.9" fill="#FFB017" transform="rotate(90 216.94 86.6)" />
<circle cx="216.94" cy="118.77" r="9.9" fill="#FFB017" transform="rotate(90 216.94 118.77)" />
<path
stroke="#FFB017"
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="3.94"
d="M249.16 9.9v78.6m0-24.1v0A32.17 32.17 0 0 0 217 96.55v22.2"
/>
</svg>
<p class="tagline">We build things on the internet.</p>
<p>Currently working on: <a href="https://www.frontendmarket.com">Frontend Market</a></p>
</div>
</body>
</html>