-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
102 lines (99 loc) · 6.23 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
90
91
92
93
94
95
96
97
98
99
100
101
102
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="./styles.css">
<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=Inter:wght@300;400;600&display=swap" rel="stylesheet">
<script src="https://kit.fontawesome.com/89a22b1e4b.js" crossorigin="anonymous"></script>
<link rel="shortcut icon" href="./assets/caticon.svg" type="image/x-icon">
<title>Social Tree</title>
</head>
<body>
<div class="container">
<div class="card">
<div class="image-profile">
<div class="section-image">
<a href="https://github.com/DevEsquilo" target="_blank" rel="noopener noreferrer">
<img src="./assets/cat.jfif" alt="imagem do perfil do github de Dev Esquilo" class="image"/>
</a>
</div> <!-- section-image -->
<div class="section-mention">
<a href="https://twitter.com/DevEsquilo" target="_blank" rel="noopener noreferrer" class="mention">
@DevEsquilo
</a>
</div> <!-- section-mention -->
</div> <!-- image-profile -->
<div class="interactive-section">
<div class="button-list">
<a href="https://github.com/DevEsquilo/" target="_blank" rel="noopener noreferrer" title="Perfil do GitHub"
class="buttons">
github
</a>
</div>
<div class="button-list">
<a href="https://twitter.com/DevEsquilo" target="_blank" rel="noopener noreferrer" title="Perfil do Twitter"
class="buttons">
twitter
</a>
</div>
<div class="button-list">
<a href="https://devesquilo.itch.io" target="_blank" rel="noopener noreferrer"
title="Pagina do Itch.io" class="buttons">
itchio
</a>
</div>
<div class="button-list">
<a href="https://devesquilo.github.io/DevGames/about" target="_blank" rel="noopener noreferrer"
title="Sobre DevEsquiloGames" class="buttons">
DevEsquiloGames
</a>
</div>
</div> <!-- card-buttons -->
<div class="icon-buttons">
<a href="https://github.com/DevEsquilo/" target="_blank" rel="noopener noreferrer" class="icons">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none">
<path
d="M16 22V18.13C16.0375 17.6532 15.9731 17.1738 15.811 16.7238C15.6489 16.2738 15.3929 15.8634 15.06 15.52C18.2 15.17 21.5 13.98 21.5 8.52C21.4997 7.12383 20.9627 5.7812 20 4.77C20.4559 3.54851 20.4236 2.19835 19.91 0.999999C19.91 0.999999 18.73 0.649999 16 2.48C13.708 1.85882 11.292 1.85882 9 2.48C6.27 0.649999 5.09 0.999999 5.09 0.999999C4.57638 2.19835 4.54414 3.54851 5 4.77C4.03013 5.7887 3.49252 7.14346 3.5 8.55C3.5 13.97 6.8 15.16 9.94 15.55C9.611 15.89 9.35726 16.2954 9.19531 16.7399C9.03335 17.1844 8.96681 17.6581 9 18.13V22M9 19C4 20.5 4 16.5 2 16L9 19Z"
stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
</svg>
</a>
<a href="http://" target="_blank" rel="noopener noreferrer" class="icons">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none">
<path
d="M23 2.99998C22.0424 3.67546 20.9821 4.19209 19.86 4.52999C19.2577 3.8375 18.4573 3.34668 17.567 3.12391C16.6767 2.90115 15.7395 2.95718 14.8821 3.28444C14.0247 3.6117 13.2884 4.19439 12.773 4.9537C12.2575 5.71302 11.9877 6.61232 12 7.52998V8.52998C10.2426 8.57555 8.50127 8.1858 6.93101 7.39543C5.36074 6.60506 4.01032 5.43862 3 3.99998C3 3.99998 -1 13 8 17C5.94053 18.398 3.48716 19.0989 1 19C10 24 21 19 21 7.49998C20.9991 7.22144 20.9723 6.94358 20.92 6.66999C21.9406 5.66348 22.6608 4.3927 23 2.99998V2.99998Z"
stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
</svg>
</a>
<a href="http://" target="_blank" rel="noopener noreferrer" class="icons">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none">
<path
d="M16 8C17.5913 8 19.1174 8.63214 20.2426 9.75736C21.3679 10.8826 22 12.4087 22 14V21H18V14C18 13.4696 17.7893 12.9609 17.4142 12.5858C17.0391 12.2107 16.5304 12 16 12C15.4696 12 14.9609 12.2107 14.5858 12.5858C14.2107 12.9609 14 13.4696 14 14V21H10V14C10 12.4087 10.6321 10.8826 11.7574 9.75736C12.8826 8.63214 14.4087 8 16 8V8Z"
stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
<path d="M6 9H2V21H6V9Z" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
<path
d="M4 6C5.10457 6 6 5.10457 6 4C6 2.89543 5.10457 2 4 2C2.89543 2 2 2.89543 2 4C2 5.10457 2.89543 6 4 6Z"
stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
</svg>
</a>
<a href="http://" target="_blank" rel="noopener noreferrer" class="icons">
<svg width="24" height="24" viewBox="0 0 256 256" fill="none">
<path d="M94.1,184.6c-11.4,33.9-56.6,33.9-56.6,33.9s0-45.2,33.9-56.6" fill="none" stroke="#000"
stroke-linecap="round" stroke-linejoin="round" stroke-width="20" />
<path
d="M195.9,105.4,128,173.3,82.7,128l67.9-67.9C176.3,34.4,202,34.7,213,36.3a7.8,7.8,0,0,1,6.7,6.7C221.3,54,221.6,79.7,195.9,105.4Z"
fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="20" />
<path d="M184.6,116.7v64.6a8,8,0,0,1-2.4,5.6l-32.3,32.4a8,8,0,0,1-13.5-4.1L128,173.3" fill="none"
stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="20" />
<path d="M139.3,71.4H74.7a8,8,0,0,0-5.6,2.4L36.7,106.1a8,8,0,0,0,4.1,13.5L82.7,128" fill="none"
stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="20" />
</svg>
</a>
</div> <!-- icons-buttons -->
</div> <!-- card -->
</div> <!-- container -->
</body>
</html>