-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
89 lines (78 loc) · 2.71 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
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
<html>
<head>
<meta charset="utf-8">
<title>Fancy Software</title>
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="Fancy Software">
<link rel="icon" href="img/logo.svg" sizes="any" type="image/svg+xml">
<link href="https://fonts.googleapis.com/css2?family=Merriweather:wght@300&display=swap" rel="stylesheet">
<style lang="css">
body {
font-family: 'Merriweather', serif;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
height: calc(100vh - 2rem);
padding: 1rem;
margin: 0;
color: #000;
text-align: center;
}
#logo {
height: 10rem;
width: 10rem;
}
h1, h2 {
margin: 0;
}
h1 {
font-size: 300%;
}
#name {
margin-top: 0;
}
#motto {
margin-top: 0.2rem;
}
#links {
margin-top: 0.75rem;
display: flex;
}
.link:not(:first-child) {
margin-left: 0.75rem;
}
.link {
display: inline-block;
padding: 0.75rem;
border: 3px solid black;
border-radius: 100%;
height: 2rem;
width: 2rem;
}
.link:hover {
background-color: black;
}
.link:hover svg {
stroke: white;
}
</style>
</head>
<body>
<img id="logo" src="img/logo.svg">
<h1 id="name">Fancy Software</h1>
<h2 id="motto">That's what we do.</h2>
<div id="links">
<a class="link" href="https://twitter.com/fancysoft">
<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 24 24" fill="none" stroke="#000" stroke-width="2px" stroke-linecap="round" stroke-linejoin="round" class="feather feather-twitter">
<path d="M23 3a10.9 10.9 0 0 1-3.14 1.53 4.48 4.48 0 0 0-7.86 3v1A10.66 10.66 0 0 1 3 4s-4 9 5 13a11.64 11.64 0 0 1-7 2c9 5 20 0 20-11.5a4.5 4.5 0 0 0-.08-.83A7.72 7.72 0 0 0 23 3z"></path>
</svg>
</a>
<a class="link" href="https://github.com/fancysofthq">
<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 24 24" fill="none" stroke="#000" stroke-width="2px" stroke-linecap="round" stroke-linejoin="round" class="feather feather-github">
<path d="M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37 0 0 0-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44 0 0 0 20 4.77 5.07 5.07 0 0 0 19.91 1S18.73.65 16 2.48a13.38 13.38 0 0 0-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07 0 0 0 5 4.77a5.44 5.44 0 0 0-1.5 3.78c0 5.42 3.3 6.61 6.44 7A3.37 3.37 0 0 0 9 18.13V22"></path>
</svg>
</a>
</div>
</body>
</html>