-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
84 lines (70 loc) · 7.85 KB
/
index.html
File metadata and controls
84 lines (70 loc) · 7.85 KB
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
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Guilherme Germano - DoWhile 2021</title>
<link rel="stylesheet" href="style.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=Roboto:wght@400;700&display=swap" rel="stylesheet">
</head>
<body>
<main>
<div class="container">
<div class="avatar">
<span>
<img src="img/build.svg" alt="Selo Rocketseat" class="selo is-animating">
</span>
<img src="img/photo-personal.jpg" alt="Foto pessoal" id="userImage">
</div>
<h1 id="userName">Guilherme Germano</h1>
<a id="userLink" href="https://github.com/GuilhermeGermano" target="_blank" >
<img src="img/github.svg" alt="Ícone Github" >
<span id="userLogin">guilhermegermano</span></a>
<p id="userBio">Estudante de desenvolvimento web front-end.</p>
<ul id="socialLinks">
<li class="linkedin">
<a href="https://www.linkedin.com/in/guilhermegermano27" target="_blank">
<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M33 13.5H14.9531C14.1562 13.5 13.5 14.2031 13.5 15.0469V33C13.5 33.8438 14.1562 34.5 14.9531 34.5H33C33.7969 34.5 34.5 33.8438 34.5 33V15.0469C34.5 14.2031 33.7969 13.5 33 13.5ZM19.8281 31.5H16.7344V21.5156H19.8281V31.5ZM18.2812 20.1094C17.25 20.1094 16.4531 19.3125 16.4531 18.3281C16.4531 17.3438 17.25 16.5 18.2812 16.5C19.2656 16.5 20.0625 17.3438 20.0625 18.3281C20.0625 19.3125 19.2656 20.1094 18.2812 20.1094ZM31.5 31.5H28.3594V26.625C28.3594 25.5 28.3594 24 26.7656 24C25.125 24 24.8906 25.2656 24.8906 26.5781V31.5H21.7969V21.5156H24.75V22.875H24.7969C25.2188 22.0781 26.25 21.2344 27.75 21.2344C30.8906 21.2344 31.5 23.3438 31.5 26.0156V31.5Z" class="linkedin-edit" fill="white"/>
</svg>
</a>
</li>
<li class="instagram">
<a href="https://instagram.com/ggermano_c" target="_blank">
<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg" >
<g clip-path="url(#clip0)" >
<path d="M22.724 35.9999C21.617 35.9999 20.324 35.9939 19.048 35.9209C17.1811 35.9629 15.3729 35.2669 14.016 33.9839C12.7328 32.6275 12.0367 30.8196 12.079 28.9529C12 27.5099 12 26.0509 12 24.6399C12 24.4265 12 24.2132 12 23.9999C12 23.7865 12 23.5732 12 23.3599C12 21.9489 12 20.4899 12.079 19.0479C12.037 17.1809 12.733 15.3728 14.016 14.0159C15.3729 12.7329 17.1811 12.0369 19.048 12.0789C20.328 12.0059 21.617 11.9999 22.724 11.9999H25.277C26.384 11.9999 27.677 12.0059 28.954 12.0789C30.8207 12.0366 32.6286 12.7327 33.985 14.0159C35.268 15.3728 35.964 17.1809 35.922 19.0479C36 20.4899 36 21.9489 36 23.3609C36 23.5742 36 23.7875 36 24.0009C36 24.2142 36 24.4272 36 24.6399C36 26.0509 36 27.5099 35.921 28.9539C35.9633 30.8206 35.2672 32.6285 33.984 33.9849C32.6276 35.2681 30.8197 35.9642 28.953 35.9219C27.672 35.9949 26.383 36.0009 25.276 36.0009L22.724 35.9999Z" class="instagram-edit"
fill="white"/>
<path d="M29.6061 18.7885C29.8426 18.9465 30.1206 19.0308 30.405 19.0308L30.406 19.0318C30.7873 19.0313 31.1528 18.8795 31.4223 18.6097C31.6917 18.3399 31.843 17.9741 31.843 17.5928C31.843 17.3084 31.7587 17.0304 31.6007 16.7939C31.4427 16.5575 31.2181 16.3731 30.9553 16.2643C30.6926 16.1555 30.4034 16.127 30.1245 16.1825C29.8456 16.238 29.5893 16.3749 29.3882 16.576C29.1871 16.7771 29.0502 17.0334 28.9947 17.3123C28.9392 17.5913 28.9677 17.8804 29.0765 18.1431C29.1853 18.4059 29.3697 18.6305 29.6061 18.7885Z" fill="#323238"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M24.0003 30.1556C22.7828 30.1554 21.5927 29.7942 20.5805 29.1176C19.5683 28.4411 18.7794 27.4796 18.3137 26.3547C17.8479 25.2298 17.7261 23.9921 17.9637 22.798C18.2014 21.6039 18.7878 20.5071 19.6487 19.6463C20.5097 18.7854 21.6066 18.1992 22.8007 17.9618C23.9949 17.7243 25.2326 17.8463 26.3574 18.3123C27.4822 18.7782 28.4436 19.5673 29.1199 20.5796C29.7963 21.5919 30.1573 22.7821 30.1573 23.9996C30.1558 25.632 29.5066 27.1972 28.3522 28.3515C27.1979 29.5058 25.6328 30.154 24.0003 30.1556ZM24.0003 20.0001C23.2092 20.0001 22.4358 20.2347 21.778 20.6742C21.1202 21.1137 20.6075 21.7385 20.3048 22.4694C20.002 23.2003 19.9228 24.0045 20.0771 24.7805C20.2315 25.5564 20.6124 26.2691 21.1719 26.8285C21.7313 27.3879 22.444 27.7689 23.2199 27.9232C23.9958 28.0776 24.8001 27.9984 25.531 27.6956C26.2619 27.3929 26.8866 26.8802 27.3262 26.2224C27.7657 25.5646 28.0003 24.7912 28.0003 24.0001C28.0003 22.9392 27.5789 21.9218 26.8287 21.1717C26.0786 20.4215 25.0612 20.0001 24.0003 20.0001Z" fill="#323238"/>
</g>
<defs>
<clipPath id="clip0">
<rect width="24" height="24" fill="white" transform="translate(12 11.9999)"/>
</clipPath>
</defs>
</svg>
</a>
</li>
<li class="twitter">
<a href="https://twitter.com/ggermano3" target="_blank">
<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0)">
<path d="M36.6849 16.8454C35.7603 17.236 34.7804 17.4936 33.7769 17.6099C34.8352 17.0044 35.627 16.0518 36.0048 14.9295C35.0115 15.4966 33.9234 15.8957 32.7882 16.1093C32.0948 15.3978 31.1931 14.9025 30.2007 14.6882C29.2084 14.4739 28.1715 14.5504 27.2254 14.9078C26.2792 15.2652 25.4677 15.8869 24.8968 16.6917C24.3259 17.4966 24.022 18.4472 24.0248 19.4196C24.0229 19.7917 24.0668 20.1627 24.1556 20.525C22.1396 20.4295 20.1674 19.9287 18.3677 19.0552C16.5679 18.1817 14.9812 16.9551 13.7111 15.4557C13.0631 16.5232 12.8653 17.7866 13.1579 18.9887C13.4505 20.1907 14.2116 21.2409 15.2861 21.9253C14.4786 21.9062 13.6882 21.6984 12.9841 21.3201V21.3803C12.9836 22.4996 13.3885 23.5845 14.1302 24.4508C14.8718 25.3171 15.9043 25.9112 17.0523 26.1322C16.6174 26.2449 16.1687 26.3021 15.7181 26.3021C15.3985 26.3027 15.0797 26.2726 14.7664 26.2124C15.09 27.1751 15.7204 28.017 16.5694 28.6202C17.4184 29.2235 18.4434 29.5581 19.5012 29.577C17.7065 30.9253 15.489 31.6563 13.2063 31.6521C12.8024 31.6517 12.3989 31.6284 11.9979 31.5825C14.3045 33.0171 16.9986 33.778 19.7505 33.7721C21.6488 33.7848 23.5308 33.4367 25.2871 32.7481C27.0434 32.0595 28.639 31.0441 29.9811 29.7609C31.3232 28.4776 32.385 26.9522 33.1049 25.2733C33.8248 23.5944 34.1883 21.7955 34.1743 19.9811C34.1743 19.7711 34.1743 19.5611 34.1583 19.3559C35.1498 18.6691 36.0053 17.819 36.6849 16.8454Z" class="twitter-edit" fill="white"/>
</g>
<defs>
<clipPath id="clip0">
<rect width="24.6857" height="19.2" fill="white" transform="translate(12 14.5712)"/>
</clipPath>
</defs>
</svg>
</a>
</li>
</ul>
</div>
</main>
<script src="main.js"></script>
</body>
</html>