-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
176 lines (165 loc) · 11.7 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
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
<!DOCTYPE html>
<html lang="pt-br">
<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="shortcut icon" href="assets/portfolio.png" type="image/x-icon">
<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=Merriweather+Sans:wght@400;500;700&display=swap" rel="stylesheet">
<title>Portifólio</title>
</head>
<body>
<section>
<div id="profile">
<img src="https://github.com/celo-gomes.png" alt="photo">
<h2>Marcelo Gomes</h2>
<p>Estudando Desenvolvimento Web</p>
</div>
<div id="links">
<p>
<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M21.5 10C21.5 17 12.5 23 12.5 23C12.5 23 3.5 17 3.5 10C3.5 7.61305 4.44821 5.32387 6.13604 3.63604C7.82387 1.94821 10.1131 1 12.5 1C14.8869 1 17.1761 1.94821 18.864 3.63604C20.5518 5.32387 21.5 7.61305 21.5 10Z" stroke="#837E9F" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M12.5 13C14.1569 13 15.5 11.6569 15.5 10C15.5 8.34315 14.1569 7 12.5 7C10.8431 7 9.5 8.34315 9.5 10C9.5 11.6569 10.8431 13 12.5 13Z" stroke="#837E9F" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
<span>Brasil</span>
</p>
<p>
<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M20.5 7H4.5C3.39543 7 2.5 7.89543 2.5 9V19C2.5 20.1046 3.39543 21 4.5 21H20.5C21.6046 21 22.5 20.1046 22.5 19V9C22.5 7.89543 21.6046 7 20.5 7Z" stroke="#837E9F" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M16.5 21V5C16.5 4.46957 16.2893 3.96086 15.9142 3.58579C15.5391 3.21071 15.0304 3 14.5 3H10.5C9.96957 3 9.46086 3.21071 9.08579 3.58579C8.71071 3.96086 8.5 4.46957 8.5 5V21" stroke="#837E9F" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
<span>Rocketseat School</span>
</p>
<p>
<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_10662_659)">
<path d="M16.5 22V18.13C16.5375 17.6532 16.4731 17.1738 16.311 16.7238C16.1489 16.2738 15.8929 15.8634 15.56 15.52C18.7 15.17 22 13.98 22 8.52C21.9997 7.12383 21.4627 5.7812 20.5 4.77C20.9559 3.54851 20.9236 2.19835 20.41 0.999999C20.41 0.999999 19.23 0.649999 16.5 2.48C14.208 1.85882 11.792 1.85882 9.5 2.48C6.77 0.649999 5.59 0.999999 5.59 0.999999C5.07638 2.19835 5.04414 3.54851 5.5 4.77C4.53013 5.7887 3.99252 7.14346 4 8.55C4 13.97 7.3 15.16 10.44 15.55C10.111 15.89 9.85726 16.2954 9.69531 16.7399C9.53335 17.1844 9.46681 17.6581 9.5 18.13V22M9.5 19C4.5 20.5 4.5 16.5 2.5 16L9.5 19Z" stroke="#837E9F" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</g>
<defs>
<clipPath id="clip0_10662_659">
<rect width="24" height="24" fill="white" transform="translate(0.5)"/>
</clipPath>
</defs>
</svg>
<span>Celo-Gomes</span>
</p>
<p>
<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M16.5 8C18.0913 8 19.6174 8.63214 20.7426 9.75736C21.8679 10.8826 22.5 12.4087 22.5 14V21H18.5V14C18.5 13.4696 18.2893 12.9609 17.9142 12.5858C17.5391 12.2107 17.0304 12 16.5 12C15.9696 12 15.4609 12.2107 15.0858 12.5858C14.7107 12.9609 14.5 13.4696 14.5 14V21H10.5V14C10.5 12.4087 11.1321 10.8826 12.2574 9.75736C13.3826 8.63214 14.9087 8 16.5 8V8Z" stroke="#837E9F" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M6.5 9H2.5V21H6.5V9Z" stroke="#837E9F" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M4.5 6C5.60457 6 6.5 5.10457 6.5 4C6.5 2.89543 5.60457 2 4.5 2C3.39543 2 2.5 2.89543 2.5 4C2.5 5.10457 3.39543 6 4.5 6Z" stroke="#837E9F" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
<span>mrclgms</span>
</p>
<p>
<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_10662_675)">
<path d="M23.5 3C22.5424 3.67548 21.4821 4.19211 20.36 4.53C19.7577 3.83751 18.9573 3.34669 18.067 3.12393C17.1767 2.90116 16.2395 2.9572 15.3821 3.28445C14.5247 3.61171 13.7884 4.1944 13.273 4.95372C12.7575 5.71303 12.4877 6.61234 12.5 7.53V8.53C10.7426 8.57557 9.00127 8.18581 7.43101 7.39545C5.86074 6.60508 4.51032 5.43864 3.5 4C3.5 4 -0.5 13 8.5 17C6.44053 18.398 3.98716 19.0989 1.5 19C10.5 24 21.5 19 21.5 7.5C21.4991 7.22145 21.4723 6.94359 21.42 6.67C22.4406 5.66349 23.1608 4.39271 23.5 3V3Z" stroke="#837E9F" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</g>
<defs>
<clipPath id="clip0_10662_675">
<rect width="24" height="24" fill="white" transform="translate(0.5)"/>
</clipPath>
</defs>
</svg>
<span>Celo-Gomes</span>
</p>
<p>
<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12.5 22C18.0228 22 22.5 17.5228 22.5 12C22.5 6.47715 18.0228 2 12.5 2C6.97715 2 2.5 6.47715 2.5 12C2.5 17.5228 6.97715 22 12.5 22Z" stroke="#837E9F" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M2.5 12H22.5" stroke="#837E9F" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M12.5 2C15.0013 4.73835 16.4228 8.29203 16.5 12C16.4228 15.708 15.0013 19.2616 12.5 22C9.99872 19.2616 8.57725 15.708 8.5 12C8.57725 8.29203 9.99872 4.73835 12.5 2V2Z" stroke="#837E9F" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
<span>mgomesdev_section@microsoft.com</span>
</p>
<p>
<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M4.5 4H20.5C21.6 4 22.5 4.9 22.5 6V18C22.5 19.1 21.6 20 20.5 20H4.5C3.4 20 2.5 19.1 2.5 18V6C2.5 4.9 3.4 4 4.5 4Z" stroke="#837E9F" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M22.5 6L12.5 13L2.5 6" stroke="#837E9F" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
<span>marcelog.3212@gmail.com</span>
</p>
</div>
<div id="tecnologies">
<h3>Tecnologias</h3>
<ul>
<li>
<div class="tec">HTML</div>
<div class="tec">CSS</div>
<div class="tec">SQL</div>
</li>
<li>
<div class="tec">NODE JS</div>
<div class="tec">REACT</div>
<div class="tec">TYPESCRIPT</div>
</li>
<li>
<div class="tec">GIT</div>
<div class="tec">GITHUB</div>
<div class="tec">JAVASCRIPT</div>
</li>
</ul>
</div>
<div id="experiences">
<h3>Experiencias</h3>
<ul>
<li><strong>Rocketseat</strong><br>2022 - atualmente<br>Comunity Experience</li>
<li><strong>Rocketseat</strong><br>2022 - 2023<br>NLW</li>
<li><strong>Curso em video</strong><br>2021<br>Goolge Glass Project</li>
</ul>
</div>
<div id="education">
<h3>Educação</h3>
<ul>
<li><strong>UNESA</strong><br>2021 - atualmente<br>Web Developer</li>
<li><strong>Rocketseat</strong><br>2021 - 2023<br>Discovery</li>
<li><strong>Curso em video</strong><br>2021 - 2022<br>Web Developer</li>
</ul>
</div>
</section>
<aside>
<div id="projects">
<h2>My Projects</h2>
<small id="show">Veja todos</small>
</div>
<article id="container">
<a href="http://celo-gomes.github.io/nlw-spacetime" title="github" target="_blank">
<div id="proj">
<p>
<svg width="21" height="20" viewBox="0 0 21 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M18.8333 15.8333C18.8333 16.2754 18.6577 16.6993 18.3452 17.0118C18.0326 17.3244 17.6087 17.5 17.1667 17.5H3.83333C3.39131 17.5 2.96738 17.3244 2.65482 17.0118C2.34226 16.6993 2.16667 16.2754 2.16667 15.8333V4.16667C2.16667 3.72464 2.34226 3.30072 2.65482 2.98816C2.96738 2.67559 3.39131 2.5 3.83333 2.5H8L9.66667 5H17.1667C17.6087 5 18.0326 5.17559 18.3452 5.48816C18.6577 5.80072 18.8333 6.22464 18.8333 6.66667V15.8333Z" stroke="#837E9F" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
<strong>nlw - spacetime</strong>
</p>
<p>Aplicação web responsiva de capsula do tempo</p>
<small>😎 OnLine Now!!</small>
<small id="mark">🔴 HTML</small>
</div>
</a>
<a href="http://celo-gomes.github.io/metamagic" title="github" target="_blank">
<div id="proj">
<p>
<svg width="21" height="20" viewBox="0 0 21 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M18.8333 15.8333C18.8333 16.2754 18.6577 16.6993 18.3452 17.0118C18.0326 17.3244 17.6087 17.5 17.1667 17.5H3.83333C3.39131 17.5 2.96738 17.3244 2.65482 17.0118C2.34226 16.6993 2.16667 16.2754 2.16667 15.8333V4.16667C2.16667 3.72464 2.34226 3.30072 2.65482 2.98816C2.96738 2.67559 3.39131 2.5 3.83333 2.5H8L9.66667 5H17.1667C17.6087 5 18.0326 5.17559 18.3452 5.48816C18.6577 5.80072 18.8333 6.22464 18.8333 6.66667V15.8333Z" stroke="#837E9F" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
<strong>metamagic</strong>
</p>
<p>Aplicação web misticotecnológica..!?</p>
<small>😎 OnLine Now!!</small>
<small id="mark"> ♠️♥️♣️♦️</small>
</div>
</a>
</article>
<div id="posts">
<h3><strong>Recent Posts</strong></h3>
</div>
<div id="onePost">Nothing posted yet!</div>
</aside>
<footer>Orgulhosamente apresentado por M.gomes ©</footer>
<script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>
<script src="script.js"></script>
</body>
</html>