-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
144 lines (117 loc) · 9.27 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
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
<!DOCTYPE html> <!-- Serve para explicar para o documento qual tipo de html estamos usando, no nosso caso o 5-->
<html lang="pt-br">
<!-- também chamado de tag root-->
<head>
<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@900&display=swap" rel="stylesheet">
<!-- serve para colocar informações do nosso documento-->
<!-- meta é toda configuração que é feita do proprio html-->
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Alexandre Monzen</title>
<!--Determina o nome da aba-->
<link rel="stylesheet" href="./styles.css">
</head>
<body>
<header>
<div>
<img src="https://github.com/alexandremonzen.png" alt="Foto de Alexandre Monzen" />
</div>
</header>
<main>
<section class="games-section">
<div>
<h2>Favorite Games</h2>
<p>Games that I love it</p>
<ul class="games-list">
<li>
<a target="_blank" href="https://www.twitch.tv/directory/game/Project%20Zomboid">
<img src="https://static-cdn.jtvnw.net/ttv-boxart/31339_IGDB-285x380.jpg"
alt="Project Zomboid image">
</a>
</li>
<li>
<a target="_blank"
href="https://www.twitch.tv/directory/game/No%20More%20Room%20in%20Hell/videos/all">
<img src="https://static-cdn.jtvnw.net/ttv-boxart/88187_IGDB-285x380.jpg"
alt="No more room in hell image">
</a>
</li>
<li>
<a target="_blank" href="https://www.twitch.tv/directory/game/Stardew%20Valley">
<img src="https://static-cdn.jtvnw.net/ttv-boxart/490744_IGDB-285x380.jpg"
alt="Stardew Valley image">
</a>
</li>
<li>
<a target="_blank" href="https://www.twitch.tv/directory/game/Skullgirls">
<img src="https://static-cdn.jtvnw.net/ttv-boxart/30639_IGDB-285x380.jpg"
alt="Skullgirls image">
</a>
</li>
</ul>
</div>
</section>
<section class="channel-section">
<div>
<h2>Channels and streamers</h2>
<p>List of channels and streamers that I always follow</p>
<ul class="channels-list">
<li>
<a target="_blank" href="https://www.youtube.com/c/FarmandoXP">
<img src="https://yt3.ggpht.com/RN3Z__46g8j9atb_68vq4f_kM9kAKdwWDW-hlIlTAYpwAGxxBbt5mCZn4lNsst_GfXCqxIu4=s176-c-k-c0x00ffffff-no-rj"
alt="FarmandoXP icon image">
</a>
</li>
<li>
<a target="_blank" href="https://www.twitch.tv/al_vesjoga">
<img src="https://static-cdn.jtvnw.net/jtv_user_pictures/2e1cb1c4-8088-4804-8647-5a94de11c55e-profile_image-150x150.png"
alt="User al_vezjoga icon image">
</a>
</li>
<li>
<a target="_blank" href="https://www.youtube.com/channel/UCGObNjkNjo1OUPLlm8BTb3A">
<img src="https://yt3.ggpht.com/ytc/AMLnZu8JYAUICAd2mRrkSnxNbilrgauzmLWG2wp1XEKxeA=s176-c-k-c0x00ffffff-no-rj"
alt="User fabrica de noobs icon image">
</a>
</li>
</ul>
</div>
</section>
<section class="social-section">
<div>
<h2>My social media</h2>
<p>Connect to me everywhere!</p>
<ul class="social-list">
<li>
<a target="_blank" href="https://www.linkedin.com/in/alexandremonzen/">
<svg width="32px" height="32px" viewBox="-2.5 0 24 24" xmlns="http://www.w3.org/2000/svg"><g data-name="Layer 2"><g data-name="linkedin"><rect width="24" height="24" transform="rotate(180 12 12)" opacity="0"/><path d="M15.15 8.4a5.83 5.83 0 0 0-5.85 5.82v5.88a.9.9 0 0 0 .9.9h2.1a.9.9 0 0 0 .9-.9v-5.88a1.94 1.94 0 0 1 2.15-1.93 2 2 0 0 1 1.75 2v5.81a.9.9 0 0 0 .9.9h2.1a.9.9 0 0 0 .9-.9v-5.88a5.83 5.83 0 0 0-5.85-5.82z"/><rect x="3" y="9.3" width="4.5" height="11.7" rx=".9" ry=".9"/><circle cx="5.25" cy="5.25" r="2.25"/></g></g></svg>
</a>
</li>
<li>
<a target="_blank" href="https://github.com/alexandremonzen">
<svg width="32px" height="32px" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg">
<path d="M16 0.396c-8.839 0-16 7.167-16 16 0 7.073 4.584 13.068 10.937 15.183 0.803 0.151 1.093-0.344 1.093-0.772 0-0.38-0.009-1.385-0.015-2.719-4.453 0.964-5.391-2.151-5.391-2.151-0.729-1.844-1.781-2.339-1.781-2.339-1.448-0.989 0.115-0.968 0.115-0.968 1.604 0.109 2.448 1.645 2.448 1.645 1.427 2.448 3.744 1.74 4.661 1.328 0.14-1.031 0.557-1.74 1.011-2.135-3.552-0.401-7.287-1.776-7.287-7.907 0-1.751 0.62-3.177 1.645-4.297-0.177-0.401-0.719-2.031 0.141-4.235 0 0 1.339-0.427 4.4 1.641 1.281-0.355 2.641-0.532 4-0.541 1.36 0.009 2.719 0.187 4 0.541 3.043-2.068 4.381-1.641 4.381-1.641 0.859 2.204 0.317 3.833 0.161 4.235 1.015 1.12 1.635 2.547 1.635 4.297 0 6.145-3.74 7.5-7.296 7.891 0.556 0.479 1.077 1.464 1.077 2.959 0 2.14-0.020 3.864-0.020 4.385 0 0.416 0.28 0.916 1.104 0.755 6.4-2.093 10.979-8.093 10.979-15.156 0-8.833-7.161-16-16-16z"/>
</svg>
</a>
</li>
<li>
<a target="_blank" href="https://www.instagram.com/alexandre_monzen/">
<svg width="32px" height="32px" viewBox="0 0 24 24" role="img" xmlns="http://www.w3.org/2000/svg"><title>Instagram icon</title><path d="M12 0C8.74 0 8.333.015 7.053.072 5.775.132 4.905.333 4.14.63c-.789.306-1.459.717-2.126 1.384S.935 3.35.63 4.14C.333 4.905.131 5.775.072 7.053.012 8.333 0 8.74 0 12s.015 3.667.072 4.947c.06 1.277.261 2.148.558 2.913.306.788.717 1.459 1.384 2.126.667.666 1.336 1.079 2.126 1.384.766.296 1.636.499 2.913.558C8.333 23.988 8.74 24 12 24s3.667-.015 4.947-.072c1.277-.06 2.148-.262 2.913-.558.788-.306 1.459-.718 2.126-1.384.666-.667 1.079-1.335 1.384-2.126.296-.765.499-1.636.558-2.913.06-1.28.072-1.687.072-4.947s-.015-3.667-.072-4.947c-.06-1.277-.262-2.149-.558-2.913-.306-.789-.718-1.459-1.384-2.126C21.319 1.347 20.651.935 19.86.63c-.765-.297-1.636-.499-2.913-.558C15.667.012 15.26 0 12 0zm0 2.16c3.203 0 3.585.016 4.85.071 1.17.055 1.805.249 2.227.415.562.217.96.477 1.382.896.419.42.679.819.896 1.381.164.422.36 1.057.413 2.227.057 1.266.07 1.646.07 4.85s-.015 3.585-.074 4.85c-.061 1.17-.256 1.805-.421 2.227-.224.562-.479.96-.899 1.382-.419.419-.824.679-1.38.896-.42.164-1.065.36-2.235.413-1.274.057-1.649.07-4.859.07-3.211 0-3.586-.015-4.859-.074-1.171-.061-1.816-.256-2.236-.421-.569-.224-.96-.479-1.379-.899-.421-.419-.69-.824-.9-1.38-.165-.42-.359-1.065-.42-2.235-.045-1.26-.061-1.649-.061-4.844 0-3.196.016-3.586.061-4.861.061-1.17.255-1.814.42-2.234.21-.57.479-.96.9-1.381.419-.419.81-.689 1.379-.898.42-.166 1.051-.361 2.221-.421 1.275-.045 1.65-.06 4.859-.06l.045.03zm0 3.678c-3.405 0-6.162 2.76-6.162 6.162 0 3.405 2.76 6.162 6.162 6.162 3.405 0 6.162-2.76 6.162-6.162 0-3.405-2.76-6.162-6.162-6.162zM12 16c-2.21 0-4-1.79-4-4s1.79-4 4-4 4 1.79 4 4-1.79 4-4 4zm7.846-10.405c0 .795-.646 1.44-1.44 1.44-.795 0-1.44-.646-1.44-1.44 0-.794.646-1.439 1.44-1.439.793-.001 1.44.645 1.44 1.439z"/></svg>
</a>
</li>
<li>
<a target="_blank" href="https://www.youtube.com/channel/UC6D5wrqkRPMtGBA8NiruwLQ">
<svg width="46px" height="46px" viewBox="1.5 3.5 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M14 12L10.5 14V10L14 12Z" fill="black" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M2 12.7075V11.2924C2 8.39705 2 6.94939 2.90549 6.01792C3.81099 5.08645 5.23656 5.04613 8.08769 4.96549C9.43873 4.92728 10.8188 4.8999 12 4.8999C13.1812 4.8999 14.5613 4.92728 15.9123 4.96549C18.7634 5.04613 20.189 5.08645 21.0945 6.01792C22 6.94939 22 8.39705 22 11.2924V12.7075C22 15.6028 22 17.0505 21.0945 17.9819C20.189 18.9134 18.7635 18.9537 15.9124 19.0344C14.5613 19.0726 13.1812 19.1 12 19.1C10.8188 19.1 9.43867 19.0726 8.0876 19.0344C5.23651 18.9537 3.81097 18.9134 2.90548 17.9819C2 17.0505 2 15.6028 2 12.7075Z" stroke="black" stroke-width="1.5"/>
</svg>
</a>
</li>
</ul>
</div>
</section>
</main>
</body>
</html>