-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
505 lines (491 loc) · 47.9 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
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
<!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">
<meta name="description" content="Portfólio Emanuel Zaveruka" />
<!--IMPORT BOOTSTRAP-->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
<!--LOGO FOR ICON-->
<link rel='icon' type='image/png' href="https://emanuelzaveruka.github.io/portfolio/assets/img/logoMeta.svg">
<!--GLOBAL FOR PRODUCTION-->
<link rel="stylesheet" href="https://emanuelzaveruka.github.io/portfolio/css/global/contact/style.css">
<link rel="stylesheet" href="https://emanuelzaveruka.github.io/portfolio/css/global/aboutme/style.css">
<link rel="stylesheet" href="https://emanuelzaveruka.github.io/portfolio/css/global/skills/style.css">
<link rel="stylesheet" href="https://emanuelzaveruka.github.io/portfolio/css/global/portfolio/style.css">
<link rel="stylesheet" href="https://emanuelzaveruka.github.io/portfolio/css/global/footer/style.css">
<link rel="stylesheet" href="https://emanuelzaveruka.github.io/portfolio/css/global/principal/style.css">
<!--COMPONENTS-->
<link rel="stylesheet" href="https://emanuelzaveruka.github.io/portfolio/css/components/banner/style.css">
<link rel="stylesheet" href="https://emanuelzaveruka.github.io/portfolio/css/components/rectangle trapezoid/style.css">
<!-- UTIL -->
<link rel="stylesheet" href="https://emanuelzaveruka.github.io/portfolio/css/util/inputForColorMode/style.css">
<link rel="stylesheet" href="https://emanuelzaveruka.github.io/portfolio/css/util/nav-bar-mobile/style.css">
<link rel="stylesheet" href="https://emanuelzaveruka.github.io/portfolio/css/util/nav-bar-lateral/style.css">
<link rel="stylesheet" href="https://emanuelzaveruka.github.io/portfolio/css/util/modal/style.css">
<link rel="stylesheet" href="https://emanuelzaveruka.github.io/portfolio/css/util/arrowForMobile/style.css">
<!--CSS LOCAL FOR TEST-->
<!--GLOBAL-->
<link rel="stylesheet" href="./css/global/principal/style.css">
<link rel="stylesheet" href="./css/global/contact/style.css">
<link rel="stylesheet" href="./css/global/aboutme/style.css">
<link rel="stylesheet" href="./css/global/skills/style.css">
<link rel="stylesheet" href="./css/global/portfolio/style.css">
<link rel="stylesheet" href="./css/global/footer/style.css">
<!--COMPONENTS-->
<link rel="stylesheet" href="./css/components/banner/style.css">
<link rel="stylesheet" href="./css/components/rectangle trapezoid/style.css">
<!--UTIL-->
<link rel="stylesheet" href="./css/util/inputForColorMode/style.css">
<link rel="stylesheet" href="./css/util/nav-bar-mobile/style.css">
<link rel="stylesheet" href="./css/util/nav-bar-lateral/style.css">
<link rel="stylesheet" href="./css/util/modal/style.css">
<link rel="stylesheet" href="./css/util/arrowForMobile/style.css">
<!-------------------->
<title>EmanuelZaveruka</title>
<!--SCRIPT FOR BOOTSTRAP-->
<script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
</head>
<body>
<!--MENU NAV BAR-->
<nav>
<div class="toggle">
<input id="switch" type="checkbox" name="theme">
<label for="switch">Toggle</label>
</div>
<div class="mobile-menu">
<div class="line1"></div>
<div class="line2"></div>
<div class="line3"></div>
</div>
<ul class="nav-list">
<li><a class="link nav-none-desk" href="#sobreMim">Sobre mim</a></li>
<li><a class="link" href="#skills">Skills</a></li>
<li><a class="link" href="#portfolios">Portfólios</a></li>
<li><a class="link nav-list-li-desk" href="#contato">Contato</a></li>
</ul>
</nav>
<!--END MENU-->
<!--MENU LATERAL-->
<div id="lateral" class="nav-bar-lateral">
<a class="link" href="#contato"></a>
<a class="link" href="#sobreMim"></a>
<a class="link" href="#skills"></a>
<a class="link" href="#portfolios"></a>
</div>
<!--END MENU LATERAL-->
<!--CONTATO-->
<div class="box">
<section id="contato">
<div class="trapezoid"></div>
<div class="contact">
<div class="contents">
<h4 class="title-main ">Emanuel Zaveruka</h4>
<h2 class="subtitle-main">Full Stack Developer</h2>
<div class="separator-image">
<svg viewBox="0 0 180 10" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M42.3529 6H0M55.9664 1L68.0672 9M68.8235 1L80.9244 9M80.9244 1L92.2689 8.5L102.857 1M104.37 8.5L115.714 1M128.571 1L117.227 8.5M137.647 6H180" stroke="var(--imageslink)" stroke-width="2"/>
</svg>
</div>
</div>
<div class="images-contact">
<a href="mailto:[email protected]">
<svg viewBox="0 0 29 28" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M13.9989 5.77411C16.2129 5.77411 18.2991 6.75558 19.8279 8.28986V8.29439C19.8279 7.55761 20.3236 7.00026 21.0087 7.00026H21.1827C22.2639 7.00026 22.4805 8.0198 22.4805 8.34151L22.485 19.792C22.4098 20.5424 23.2599 20.9302 23.732 20.4481C25.5672 18.5604 27.7667 10.734 22.5892 6.20276C17.7607 1.9733 11.2802 2.67201 7.83459 5.04639C4.17244 7.57664 1.83159 13.1655 4.10538 18.4181C6.5885 24.1447 13.6872 25.853 17.9121 24.1492C20.0508 23.2856 21.0368 26.1729 18.8138 27.1181C15.4634 28.5473 6.12631 28.4014 1.76544 20.8496C-1.18078 15.7483 -1.02491 6.77461 6.79241 2.12555C12.7673 -1.4333 20.6508 -0.447298 25.4032 4.51442C30.3694 9.70633 30.0821 19.4204 25.2337 23.1968C23.0378 24.9141 19.7772 23.2439 19.8007 20.7417L19.7762 19.9261C18.2474 21.4404 16.2129 22.3286 13.9989 22.3286C9.619 22.3286 5.76291 18.4716 5.76291 14.0962C5.76291 9.6737 9.619 5.77592 13.9989 5.77592V5.77411ZM19.508 13.7799C19.3422 10.5745 16.9632 8.6442 14.0886 8.6442H13.9799C10.6666 8.6442 8.82603 11.2542 8.82603 14.2131C8.82603 17.5309 11.0491 19.6261 13.9663 19.6261C17.2224 19.6261 19.3603 17.2436 19.5162 14.4252L19.508 13.7799Z" fill="var(--imageslink)"/>
</svg>
</a>
<a href="https://github.com/emanuelzaveruka" target="_blank">
<svg viewBox="0 0 27 25" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M13.4887 0.160844C6.48506 0.158012 0.8125 5.82774 0.8125 12.8257C0.8125 18.3595 4.36103 23.0635 9.30293 24.791C9.96846 24.9581 9.8665 24.4852 9.8665 24.1623V21.9675C6.02344 22.4178 5.86768 19.8746 5.60996 19.4498C5.08887 18.5606 3.85693 18.334 4.2251 17.9092C5.10019 17.4589 5.99228 18.0225 7.02598 19.5489C7.77363 20.6563 9.23213 20.4694 9.97129 20.2853C10.1327 19.6197 10.4782 19.025 10.954 18.5634C6.97217 17.8497 5.3126 15.4198 5.3126 12.5312C5.3126 11.1293 5.77422 9.84074 6.68047 8.80138C6.10273 7.088 6.73428 5.621 6.81924 5.40294C8.46465 5.25567 10.1752 6.58106 10.3083 6.68585C11.2429 6.4338 12.3105 6.30069 13.5057 6.30069C14.7064 6.30069 15.777 6.43946 16.72 6.69435C17.04 6.45079 18.626 5.31231 20.1553 5.45108C20.2374 5.66915 20.8548 7.10216 20.311 8.79288C21.2286 9.83507 21.6959 11.135 21.6959 12.5397C21.6959 15.434 20.025 17.8667 16.0318 18.5691C16.3739 18.9054 16.6454 19.3066 16.8307 19.749C17.016 20.1915 17.1112 20.6665 17.1108 21.1462V24.3323C17.1335 24.5871 17.1108 24.8392 17.5356 24.8392C22.5512 23.1485 26.162 18.4105 26.162 12.8285C26.162 5.82774 20.4866 0.160844 13.4887 0.160844Z" fill="var(--imageslink)"/>
</svg>
</a>
<a href="https://www.linkedin.com/in/emanuel-zaveruka-588148212/" target="_blank">
<svg viewBox="0 0 29 29" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M14.5 -0.03125C6.49177 -0.03125 0 6.46052 0 14.4688C0 22.477 6.49177 28.9688 14.5 28.9688C22.5082 28.9688 29 22.477 29 14.4688C29 6.46052 22.5082 -0.03125 14.5 -0.03125ZM10.9505 20.4787H8.01427V11.0295H10.9505V20.4787ZM9.46427 9.86953C8.53687 9.86953 7.93724 9.2125 7.93724 8.3999C7.93724 7.57068 8.555 6.93328 9.50203 6.93328C10.4491 6.93328 11.0291 7.57068 11.0472 8.3999C11.0472 9.2125 10.4491 9.86953 9.46427 9.86953ZM21.6745 20.4787H18.7382V15.2421C18.7382 14.0232 18.3123 13.1955 17.2505 13.1955C16.4394 13.1955 15.9576 13.7558 15.7446 14.2951C15.666 14.4869 15.6464 14.7588 15.6464 15.0291V20.4772H12.7086V14.0428C12.7086 12.8632 12.6709 11.8769 12.6316 11.028H15.1827L15.3171 12.3406H15.376C15.7627 11.7243 16.7097 10.8151 18.2942 10.8151C20.226 10.8151 21.6745 12.1095 21.6745 14.8917V20.4787Z" fill="var(--imageslink)"/>
</svg>
</a>
<a href="https://emanuelzaveruka.github.io/portfolio/assets/emanuel-cv.pdf" target="_blank">
<svg viewBox="0 0 47 48" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M0 23.5C0 36.5 13 47.5 23 47.5C33 47.5 47 38 47 24.5C47 11 36.5 0.5 23 0.5C9.5 0.5 0 13 0 23.5ZM10 24L6 28C5.5 29 5.82756 29.4628 7 30.5C11.3333 34.3333 19.4 41.3 21 42.5C22.6 43.7 24.6667 43 25.5 42.5C30 38.8333 39.3 31.2 40.5 30C41.7 28.8 40.5 27.5 40.5 27.5C39.8333 27 38.2 25.7 37 24.5C35.8 23.3 34.5 24 34 24.5C32.8333 25.3333 30.3 27.2 29.5 28C28.7 28.8 28.1667 28.4401 28 28.1601V7.5C28 7.46948 28 5 25.5 5H21C18.5 5 18.5 7.5 18.5 7.5V28C18.5 28.8 17.8333 28.6667 17.5 28.5C16.6667 27.6667 14.5 26 13 24.5C11.5858 23.0858 10.3333 23.6667 10 24Z" fill="var(--imageslink)"/>
</svg>
</a>
</div>
</div>
<div class="boxForArrow">
<svg href="#sobreMim" width="73" height="39" viewBox="0 0 73 39" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M2 2L36.5 36.5L71 2" stroke="var(--fontblack)" stroke-width="3"/>
</svg>
</div>
</section>
</section>
<!--ABOUT ME-->
<section id="sobreMim">
<div class="about-me">
<h4 class="title-main ">Sobre mim</h4>
<svg viewBox="0 0 180 10" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M42.3529 6H0M55.9664 1L68.0672 9M68.8235 1L80.9244 9M80.9244 1L92.2689 8.5L102.857 1M104.37 8.5L115.714 1M128.571 1L117.227 8.5M137.647 6H180" stroke="var(--imageslink)" stroke-width="2"/>
</svg>
<div class="contents-aboutme">
<p>Olá! Seja bem vindo ao meu portfólio! Aqui compartilho sobre as tecnologias que uso e estudo no meu dia a dia. Aqui fica também, alguns dos projetos que estou trabalhando.</p>
<p><br>Para mim ficou claro que sou apaixonado por essa área, nela sou constantemente desafiado a entregar o melhor todos os dias. Escolhi bacharel em Engenharia de Software, e neste período de formação busco me aprimorar em tecnologias
front e back end.</p>
</div>
<svg viewBox="0 0 180 10" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M42.3529 6H0M55.9664 1L68.0672 9M68.8235 1L80.9244 9M80.9244 1L92.2689 8.5L102.857 1M104.37 8.5L115.714 1M128.571 1L117.227 8.5M137.647 6H180" stroke="var(--imageslink)" stroke-width="2"/>
</svg>
</div>
</section>
</div>
<div class="boxForArrow">
<svg href="#skills" width="73" height="39" viewBox="0 0 73 39" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M2 2L36.5 36.5L71 2" stroke="var(--fontblack)" stroke-width="3"/>
</svg>
</div>
<!--SKILLS-->
<section id="skills">
<div class="banner-skills">
<div class="content-skills">
<h4 class="title-skills">SKILLS</h4>
<svg viewBox="0 0 180 10" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M42.3529 6H0M55.9664 1L68.0672 9M68.8235 1L80.9244 9M80.9244 1L92.2689 8.5L102.857 1M104.37 8.5L115.714 1M128.571 1L117.227 8.5M137.647 6H180" stroke="var(--fontwhite)" stroke-width="2"/>
</svg>
</div>
</div>
<div class="skills">
<div class="container-content-skills">
<h1 class="skills-h1">USANDO AGORA:</h1>
<div class="skills-container">
<div class="skills-child">
<img src="https://emanuelzaveruka.github.io/portfolio/assets/img/html5.svg" class="skill-image">
<h3 class="skills-h3">HTML 5</h3>
</div>
<div class="skills-child">
<img src="https://emanuelzaveruka.github.io/portfolio/assets/img/css3.svg" class="skill-image">
<h3 class="skills-h3">CSS 3</h3>
</div>
<div class="skills-child">
<img src="https://emanuelzaveruka.github.io/portfolio/assets/img/bootstrap.svg" class="skill-image">
<h3 class="skills-h3">BOOTSTRAP</h3>
</div>
<div class="skills-child">
<img src="https://emanuelzaveruka.github.io/portfolio/assets/img/javaScript.svg" class="skill-image">
<h3 class="skills-h3">JAVA SCRIPT</h3>
</div>
<div class="skills-child">
<img src="https://emanuelzaveruka.github.io/portfolio/assets/img/git.svg" class="skill-image">
<h3 class="skills-h3">GIT</h3>
</div>
<div class="skills-child">
<img src="https://emanuelzaveruka.github.io/portfolio/assets/img/figma.svg" class="skill-image">
<h3 class="skills-h3">FIGMA</h3>
</div>
<div class="skills-child">
<img src="https://emanuelzaveruka.github.io/portfolio/assets/img/java.svg" class="skill-image">
<h3 class="skills-h3">JAVA</h3>
</div>
</div>
<h1 class="skills-h1">ESTUDANDO:</h1>
<div class="skills-container">
<div class="skills-child">
<img src="https://emanuelzaveruka.github.io/portfolio/assets/img/react.svg" class="skill-image">
<h3 class="skills-h3">REACT</h3>
</div>
<div class="skills-child">
<img src="https://emanuelzaveruka.github.io/portfolio/assets/img/typeScript.svg" class="skill-image">
<h3 class="skills-h3">TYPESCRIPT</h3>
</div>
<div class="skills-child">
<img src="https://emanuelzaveruka.github.io/portfolio/assets/img/c++.svg" class="skill-image">
<h3 class="skills-h3">C++</h3>
</div>
<div class="skills-child">
<img src="https://emanuelzaveruka.github.io/portfolio/assets/img/c.svg" class="skill-image">
<h3 class="skills-h3">C</h3>
</div>
<div class="skills-child">
<img src="https://emanuelzaveruka.github.io/portfolio/assets/img/arduino.svg" class="skill-image">
<h3 class="skills-h3">ARDUINO</h3>
</div>
<div class="skills-child">
<img src="https://emanuelzaveruka.github.io/portfolio/assets/img/springBoot.svg" class="skill-image">
<h3 class="skills-h3">SPRINGBOOT</h3>
</div>
</div>
</div>
</div>
<div class="boxForArrow">
<svg href="#portfolios" width="73" height="39" viewBox="0 0 73 39" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M2 2L36.5 36.5L71 2" stroke="var(--fontblack)" stroke-width="3"/>
</svg>
</div>
</section>
<!--portfolio-->
<section id="portfolios">
<div class="banner-skills">
<div class="content-skills">
<h4 class="title-skills">PORTFÓLIO</h4>
<svg viewBox="0 0 180 10" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M42.3529 6H0M55.9664 1L68.0672 9M68.8235 1L80.9244 9M80.9244 1L92.2689 8.5L102.857 1M104.37 8.5L115.714 1M128.571 1L117.227 8.5M137.647 6H180" stroke="var(--fontwhite)" stroke-width="2"/>
</svg>
</div>
</div>
<div class="portfolio-container">
<div class="portfolio-child">
<a data-toggle="modal" data-target="#modalMsEmail">
<img class="portfolio-image" src="https://emanuelzaveruka.github.io/portfolio/assets/img/msEmail.svg">
</a>
</div>
<div class="portfolio-child">
<a data-toggle="modal" data-target="#modalUserDept">
<img class="portfolio-image" src="https://emanuelzaveruka.github.io/portfolio/assets/img/userDept.svg">
</a>
</div>
<div class="portfolio-child">
<a data-toggle="modal" data-target="#modalMyCoffee">
<img class="portfolio-image" src="https://emanuelzaveruka.github.io/portfolio/assets/img/myCoffe.svg">
</a>
</div>
<div class="portfolio-child">
<a data-toggle="modal" data-target="#modalManoelSyntax">
<img class="portfolio-image" src="https://emanuelzaveruka.github.io/portfolio/assets/img/manoelSyntax.svg">
</a>
</div>
</div>
</section>
<footer class="footer">
<div class="footer-to-top">
<a href="#contato" class="link">
<svg href="#contato" width="27" height="25" viewBox="0 0 27 25" fill="none" xmlns="http://www.w3.org/2000/svg">
<path href="#contato" d="M5.42531 8.85425V13.5417L13.0208 8.33342L20.6163 13.5417V8.85425L13.0208 3.64592L5.42531 8.85425Z" fill="white"/>
<path href="#contato" d="M5.42531 16.1458V20.8333L13.0208 15.6249L20.6163 20.8333V16.1458L13.0208 10.9374L5.42531 16.1458Z" fill="white"/>
</svg>
<p>VOLTAR AO TOPO</p>
</a>
</div>
<div class="links-footer">
<a href="mailto:[email protected]">
<svg viewBox="0 0 29 28" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M13.9989 5.77411C16.2129 5.77411 18.2991 6.75558 19.8279 8.28986V8.29439C19.8279 7.55761 20.3236 7.00026 21.0087 7.00026H21.1827C22.2639 7.00026 22.4805 8.0198 22.4805 8.34151L22.485 19.792C22.4098 20.5424 23.2599 20.9302 23.732 20.4481C25.5672 18.5604 27.7667 10.734 22.5892 6.20276C17.7607 1.9733 11.2802 2.67201 7.83459 5.04639C4.17244 7.57664 1.83159 13.1655 4.10538 18.4181C6.5885 24.1447 13.6872 25.853 17.9121 24.1492C20.0508 23.2856 21.0368 26.1729 18.8138 27.1181C15.4634 28.5473 6.12631 28.4014 1.76544 20.8496C-1.18078 15.7483 -1.02491 6.77461 6.79241 2.12555C12.7673 -1.4333 20.6508 -0.447298 25.4032 4.51442C30.3694 9.70633 30.0821 19.4204 25.2337 23.1968C23.0378 24.9141 19.7772 23.2439 19.8007 20.7417L19.7762 19.9261C18.2474 21.4404 16.2129 22.3286 13.9989 22.3286C9.619 22.3286 5.76291 18.4716 5.76291 14.0962C5.76291 9.6737 9.619 5.77592 13.9989 5.77592V5.77411ZM19.508 13.7799C19.3422 10.5745 16.9632 8.6442 14.0886 8.6442H13.9799C10.6666 8.6442 8.82603 11.2542 8.82603 14.2131C8.82603 17.5309 11.0491 19.6261 13.9663 19.6261C17.2224 19.6261 19.3603 17.2436 19.5162 14.4252L19.508 13.7799Z" fill="var(--fontwhite)"/>
</svg>
</a>
<a href="https://github.com/emanuelzaveruka" target="_blank">
<svg viewBox="0 0 27 25" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M13.4887 0.160844C6.48506 0.158012 0.8125 5.82774 0.8125 12.8257C0.8125 18.3595 4.36103 23.0635 9.30293 24.791C9.96846 24.9581 9.8665 24.4852 9.8665 24.1623V21.9675C6.02344 22.4178 5.86768 19.8746 5.60996 19.4498C5.08887 18.5606 3.85693 18.334 4.2251 17.9092C5.10019 17.4589 5.99228 18.0225 7.02598 19.5489C7.77363 20.6563 9.23213 20.4694 9.97129 20.2853C10.1327 19.6197 10.4782 19.025 10.954 18.5634C6.97217 17.8497 5.3126 15.4198 5.3126 12.5312C5.3126 11.1293 5.77422 9.84074 6.68047 8.80138C6.10273 7.088 6.73428 5.621 6.81924 5.40294C8.46465 5.25567 10.1752 6.58106 10.3083 6.68585C11.2429 6.4338 12.3105 6.30069 13.5057 6.30069C14.7064 6.30069 15.777 6.43946 16.72 6.69435C17.04 6.45079 18.626 5.31231 20.1553 5.45108C20.2374 5.66915 20.8548 7.10216 20.311 8.79288C21.2286 9.83507 21.6959 11.135 21.6959 12.5397C21.6959 15.434 20.025 17.8667 16.0318 18.5691C16.3739 18.9054 16.6454 19.3066 16.8307 19.749C17.016 20.1915 17.1112 20.6665 17.1108 21.1462V24.3323C17.1335 24.5871 17.1108 24.8392 17.5356 24.8392C22.5512 23.1485 26.162 18.4105 26.162 12.8285C26.162 5.82774 20.4866 0.160844 13.4887 0.160844Z" fill="var(--fontwhite)"/>
</svg>
</a>
<a href="https://www.linkedin.com/in/emanuel-zaveruka-588148212/" target="_blank">
<svg viewBox="0 0 29 29" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M14.5 -0.03125C6.49177 -0.03125 0 6.46052 0 14.4688C0 22.477 6.49177 28.9688 14.5 28.9688C22.5082 28.9688 29 22.477 29 14.4688C29 6.46052 22.5082 -0.03125 14.5 -0.03125ZM10.9505 20.4787H8.01427V11.0295H10.9505V20.4787ZM9.46427 9.86953C8.53687 9.86953 7.93724 9.2125 7.93724 8.3999C7.93724 7.57068 8.555 6.93328 9.50203 6.93328C10.4491 6.93328 11.0291 7.57068 11.0472 8.3999C11.0472 9.2125 10.4491 9.86953 9.46427 9.86953ZM21.6745 20.4787H18.7382V15.2421C18.7382 14.0232 18.3123 13.1955 17.2505 13.1955C16.4394 13.1955 15.9576 13.7558 15.7446 14.2951C15.666 14.4869 15.6464 14.7588 15.6464 15.0291V20.4772H12.7086V14.0428C12.7086 12.8632 12.6709 11.8769 12.6316 11.028H15.1827L15.3171 12.3406H15.376C15.7627 11.7243 16.7097 10.8151 18.2942 10.8151C20.226 10.8151 21.6745 12.1095 21.6745 14.8917V20.4787Z" fill="var(--fontwhite)"/>
</svg>
</a>
<a href="https://emanuelzaveruka.github.io/portfolio/assets/emanuel-cv.pdf" target="_blank">
<svg viewBox="0 0 47 48" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M0 23.5C0 36.5 13 47.5 23 47.5C33 47.5 47 38 47 24.5C47 11 36.5 0.5 23 0.5C9.5 0.5 0 13 0 23.5ZM10 24L6 28C5.5 29 5.82756 29.4628 7 30.5C11.3333 34.3333 19.4 41.3 21 42.5C22.6 43.7 24.6667 43 25.5 42.5C30 38.8333 39.3 31.2 40.5 30C41.7 28.8 40.5 27.5 40.5 27.5C39.8333 27 38.2 25.7 37 24.5C35.8 23.3 34.5 24 34 24.5C32.8333 25.3333 30.3 27.2 29.5 28C28.7 28.8 28.1667 28.4401 28 28.1601V7.5C28 7.46948 28 5 25.5 5H21C18.5 5 18.5 7.5 18.5 7.5V28C18.5 28.8 17.8333 28.6667 17.5 28.5C16.6667 27.6667 14.5 26 13 24.5C11.5858 23.0858 10.3333 23.6667 10 24Z" fill="var(--fontwhite)"/>
</svg>
</a>
</div>
<div class="footer-right">
<p>
<a class="footer-a" href="https://github.com/emanuelzaveruka" target="_blank">
<svg viewBox="0 0 27 25" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M13.4887 0.160844C6.48506 0.158012 0.8125 5.82774 0.8125 12.8257C0.8125 18.3595 4.36103 23.0635 9.30293 24.791C9.96846 24.9581 9.8665 24.4852 9.8665 24.1623V21.9675C6.02344 22.4178 5.86768 19.8746 5.60996 19.4498C5.08887 18.5606 3.85693 18.334 4.2251 17.9092C5.10019 17.4589 5.99228 18.0225 7.02598 19.5489C7.77363 20.6563 9.23213 20.4694 9.97129 20.2853C10.1327 19.6197 10.4782 19.025 10.954 18.5634C6.97217 17.8497 5.3126 15.4198 5.3126 12.5312C5.3126 11.1293 5.77422 9.84074 6.68047 8.80138C6.10273 7.088 6.73428 5.621 6.81924 5.40294C8.46465 5.25567 10.1752 6.58106 10.3083 6.68585C11.2429 6.4338 12.3105 6.30069 13.5057 6.30069C14.7064 6.30069 15.777 6.43946 16.72 6.69435C17.04 6.45079 18.626 5.31231 20.1553 5.45108C20.2374 5.66915 20.8548 7.10216 20.311 8.79288C21.2286 9.83507 21.6959 11.135 21.6959 12.5397C21.6959 15.434 20.025 17.8667 16.0318 18.5691C16.3739 18.9054 16.6454 19.3066 16.8307 19.749C17.016 20.1915 17.1112 20.6665 17.1108 21.1462V24.3323C17.1335 24.5871 17.1108 24.8392 17.5356 24.8392C22.5512 23.1485 26.162 18.4105 26.162 12.8285C26.162 5.82774 20.4866 0.160844 13.4887 0.160844Z" fill="var(--fontwhite)"/>
</svg> developed by Emanuel Zaveruka
</a>
</p>
</div>
</footer>
<!--MODALS-->
<!--MODAL MSEMAIL-->
<div class="modal fade" id="modalMsEmail" tabindex="-1" role="dialog" aria-labelledby="TituloModalCentralizado" aria-hidden="true">
<div class="modal-dialog modal-xl modal-dialog-centered" role="document">
<div class="modal-content">
<div class="modal-header">
<h2 class="modal-title" id="TituloModalCentralizado">msEmail</h2>
<button type="button" class="close-btn-modal" data-dismiss="modal" aria-label="Fechar">
<svg width="25" height="26" viewBox="0 0 25 26" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M24.5408 0.459043C24.6863 0.604186 24.8017 0.776609 24.8804 0.966438C24.9592 1.15627 24.9997 1.35977 24.9997 1.56529C24.9997 1.77082 24.9592 1.97432 24.8804 2.16415C24.8017 2.35398 24.6863 2.5264 24.5408 2.67154L2.67019 24.5465C2.37685 24.8399 1.979 25.0048 1.56416 25.0048C1.14932 25.0048 0.751468 24.8399 0.458131 24.5465C0.164795 24.2531 3.09081e-09 23.8552 0 23.4403C-3.09081e-09 23.0254 0.164795 22.6274 0.458131 22.334L22.3287 0.459043C22.4738 0.313533 22.6462 0.198086 22.836 0.119316C23.0258 0.0405457 23.2293 0 23.4348 0C23.6402 0 23.8437 0.0405457 24.0335 0.119316C24.2233 0.198086 24.3957 0.313533 24.5408 0.459043Z" fill="var(--fontblack)"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M0.458951 0.459043C0.31347 0.604186 0.198046 0.776609 0.119292 0.966438C0.0405375 1.15627 0 1.35977 0 1.56529C0 1.77082 0.0405375 1.97432 0.119292 2.16415C0.198046 2.35398 0.31347 2.5264 0.458951 2.67154L22.3295 24.5465C22.6229 24.8399 23.0207 25.0048 23.4356 25.0048C23.8504 25.0048 24.2483 24.8399 24.5416 24.5465C24.8349 24.2531 24.9997 23.8552 24.9997 23.4403C24.9997 23.0254 24.8349 22.6274 24.5416 22.334L2.67101 0.459043C2.52589 0.313533 2.3535 0.198086 2.16371 0.119316C1.97392 0.0405457 1.77046 0 1.56498 0C1.3595 0 1.15603 0.0405457 0.966243 0.119316C0.776453 0.198086 0.604064 0.313533 0.458951 0.459043Z" fill="var(--fontblack)"/>
</svg>
</button>
</div>
<div class="modal-body">
<div class="container-fluid">
<div class="row d-flex justify-content-center align-items-center">
<div class="col-md-7">
<img src="https://emanuelzaveruka.github.io/portfolio/assets/img/msEmail.svg">
</div>
<div class="col-md-5">
<h4>Informações:</h4>
<p>Micro Serviço de envio de email onde recebe um parâmetro POST. Faz o envio do email e armazena no banco de dados local. </p>
<h4>Detalhes:</h4>
<div>
<p> <span>Tecnologia:</span> Java 17, Spring Boot </p>
<p> <span>Data: </span>Mar/22
<p><span>Veja mais em:</span>
<a href="https://github.com/emanuelzaveruka/msEmail" target="_blank"> <svg widht="30px" height="30px" viewBox="0 0 27 25" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M13.4887 0.160844C6.48506 0.158012 0.8125 5.82774 0.8125 12.8257C0.8125 18.3595 4.36103 23.0635 9.30293 24.791C9.96846 24.9581 9.8665 24.4852 9.8665 24.1623V21.9675C6.02344 22.4178 5.86768 19.8746 5.60996 19.4498C5.08887 18.5606 3.85693 18.334 4.2251 17.9092C5.10019 17.4589 5.99228 18.0225 7.02598 19.5489C7.77363 20.6563 9.23213 20.4694 9.97129 20.2853C10.1327 19.6197 10.4782 19.025 10.954 18.5634C6.97217 17.8497 5.3126 15.4198 5.3126 12.5312C5.3126 11.1293 5.77422 9.84074 6.68047 8.80138C6.10273 7.088 6.73428 5.621 6.81924 5.40294C8.46465 5.25567 10.1752 6.58106 10.3083 6.68585C11.2429 6.4338 12.3105 6.30069 13.5057 6.30069C14.7064 6.30069 15.777 6.43946 16.72 6.69435C17.04 6.45079 18.626 5.31231 20.1553 5.45108C20.2374 5.66915 20.8548 7.10216 20.311 8.79288C21.2286 9.83507 21.6959 11.135 21.6959 12.5397C21.6959 15.434 20.025 17.8667 16.0318 18.5691C16.3739 18.9054 16.6454 19.3066 16.8307 19.749C17.016 20.1915 17.1112 20.6665 17.1108 21.1462V24.3323C17.1335 24.5871 17.1108 24.8392 17.5356 24.8392C22.5512 23.1485 26.162 18.4105 26.162 12.8285C26.162 5.82774 20.4866 0.160844 13.4887 0.160844Z" fill="var(--fontblack)"/>
</svg>
</a>
</div>
</div>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">Fechar</button>
</div>
</div>
</div>
</div>
</div>
<!--END MODAL-->
<!--MODAL USERDEPT-->
<div class="modal fade" id="modalUserDept" tabindex="-1" role="dialog" aria-labelledby="TituloModalCentralizado" aria-hidden="true">
<div class="modal-dialog modal-xl modal-dialog-centered" role="document">
<div class="modal-content">
<div class="modal-header">
<h2 class="modal-title" id="TituloModalCentralizado">USERDEPT</h2>
<button type="button" class="close-btn-modal" data-dismiss="modal" aria-label="Fechar">
<svg width="25" height="26" viewBox="0 0 25 26" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M24.5408 0.459043C24.6863 0.604186 24.8017 0.776609 24.8804 0.966438C24.9592 1.15627 24.9997 1.35977 24.9997 1.56529C24.9997 1.77082 24.9592 1.97432 24.8804 2.16415C24.8017 2.35398 24.6863 2.5264 24.5408 2.67154L2.67019 24.5465C2.37685 24.8399 1.979 25.0048 1.56416 25.0048C1.14932 25.0048 0.751468 24.8399 0.458131 24.5465C0.164795 24.2531 3.09081e-09 23.8552 0 23.4403C-3.09081e-09 23.0254 0.164795 22.6274 0.458131 22.334L22.3287 0.459043C22.4738 0.313533 22.6462 0.198086 22.836 0.119316C23.0258 0.0405457 23.2293 0 23.4348 0C23.6402 0 23.8437 0.0405457 24.0335 0.119316C24.2233 0.198086 24.3957 0.313533 24.5408 0.459043Z" fill="var(--fontblack)"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M0.458951 0.459043C0.31347 0.604186 0.198046 0.776609 0.119292 0.966438C0.0405375 1.15627 0 1.35977 0 1.56529C0 1.77082 0.0405375 1.97432 0.119292 2.16415C0.198046 2.35398 0.31347 2.5264 0.458951 2.67154L22.3295 24.5465C22.6229 24.8399 23.0207 25.0048 23.4356 25.0048C23.8504 25.0048 24.2483 24.8399 24.5416 24.5465C24.8349 24.2531 24.9997 23.8552 24.9997 23.4403C24.9997 23.0254 24.8349 22.6274 24.5416 22.334L2.67101 0.459043C2.52589 0.313533 2.3535 0.198086 2.16371 0.119316C1.97392 0.0405457 1.77046 0 1.56498 0C1.3595 0 1.15603 0.0405457 0.966243 0.119316C0.776453 0.198086 0.604064 0.313533 0.458951 0.459043Z" fill="var(--fontblack)"/>
</svg>
</button>
</div>
<div class="modal-body">
<div class="container-fluid">
<div class="row d-flex justify-content-center align-items-center">
<div class="col-md-7">
<img src="https://emanuelzaveruka.github.io/portfolio/assets/img/userDept.svg">
</div>
<div class="col-md-5">
<h4>Informações:</h4>
<p>Trata-se de um sistema (API REST) de usuários e departamentos. Nele é possível realizar a consulta do usuário por id, inserir um novo usuário e consultar todos os usuários do banco de dados local.</p>
<h4>Detalhes:</h4>
<div>
<p> <span>Tecnologia:</span> Java 17, Spring Boot</p>
<p> <span>Data: </span>Jan/22
<p><span>Veja mais em: </span>
<a href="https://github.com/emanuelzaveruka/userdept" target="_blank"><svg widht="30px" height="30px" viewBox="0 0 27 25" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M13.4887 0.160844C6.48506 0.158012 0.8125 5.82774 0.8125 12.8257C0.8125 18.3595 4.36103 23.0635 9.30293 24.791C9.96846 24.9581 9.8665 24.4852 9.8665 24.1623V21.9675C6.02344 22.4178 5.86768 19.8746 5.60996 19.4498C5.08887 18.5606 3.85693 18.334 4.2251 17.9092C5.10019 17.4589 5.99228 18.0225 7.02598 19.5489C7.77363 20.6563 9.23213 20.4694 9.97129 20.2853C10.1327 19.6197 10.4782 19.025 10.954 18.5634C6.97217 17.8497 5.3126 15.4198 5.3126 12.5312C5.3126 11.1293 5.77422 9.84074 6.68047 8.80138C6.10273 7.088 6.73428 5.621 6.81924 5.40294C8.46465 5.25567 10.1752 6.58106 10.3083 6.68585C11.2429 6.4338 12.3105 6.30069 13.5057 6.30069C14.7064 6.30069 15.777 6.43946 16.72 6.69435C17.04 6.45079 18.626 5.31231 20.1553 5.45108C20.2374 5.66915 20.8548 7.10216 20.311 8.79288C21.2286 9.83507 21.6959 11.135 21.6959 12.5397C21.6959 15.434 20.025 17.8667 16.0318 18.5691C16.3739 18.9054 16.6454 19.3066 16.8307 19.749C17.016 20.1915 17.1112 20.6665 17.1108 21.1462V24.3323C17.1335 24.5871 17.1108 24.8392 17.5356 24.8392C22.5512 23.1485 26.162 18.4105 26.162 12.8285C26.162 5.82774 20.4866 0.160844 13.4887 0.160844Z" fill="var(--fontblack)"/>
</svg></a>
</div>
</div>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">Fechar</button>
</div>
</div>
</div>
</div>
</div>
<!--END MODAL-->
<!--MODAL MYCOFFEE-->
<div class="modal fade" id="modalMyCoffee" tabindex="-1" role="dialog" aria-labelledby="TituloModalCentralizado" aria-hidden="true">
<div class="modal-dialog modal-xl modal-dialog-centered" role="document">
<div class="modal-content">
<div class="modal-header">
<h2 class="modal-title" id="TituloModalCentralizado">MyCoffee</h2>
<button type="button" class="close-btn-modal" data-dismiss="modal" aria-label="Fechar">
<svg width="25" height="26" viewBox="0 0 25 26" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M24.5408 0.459043C24.6863 0.604186 24.8017 0.776609 24.8804 0.966438C24.9592 1.15627 24.9997 1.35977 24.9997 1.56529C24.9997 1.77082 24.9592 1.97432 24.8804 2.16415C24.8017 2.35398 24.6863 2.5264 24.5408 2.67154L2.67019 24.5465C2.37685 24.8399 1.979 25.0048 1.56416 25.0048C1.14932 25.0048 0.751468 24.8399 0.458131 24.5465C0.164795 24.2531 3.09081e-09 23.8552 0 23.4403C-3.09081e-09 23.0254 0.164795 22.6274 0.458131 22.334L22.3287 0.459043C22.4738 0.313533 22.6462 0.198086 22.836 0.119316C23.0258 0.0405457 23.2293 0 23.4348 0C23.6402 0 23.8437 0.0405457 24.0335 0.119316C24.2233 0.198086 24.3957 0.313533 24.5408 0.459043Z" fill="var(--fontblack)"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M0.458951 0.459043C0.31347 0.604186 0.198046 0.776609 0.119292 0.966438C0.0405375 1.15627 0 1.35977 0 1.56529C0 1.77082 0.0405375 1.97432 0.119292 2.16415C0.198046 2.35398 0.31347 2.5264 0.458951 2.67154L22.3295 24.5465C22.6229 24.8399 23.0207 25.0048 23.4356 25.0048C23.8504 25.0048 24.2483 24.8399 24.5416 24.5465C24.8349 24.2531 24.9997 23.8552 24.9997 23.4403C24.9997 23.0254 24.8349 22.6274 24.5416 22.334L2.67101 0.459043C2.52589 0.313533 2.3535 0.198086 2.16371 0.119316C1.97392 0.0405457 1.77046 0 1.56498 0C1.3595 0 1.15603 0.0405457 0.966243 0.119316C0.776453 0.198086 0.604064 0.313533 0.458951 0.459043Z" fill="var(--fontblack)"/>
</svg>
</button>
</div>
<div class="modal-body">
<div class="container-fluid">
<div class="row d-flex justify-content-center align-items-center">
<div class="col-md-7">
<img src="https://emanuelzaveruka.github.io/portfolio/assets/img/msCoffePrint.png">
</div>
<div class="col-md-5">
<h4>Informações:</h4>
<p>Web site vitrine responsivo, o foco principal desse site é apresentar os produtos da loja fictícia myCoffee. O projeto ainda está em desenvolvimento com a possibilidade de trazer novos layouts de E-commerce</p>
<h4>Detalhes:</h4>
<div>
<p> <span>Tecnologia:</span> HTML5, CSS, JS, Jquery, Bootstrap </p>
<p> <span>Data: </span>Fev/22
<p><span>Veja mais em: </span>
<a href="https://github.com/emanuelzaveruka/myCoffee" target="_blank"><svg widht="30px" height="30px" viewBox="0 0 27 25" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M13.4887 0.160844C6.48506 0.158012 0.8125 5.82774 0.8125 12.8257C0.8125 18.3595 4.36103 23.0635 9.30293 24.791C9.96846 24.9581 9.8665 24.4852 9.8665 24.1623V21.9675C6.02344 22.4178 5.86768 19.8746 5.60996 19.4498C5.08887 18.5606 3.85693 18.334 4.2251 17.9092C5.10019 17.4589 5.99228 18.0225 7.02598 19.5489C7.77363 20.6563 9.23213 20.4694 9.97129 20.2853C10.1327 19.6197 10.4782 19.025 10.954 18.5634C6.97217 17.8497 5.3126 15.4198 5.3126 12.5312C5.3126 11.1293 5.77422 9.84074 6.68047 8.80138C6.10273 7.088 6.73428 5.621 6.81924 5.40294C8.46465 5.25567 10.1752 6.58106 10.3083 6.68585C11.2429 6.4338 12.3105 6.30069 13.5057 6.30069C14.7064 6.30069 15.777 6.43946 16.72 6.69435C17.04 6.45079 18.626 5.31231 20.1553 5.45108C20.2374 5.66915 20.8548 7.10216 20.311 8.79288C21.2286 9.83507 21.6959 11.135 21.6959 12.5397C21.6959 15.434 20.025 17.8667 16.0318 18.5691C16.3739 18.9054 16.6454 19.3066 16.8307 19.749C17.016 20.1915 17.1112 20.6665 17.1108 21.1462V24.3323C17.1335 24.5871 17.1108 24.8392 17.5356 24.8392C22.5512 23.1485 26.162 18.4105 26.162 12.8285C26.162 5.82774 20.4866 0.160844 13.4887 0.160844Z" fill="var(--fontblack)"/>
</svg>
</a>
<a href="https://emanuelzaveruka.github.io/myCoffee/" target="_blank"><svg widht="30px" height="30px" viewBox="0 0 20 22" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11.051 10.5869L9.95953 9.76772L9.14089 9.23766C8.98929 9.14129 8.54965 8.9389 8.0039 8.90036V8.90036C7.16732 8.84126 6.4743 9.44262 5.88098 10.0353L5.18415 10.7315L1.50028 14.6346C1.33352 14.8113 1 15.2899 1 15.7911C1 16.2922 1 16.9636 1 17.2367C1.03032 17.5901 1.14554 18.3643 1.36384 18.6341C1.58214 18.904 2.12184 19.5176 2.3644 19.7906C2.59179 20.0476 3.15574 20.6098 3.59235 20.8025C4.02896 20.9953 4.92643 21.0114 5.32058 20.9953C5.68442 20.9792 6.48487 20.87 6.77594 20.5616C7.06701 20.2532 9.23185 17.8953 10.2779 16.7548M8.45869 12.6589L10.096 13.7191C10.4143 13.8797 11.1602 14.172 11.5968 14.0564C12.1426 13.9118 13.0976 13.96 13.6889 13.4299C14.1619 13.0059 16.8573 10.105 18.1459 8.7076C18.3278 8.54698 18.7371 8.01371 18.9191 7.16562C19.101 6.31753 18.9342 5.49513 18.8281 5.18995C18.7371 4.90083 18.4552 4.22621 18.0549 3.84071C17.5547 3.35884 16.8725 2.68422 16.1903 2.3951C15.5081 2.10598 14.9623 2.05779 14.7804 2.00961V2.00961C13.9739 1.79597 13.172 2.39916 12.5442 2.94867L12.4609 3.02153L9.23185 6.44281" stroke="var(--fontblack)" stroke-width="2"/>
</svg>
</a>
</div>
</div>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">Fechar</button>
</div>
</div>
</div>
</div>
</div>
<!--END MODAL-->
<!--MODAL MANOEL SYNTAX-->
<div class="modal fade" id="modalManoelSyntax" tabindex="-1" role="dialog" aria-labelledby="TituloModalCentralizado" aria-hidden="true">
<div class="modal-dialog modal-xl modal-dialog-centered" role="document">
<div class="modal-content">
<div class="modal-header">
<h2 class="modal-title" id="TituloModalCentralizado">manoel Syntax</h2>
<button type="button" class="close-btn-modal" data-dismiss="modal" aria-label="Fechar">
<svg width="25" height="26" viewBox="0 0 25 26" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M24.5408 0.459043C24.6863 0.604186 24.8017 0.776609 24.8804 0.966438C24.9592 1.15627 24.9997 1.35977 24.9997 1.56529C24.9997 1.77082 24.9592 1.97432 24.8804 2.16415C24.8017 2.35398 24.6863 2.5264 24.5408 2.67154L2.67019 24.5465C2.37685 24.8399 1.979 25.0048 1.56416 25.0048C1.14932 25.0048 0.751468 24.8399 0.458131 24.5465C0.164795 24.2531 3.09081e-09 23.8552 0 23.4403C-3.09081e-09 23.0254 0.164795 22.6274 0.458131 22.334L22.3287 0.459043C22.4738 0.313533 22.6462 0.198086 22.836 0.119316C23.0258 0.0405457 23.2293 0 23.4348 0C23.6402 0 23.8437 0.0405457 24.0335 0.119316C24.2233 0.198086 24.3957 0.313533 24.5408 0.459043Z" fill="var(--fontblack)"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M0.458951 0.459043C0.31347 0.604186 0.198046 0.776609 0.119292 0.966438C0.0405375 1.15627 0 1.35977 0 1.56529C0 1.77082 0.0405375 1.97432 0.119292 2.16415C0.198046 2.35398 0.31347 2.5264 0.458951 2.67154L22.3295 24.5465C22.6229 24.8399 23.0207 25.0048 23.4356 25.0048C23.8504 25.0048 24.2483 24.8399 24.5416 24.5465C24.8349 24.2531 24.9997 23.8552 24.9997 23.4403C24.9997 23.0254 24.8349 22.6274 24.5416 22.334L2.67101 0.459043C2.52589 0.313533 2.3535 0.198086 2.16371 0.119316C1.97392 0.0405457 1.77046 0 1.56498 0C1.3595 0 1.15603 0.0405457 0.966243 0.119316C0.776453 0.198086 0.604064 0.313533 0.458951 0.459043Z" fill="var(--fontblack)"/>
</svg>
</button>
</div>
<div class="modal-body">
<div class="container-fluid">
<div class="row d-flex justify-content-center align-items-center">
<div class="col-md-7">
<img style="max-height: 1000px;" src="https://emanuelzaveruka.github.io/portfolio/assets/img/manoelSyntaxPrint.png">
</div>
<div class="col-md-5">
<h4>Informações:</h4>
<p>Manoel Syntax trata-se de um site responsivo, que tem como objetivo ser um manual simplificado das sintaxes de qualquer linguagem. O projeto foi iniciado no framework React porém, foi finalizado como web site.
</p>
<h4>Detalhes:</h4>
<div>
<p> <span>Tecnologia:</span> HTML, CSS, JS </p>
<p> <span>Data: </span>Jun/21
<p><span>Veja mais em: </span>
<a href="https://github.com/emanuelzaveruka/manoelsyntax" target="_blank"><svg widht="30px" height="30px" viewBox="0 0 27 25" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M13.4887 0.160844C6.48506 0.158012 0.8125 5.82774 0.8125 12.8257C0.8125 18.3595 4.36103 23.0635 9.30293 24.791C9.96846 24.9581 9.8665 24.4852 9.8665 24.1623V21.9675C6.02344 22.4178 5.86768 19.8746 5.60996 19.4498C5.08887 18.5606 3.85693 18.334 4.2251 17.9092C5.10019 17.4589 5.99228 18.0225 7.02598 19.5489C7.77363 20.6563 9.23213 20.4694 9.97129 20.2853C10.1327 19.6197 10.4782 19.025 10.954 18.5634C6.97217 17.8497 5.3126 15.4198 5.3126 12.5312C5.3126 11.1293 5.77422 9.84074 6.68047 8.80138C6.10273 7.088 6.73428 5.621 6.81924 5.40294C8.46465 5.25567 10.1752 6.58106 10.3083 6.68585C11.2429 6.4338 12.3105 6.30069 13.5057 6.30069C14.7064 6.30069 15.777 6.43946 16.72 6.69435C17.04 6.45079 18.626 5.31231 20.1553 5.45108C20.2374 5.66915 20.8548 7.10216 20.311 8.79288C21.2286 9.83507 21.6959 11.135 21.6959 12.5397C21.6959 15.434 20.025 17.8667 16.0318 18.5691C16.3739 18.9054 16.6454 19.3066 16.8307 19.749C17.016 20.1915 17.1112 20.6665 17.1108 21.1462V24.3323C17.1335 24.5871 17.1108 24.8392 17.5356 24.8392C22.5512 23.1485 26.162 18.4105 26.162 12.8285C26.162 5.82774 20.4866 0.160844 13.4887 0.160844Z" fill="var(--fontblack)"/>
</svg></a>
</div>
</div>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">Fechar</button>
</div>
</div>
</div>
</div>
</div>
<!--END MODAL-->
<script src="https://emanuelzaveruka.github.io/portfolio/script/components/colorMode/colorMode.js"></script>
<script src="https://emanuelzaveruka.github.io/portfolio/script/components/nav-bar/mobile-navbar.js"></script>
<script src="https://emanuelzaveruka.github.io/portfolio/script/components/scroll-in-js/scroll.js"></script>
<script src="https://emanuelzaveruka.github.io/portfolio/script/components/scroll-to-top/scroll-to-top.js"></script>
<script src="https://emanuelzaveruka.github.io/portfolio/script/components/scroll-bar-lateral/bar-lateral-scroll.js"></script>
<script src="https://emanuelzaveruka.github.io/portfolio/script/components/scroll-arrow/sroll-arrow.js"></script>
<!--SCRIPTS FOR TEST LOCAL
<script src="./script/components/colorMode/colorMode.js"></script>
<script src="./script/components/nav-bar/mobile-navbar.js"></script>
<script src="./script/components/scroll-to-top/scroll-to-top.js"></script>
<script src="./script/components/scroll-in-js/scroll.js"></script>
<script src="./script/components/scroll-bar-lateral/bar-lateral-scroll.js"></script>
<script src="./script/components/scroll-arrow/sroll-arrow.js"></script>
-->
</body>
</html>