-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
415 lines (367 loc) · 33 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
<!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="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Condensed:wght@300;400;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="css/styles.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.7.0/gsap.min.js" integrity="sha512-2fk3Q4NXPYAqIha0glLZ2nluueK43aNoxvijPf53+DgL7UW9mkN+uXc1aEmnZdkkZVvtJZltpRt+JqTWc3TS3Q==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.7.0/ScrollTrigger.min.js" integrity="sha512-jNJOCd1PIjJoUa1XTDKaPdBLNUe4OJTrltKG+70O5ghYZ943nTRGIzjObwC2JtSm1fG7T06GbUApR2eirIU/jA==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script src="script/svg-inject.min.js"></script>
<script src="script/script.js"></script>
<title>Document</title>
</head>
<body>
<!-- Header -->
<header class="menu">
<div class="menu__container">
<div class="menu-logo menu-1">
<h5>Raul Lima</h5>
</div>
<div>
<a href="" class="link menu-2">Quem sou eu?</a>
<a href="" class="link menu-3">O que eu desenvolvo?</a>
<a href="" class="link menu-4">Skills</a>
<a href="" class="link menu-5">Projetos</a>
<a href="" class="link menu-6">Experiência</a>
</div>
<div class="">
<a href="" class="menu-7 btn-primary">Contato</a>
</div>
</div>
</header>
<!-- background hero -->
<!-- <div class="relative">
<div class="bg-hero">
<svg class="svg-hero" viewBox="0 0 2560 1440" fill="none" xmlns="http://www.w3.org/2000/svg">
<g id="bg-hero" clip-path="url(#clip0)">
<g id="Vector 1115" filter="url(#filter0_f)">
<path d="M2057.98 976.855C1146.98 951.753 866.415 503.508 549.588 516.267C151.315 532.306 225.523 952.751 549.588 1112.95C931.572 1301.78 2675.34 993.867 2057.98 976.855Z" fill="url(#paint0_linear)" fill-opacity="0.3"/>
</g>
<g id="Vector 1114" filter="url(#filter1_f)">
<path d="M1476.29 573.407C1751.06 662.18 2052.39 873.257 2155.63 865.308C2340.45 851.076 2216.87 362.765 1991.12 224.015C1779.29 93.8176 501.679 169.375 872.949 444.168C1070.47 590.363 1242.46 497.856 1476.29 573.407Z" fill="url(#paint1_linear)" fill-opacity="0.2"/>
</g>
<path class="bg-heroline3" id="bg-heroline3" d="M1267.41 666.294L1267.13 666.71L1267.41 666.294ZM-201.828 404.949C137.424 324.792 379.448 306.724 599.248 350.432C819.05 394.14 1016.68 499.635 1267.13 666.71L1267.68 665.879C1017.2 498.784 819.442 393.199 599.443 349.451C379.442 305.703 137.257 323.804 -202.058 403.976L-201.828 404.949ZM1267.13 666.71C1688.74 947.966 2147.67 1019.85 2660.28 914.971L2660.08 913.991C2147.69 1018.83 1689.05 946.969 1267.68 665.879L1267.13 666.71Z" fill="url(#paint2_linear)"/>
<path class="bg-heroline2" id="bg-heroline2" d="M1280.46 674.69L1280.38 675.183L1280.46 674.69ZM-167.013 1037.71C109.696 825.695 323.115 710.133 541.546 660.032C759.979 609.929 983.476 625.276 1280.38 675.183L1280.54 674.197C983.607 624.284 759.952 608.91 541.322 659.057C322.691 709.204 109.139 824.862 -167.622 1036.91L-167.013 1037.71ZM1280.38 675.183C1780.18 759.197 2228.32 636.915 2653.07 331.374L2652.49 330.562C2227.92 635.966 1780.05 758.161 1280.54 674.197L1280.38 675.183Z" fill="url(#paint3_linear)"/>
<path class="bg-heroline1" id="bg-heroline1" d="M1302.45 761.686L1302.46 762.186L1302.45 761.686ZM-58.4344 1374.01C176.6 1116.57 366.325 965.216 572.515 877.42C778.706 789.623 1001.41 765.36 1302.46 762.186L1302.45 761.186C1001.37 764.36 778.5 788.624 572.123 876.5C365.744 964.377 175.905 1115.84 -59.1729 1373.33L-58.4344 1374.01ZM1302.46 762.186C1809.25 756.842 2228.83 557.531 2593.13 181.945L2592.41 181.248C2228.28 556.667 1808.94 755.846 1302.45 761.186L1302.46 762.186Z" fill="url(#paint4_linear)"/>
<rect id="square8" x="1491.06" y="687" width="16" height="16" rx="2" transform="rotate(22.2604 1491.06 687)" fill="url(#paint5_linear)"/>
<rect id="square7" x="2143.06" y="590" width="16" height="16" rx="2" transform="rotate(22.2604 2143.06 590)" fill="url(#paint6_linear)"/>
<rect id="square6" x="772" y="398.477" width="16" height="16" rx="2" transform="rotate(-20.0179 772 398.477)" fill="url(#paint7_linear)"/>
<rect id="square5" x="1764.68" y="369.691" width="16" height="16" rx="2" transform="rotate(91.8123 1764.68 369.691)" fill="url(#paint8_linear)"/>
<rect id="square4" x="1078.78" y="1029" width="16" height="16" rx="2" transform="rotate(80.4128 1078.78 1029)" fill="url(#paint9_linear)"/>
<rect id="square3" x="1875.18" y="583" width="207.755" height="207.755" rx="4" transform="rotate(46.2939 1875.18 583)" fill="url(#paint10_linear)"/>
<rect id="square2" x="424.724" y="823.12" width="48" height="48" rx="4" transform="rotate(124.402 424.724 823.12)" fill="url(#paint11_linear)"/>
<rect id="square1" x="1240.56" y="302" width="72" height="72" rx="4" transform="rotate(25.1155 1240.56 302)" fill="url(#paint12_linear)"/>
</g>
<defs>
<filter id="filter0_f" x="-71.9999" y="166" width="2611" height="1358" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<feGaussianBlur stdDeviation="175" result="effect1_foregroundBlur"/>
</filter>
<filter id="filter1_f" x="487" y="-300" width="2090.73" height="1702.83" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<feGaussianBlur stdDeviation="150" result="effect1_foregroundBlur"/>
</filter>
<linearGradient id="paint0_linear" x1="2189" y1="516" x2="1783.9" y2="1692.51" gradientUnits="userSpaceOnUse">
<stop stop-color="#2DC7ED"/>
<stop offset="1" stop-color="#538BF0" stop-opacity="0"/>
</linearGradient>
<linearGradient id="paint1_linear" x1="952.771" y1="1102.83" x2="1478.86" y2="-246.785" gradientUnits="userSpaceOnUse">
<stop stop-color="#2DC7ED"/>
<stop offset="1" stop-color="#538BF0" stop-opacity="0"/>
</linearGradient>
<linearGradient id="paint2_linear" x1="2663.88" y1="893.717" x2="-198.243" y2="383.698" gradientUnits="userSpaceOnUse">
<stop stop-color="#2DC7ED"/>
<stop offset="1" stop-color="#538BF0" stop-opacity="0"/>
</linearGradient>
<linearGradient id="paint3_linear" x1="2647.66" y1="310.509" x2="-172.442" y2="1016.85" gradientUnits="userSpaceOnUse">
<stop stop-color="#2DC7ED"/>
<stop offset="1" stop-color="#538BF0" stop-opacity="0"/>
</linearGradient>
<linearGradient id="paint4_linear" x1="2584.12" y1="162.36" x2="-67.452" y2="1354.43" gradientUnits="userSpaceOnUse">
<stop stop-color="#2DC7ED"/>
<stop offset="1" stop-color="#538BF0" stop-opacity="0"/>
</linearGradient>
<linearGradient id="paint5_linear" x1="1507.06" y1="687" x2="1491.06" y2="703" gradientUnits="userSpaceOnUse">
<stop stop-color="#2DC7ED"/>
<stop offset="1" stop-color="#538BF0" stop-opacity="0"/>
</linearGradient>
<linearGradient id="paint6_linear" x1="2159.06" y1="590" x2="2143.06" y2="606" gradientUnits="userSpaceOnUse">
<stop stop-color="#2DC7ED"/>
<stop offset="1" stop-color="#538BF0" stop-opacity="0"/>
</linearGradient>
<linearGradient id="paint7_linear" x1="788" y1="398.477" x2="772" y2="414.477" gradientUnits="userSpaceOnUse">
<stop stop-color="#2DC7ED"/>
<stop offset="1" stop-color="#538BF0" stop-opacity="0"/>
</linearGradient>
<linearGradient id="paint8_linear" x1="1780.68" y1="369.691" x2="1764.68" y2="385.691" gradientUnits="userSpaceOnUse">
<stop stop-color="#2DC7ED"/>
<stop offset="1" stop-color="#538BF0" stop-opacity="0"/>
</linearGradient>
<linearGradient id="paint9_linear" x1="1094.78" y1="1029" x2="1078.78" y2="1045" gradientUnits="userSpaceOnUse">
<stop stop-color="#2DC7ED"/>
<stop offset="1" stop-color="#538BF0" stop-opacity="0"/>
</linearGradient>
<linearGradient id="paint10_linear" x1="2082.94" y1="583" x2="1875.18" y2="790.755" gradientUnits="userSpaceOnUse">
<stop stop-color="#2DC7ED"/>
<stop offset="1" stop-color="#538BF0" stop-opacity="0"/>
</linearGradient>
<linearGradient id="paint11_linear" x1="472.724" y1="823.12" x2="424.724" y2="871.12" gradientUnits="userSpaceOnUse">
<stop stop-color="#2DC7ED"/>
<stop offset="1" stop-color="#538BF0" stop-opacity="0"/>
</linearGradient>
<linearGradient id="paint12_linear" x1="1312.56" y1="302" x2="1240.56" y2="374" gradientUnits="userSpaceOnUse">
<stop stop-color="#2DC7ED"/>
<stop offset="1" stop-color="#538BF0" stop-opacity="0"/>
</linearGradient>
<clipPath id="clip0">
<rect width="2560" height="1440" fill="white"/>
</clipPath>
</defs>
</svg>
</div>
</div> -->
<section class="container-primary">
<div class="container-primary__hero">
<div class="container-item">
<h5>Olá! Sou o</h5>
<h1 class="mt-1 mask">Raul Lima</h1>
<h3 class="mt-4 ml-3">UI Design</h3>
<h3 class="ml-8">&</h3>
<h3 class="line typing-animation">Web Developer</h3>
<div class="mt-3 container-item__text">
<p>Sou responsável por dar vida ao seu projeto. Transformo design em páginas para a web com agilidade, qualidade e alta perfomance.</p>
</div>
</div>
<div class="home__img">
<svg class="home__blob"viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
<path fill="#e7dfdd" d="M49.3,-64.7C59.3,-50.4,59.5,-30.5,60.9,-12.3C62.3,6,64.9,22.5,60.5,39.4C56.1,56.4,44.6,73.8,29.2,78.7C13.8,83.6,-5.6,76,-18.5,65.1C-31.5,54.2,-38,40,-45.9,26.4C-53.7,12.9,-62.9,0.1,-64.6,-15C-66.2,-30.1,-60.3,-47.4,-48.2,-61.3C-36.2,-75.2,-18.1,-85.6,0.8,-86.6C19.7,-87.5,39.4,-79,49.3,-64.7Z" transform="translate(100 100)" />
<image class="home__blob-img" x="-30" y="20" xlink:href="assets/images/hero-img.png" alt="Raul Lima">
</svg>
</div>
</div>
</section>
<!-- SECTION WHO I AM -->
<section class="container-secondary pt-7">
<div class="container-secondary__person">
<div class="person">
<div class="person__content">
<h2 >Quem sou eu?</h2>
<p class="mt-4">Meu nome é Raul Lima, sou desenvolvedor Front-End desde 2020.</p>
<p>Sou graduado em Analise e Desenvolvimento de Sistemas pela UNINOVE desde 2019.</p>
<p>Alura (Angular, Typescript e JS)
Udemy (Angular, JS, Css e Sass)
Front-Push (UI, Sass, React e Motion Design)
CodeBoost (HTML5, Css3, Sass)
Origamid (React)
</p>
<p>IDIOMAS
Possuo um bom entendimento da língua Inglesa. Leitura nível avançado, Conversação
Nível intermediário.
</p>
</div>
<div class="person__image">
<div class="person__image--svg">
<img src="assets/svg/who-i-am.svg" onload="SVGInject(this)" />
</div>
</div>
</div>
<div class="work mt-7">
<div class="work__image">
<img class="work__image--svg" src="assets/svg/websites.svg" onload="SVGInject(this)" />
</div>
<div class="work__content mt-7">
<h2>O que eu desenvolvo?</h2>
<h4 class="mt-4">Websites</h4>
<p class="mt-2">Dou vida a sua empresa ou marca na web.</p>
<p>Utilizo das mais modernas tecnologias para a criação de seu site responsivo onde pode ser acessado através
de um computador, tablet ou smartphones.
</p>
<p>
Crio toda a prototipação de seu site, ou seja, desenho todo o formato de como vai ficar seu site antes dele
ir para o ar. Utilizando das melhores técnicas de UI & Ux para criação de uma identidade visual.
</p>
</div>
</div>
</div>
</section>
<!-- SKILLS -->
<section class="container-secondary pt-7 pb-7">
<div class="container-secondary__person">
<div class="skills">
<div>
<h2>Skills</h2>
</div>
<div class="skills__cards mt-4 pb-2">
<div class="skills__cards--itens">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 50 50" width="50px" height="50px">
<g id="surface15455732">
<path style=" stroke:none;fill-rule:nonzero;fill:rgb(27.843139%,9.019608%,96.470588%);fill-opacity:0.8;" d="M 41.324219 4.167969 L 8.671875 4.167969 C 7.378906 4.167969 6.371094 5.292969 6.515625 6.574219 L 10.253906 40.21875 C 10.351562 41.09375 10.96875 41.824219 11.816406 42.066406 L 24.402344 45.660156 C 24.792969 45.769531 25.203125 45.769531 25.59375 45.660156 L 38.179688 42.066406 C 39.027344 41.824219 39.644531 41.09375 39.742188 40.21875 L 43.480469 6.574219 C 43.621094 5.292969 42.617188 4.167969 41.324219 4.167969 Z M 33.222656 16.667969 L 19.207031 16.667969 L 19.625 21.480469 L 32.285156 21.4375 C 32.289062 21.4375 32.289062 21.4375 32.292969 21.4375 C 32.871094 21.4375 33.425781 21.679688 33.820312 22.109375 C 34.214844 22.539062 34.414062 23.113281 34.367188 23.695312 L 33.570312 33.296875 C 33.496094 34.164062 32.894531 34.894531 32.054688 35.128906 L 25.5625 36.957031 C 25.378906 37.007812 25.1875 37.035156 24.996094 37.035156 C 24.800781 37.035156 24.605469 37.007812 24.421875 36.953125 L 17.980469 35.089844 C 17.160156 34.851562 16.570312 34.140625 16.484375 33.292969 L 16.320312 31.632812 C 16.207031 30.484375 17.042969 29.464844 18.1875 29.351562 C 19.316406 29.257812 20.355469 30.078125 20.464844 31.21875 L 20.492188 31.476562 L 25.007812 32.78125 L 29.535156 31.507812 L 30.023438 25.609375 L 17.722656 25.648438 C 17.71875 25.648438 17.714844 25.648438 17.714844 25.648438 C 16.632812 25.648438 15.734375 24.824219 15.640625 23.746094 L 14.859375 14.765625 C 14.804688 14.183594 15.003906 13.605469 15.398438 13.175781 C 15.792969 12.742188 16.351562 12.5 16.933594 12.5 L 33.222656 12.5 C 34.375 12.5 35.304688 13.433594 35.304688 14.582031 C 35.304688 15.734375 34.375 16.667969 33.222656 16.667969 Z M 33.222656 16.667969 "/>
</g>
</svg>
<h4>HTML5</h4>
</div>
<div class="skills__cards--itens">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 50 50" width="50px" height="50px">
<g id="surface15452264">
<path style=" stroke:none;fill-rule:nonzero;fill:rgb(27.843139%,9.019608%,96.470588%);fill-opacity:0.8;" d="M 42.378906 5.554688 C 42.0625 5.203125 41.613281 5 41.136719 5 L 8.863281 5 C 8.386719 5 7.9375 5.203125 7.621094 5.554688 C 7.304688 5.910156 7.152344 6.378906 7.203125 6.851562 L 10.875 39.886719 C 10.949219 40.558594 11.421875 41.121094 12.074219 41.308594 L 24.539062 44.867188 C 24.691406 44.910156 24.84375 44.933594 25 44.933594 C 25.152344 44.933594 25.308594 44.910156 25.457031 44.867188 L 37.921875 41.308594 C 38.574219 41.121094 39.046875 40.558594 39.121094 39.886719 L 42.792969 6.851562 C 42.847656 6.378906 42.695312 5.910156 42.378906 5.554688 Z M 34.191406 21.789062 L 33.449219 33.933594 L 25.054688 36.675781 L 16.65625 33.933594 L 16.339844 28.125 L 20.589844 28.125 L 20.695312 30.765625 L 25.054688 32.242188 L 29.410156 30.765625 L 29.730469 26.015625 L 20.375 26.015625 L 20.164062 21.792969 L 29.941406 21.792969 L 30.261719 17.566406 L 15.59375 17.566406 L 15.273438 13.34375 L 34.726562 13.34375 Z M 34.191406 21.789062 "/>
</g>
</svg>
<h4>CSS3</h4>
</div>
<div class="skills__cards--itens">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 50 50" width="50px" height="50px">
<g id="surface15699387">
<path style=" stroke:none;fill-rule:nonzero;fill:rgb(27.843139%,9.019608%,96.470588%);fill-opacity:0.8;" d="M 43.75 38.542969 C 43.75 41.417969 41.417969 43.75 38.542969 43.75 L 11.457031 43.75 C 8.582031 43.75 6.25 41.417969 6.25 38.542969 L 6.25 11.457031 C 6.25 8.582031 8.582031 6.25 11.457031 6.25 L 38.542969 6.25 C 41.417969 6.25 43.75 8.582031 43.75 11.457031 Z M 43.75 38.542969 "/>
<path style=" stroke:none;fill-rule:nonzero;fill:rgb(100%,100%,100%);fill-opacity:1;" d="M 34.40625 26.667969 C 33.730469 25.730469 32.75 25.082031 31.488281 24.738281 C 31.488281 24.738281 32.550781 24.355469 33.511719 22.917969 C 34.082031 22 34.375 20.894531 34.375 19.605469 C 34.375 17.363281 33.5625 15.644531 31.9375 14.46875 C 30.3125 13.292969 28.480469 12.5 25.363281 12.5 L 15.625 12.5 L 15.625 37.5 L 26.488281 37.5 C 29.4375 37.480469 31.65625 36.84375 33.167969 35.625 C 34.667969 34.386719 35.417969 32.550781 35.417969 30.105469 C 35.417969 28.75 35.082031 27.605469 34.40625 26.667969 Z M 21.875 16.667969 C 21.875 16.667969 26.21875 16.667969 26.300781 16.667969 C 27.886719 16.667969 29.167969 17.949219 29.167969 19.53125 C 29.167969 21.113281 27.886719 22.394531 26.300781 22.394531 C 26.21875 22.394531 21.875 22.394531 21.875 22.394531 Z M 27.082031 33.332031 L 21.875 33.332031 L 21.875 27.082031 L 27.082031 27.082031 C 28.8125 27.082031 30.207031 28.480469 30.207031 30.207031 C 30.207031 31.9375 28.8125 33.332031 27.082031 33.332031 Z M 27.082031 33.332031 "/>
</g>
</svg>
<h4>BOOTSTRAP</h4>
</div>
<div class="skills__cards--itens">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 50 50" width="50px" height="50px">
<g id="surface15700728">
<path style=" stroke:none;fill-rule:nonzero;fill:rgb(27.843139%,9.019608%,96.470588%);fill-opacity:0.8;" d="M 43.335938 4 L 6.667969 4 C 5.195312 4 4 5.195312 4 6.667969 L 4 43.332031 C 4 44.804688 5.195312 46 6.667969 46 L 43.332031 46 C 44.804688 46 46 44.804688 46 43.335938 L 46 6.667969 C 46 5.195312 44.804688 4 43.335938 4 Z M 27 36.183594 C 27 40.179688 24.65625 42 21.234375 42 C 18.140625 42 15.910156 39.925781 15 38 L 18.144531 36.097656 C 18.75 37.171875 19.671875 38 21 38 C 22.269531 38 23 37.503906 23 35.574219 L 23 23 L 27 23 Z M 35.675781 42 C 32.132812 42 30.121094 40.214844 29 38 L 32 36 C 32.816406 37.335938 33.707031 38.613281 35.589844 38.613281 C 37.171875 38.613281 38 37.824219 38 36.730469 C 38 35.425781 37.140625 34.960938 35.402344 34.199219 L 34.449219 33.789062 C 31.695312 32.617188 29.863281 31.148438 29.863281 28.039062 C 29.863281 25.179688 32.046875 23 35.453125 23 C 37.878906 23 39.621094 23.84375 40.878906 26.054688 L 37.910156 27.964844 C 37.253906 26.789062 36.550781 26.328125 35.453125 26.328125 C 34.335938 26.328125 33.628906 27.039062 33.628906 27.964844 C 33.628906 29.109375 34.335938 29.570312 35.972656 30.28125 L 36.925781 30.691406 C 40.171875 32.078125 42 33.496094 42 36.683594 C 42 40.117188 39.300781 42 35.675781 42 Z M 35.675781 42 "/>
</g>
</svg>
<h4>JAVASCRIPT</h4>
</div>
<div class="skills__cards--itens">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 50 50" width="50px" height="50px">
<g id="surface15701263">
<path style=" stroke:none;fill-rule:evenodd;fill:rgb(27.843139%,9.019608%,96.470588%);fill-opacity:0.8;" d="M 34.554688 3.984375 C 33.773438 3.957031 32.957031 4.09375 32.140625 4.359375 C 30.503906 4.890625 28.789062 5.925781 27.027344 7.355469 C 26.339844 7.917969 25.644531 8.558594 24.945312 9.238281 C 24.261719 8.574219 23.582031 7.949219 22.90625 7.402344 C 21.148438 5.972656 19.4375 4.9375 17.804688 4.410156 C 16.171875 3.878906 14.546875 3.863281 13.214844 4.632812 C 11.878906 5.402344 11.082031 6.816406 10.722656 8.496094 C 10.363281 10.175781 10.402344 12.175781 10.765625 14.414062 C 10.886719 15.191406 11.066406 16.003906 11.269531 16.835938 C 10.507812 17.066406 9.765625 17.308594 9.082031 17.578125 C 7.007812 18.386719 5.292969 19.355469 4.042969 20.507812 C 2.796875 21.660156 1.988281 23.058594 1.988281 24.59375 C 1.988281 26.128906 2.796875 27.527344 4.042969 28.675781 C 5.292969 29.828125 7.007812 30.800781 9.082031 31.609375 C 9.8125 31.894531 10.609375 32.15625 11.429688 32.398438 C 11.132812 33.5 10.894531 34.570312 10.730469 35.585938 C 10.371094 37.824219 10.335938 39.824219 10.691406 41.507812 C 11.050781 43.191406 11.851562 44.613281 13.191406 45.386719 C 14.53125 46.160156 16.164062 46.140625 17.800781 45.613281 C 19.4375 45.082031 21.148438 44.046875 22.910156 42.617188 C 23.59375 42.0625 24.285156 41.425781 24.976562 40.753906 C 25.671875 41.429688 26.367188 42.066406 27.050781 42.628906 C 28.8125 44.058594 30.523438 45.089844 32.15625 45.621094 C 33.789062 46.148438 35.414062 46.164062 36.746094 45.394531 C 38.082031 44.625 38.878906 43.210938 39.238281 41.53125 C 39.59375 39.851562 39.554688 37.855469 39.195312 35.617188 C 39.03125 34.601562 38.792969 33.527344 38.496094 32.417969 C 39.34375 32.167969 40.164062 31.90625 40.917969 31.609375 C 42.992188 30.800781 44.707031 29.828125 45.957031 28.675781 C 47.203125 27.527344 48.011719 26.128906 48.011719 24.59375 C 48.011719 23.058594 47.203125 21.660156 45.957031 20.507812 C 44.707031 19.355469 42.992188 18.386719 40.917969 17.578125 C 40.222656 17.304688 39.472656 17.058594 38.695312 16.824219 C 38.902344 15.988281 39.082031 15.167969 39.207031 14.386719 C 39.570312 12.148438 39.605469 10.144531 39.246094 8.460938 C 38.890625 6.78125 38.089844 5.359375 36.746094 4.585938 C 36.078125 4.199219 35.335938 4.011719 34.554688 3.984375 Z M 34.464844 6.019531 C 34.953125 6.03125 35.371094 6.148438 35.726562 6.355469 C 36.441406 6.769531 36.96875 7.570312 37.25 8.890625 C 37.53125 10.210938 37.523438 11.996094 37.191406 14.066406 C 37.074219 14.773438 36.910156 15.523438 36.722656 16.292969 C 34.675781 15.800781 32.4375 15.433594 30.046875 15.222656 C 28.847656 13.558594 27.617188 12.046875 26.375 10.703125 C 27.03125 10.0625 27.683594 9.460938 28.320312 8.945312 C 29.945312 7.621094 31.484375 6.722656 32.769531 6.304688 C 33.410156 6.097656 33.972656 6.007812 34.464844 6.019531 Z M 15.488281 6.023438 C 15.976562 6.011719 16.542969 6.101562 17.183594 6.308594 C 18.472656 6.726562 20.015625 7.628906 21.644531 8.949219 C 22.265625 9.460938 22.90625 10.046875 23.550781 10.675781 C 22.296875 12.027344 21.054688 13.554688 19.847656 15.230469 C 17.46875 15.449219 15.238281 15.816406 13.203125 16.3125 C 13.015625 15.546875 12.847656 14.796875 12.738281 14.09375 C 12.402344 12.023438 12.394531 10.238281 12.679688 8.914062 C 12.960938 7.589844 13.492188 6.78125 14.214844 6.367188 C 14.574219 6.15625 14.996094 6.039062 15.488281 6.027344 Z M 24.976562 12.144531 C 25.792969 13.027344 26.605469 14 27.414062 15.042969 C 26.621094 15.011719 25.816406 14.992188 25 14.992188 C 24.167969 14.992188 23.347656 15.011719 22.539062 15.046875 C 23.347656 14 24.160156 13.03125 24.976562 12.144531 Z M 25 17.011719 C 26.359375 17.011719 27.683594 17.066406 28.972656 17.160156 C 29.863281 18.433594 30.730469 19.785156 31.554688 21.21875 C 32.28125 22.472656 32.9375 23.730469 33.535156 24.96875 C 32.929688 26.226562 32.261719 27.496094 31.527344 28.773438 C 30.878906 29.894531 30.203125 30.957031 29.515625 31.988281 C 28.058594 32.109375 26.550781 32.175781 25 32.175781 C 23.414062 32.175781 21.871094 32.105469 20.378906 31.976562 C 19.703125 30.964844 19.039062 29.914062 18.402344 28.8125 C 17.667969 27.539062 17.003906 26.269531 16.398438 25.015625 C 17.007812 23.753906 17.671875 22.476562 18.410156 21.199219 C 19.234375 19.777344 20.097656 18.433594 20.980469 17.164062 C 22.285156 17.066406 23.625 17.011719 25 17.011719 Z M 31.550781 17.410156 C 33.199219 17.617188 34.746094 17.902344 36.183594 18.246094 C 35.757812 19.644531 35.230469 21.109375 34.59375 22.621094 C 34.179688 21.820312 33.75 21.019531 33.285156 20.21875 C 32.726562 19.242188 32.140625 18.316406 31.546875 17.410156 Z M 18.34375 17.425781 C 17.765625 18.316406 17.195312 19.222656 16.644531 20.179688 C 16.175781 20.992188 15.738281 21.804688 15.320312 22.613281 C 14.6875 21.109375 14.164062 19.65625 13.738281 18.261719 C 15.167969 17.917969 16.707031 17.632812 18.34375 17.425781 Z M 38.164062 18.777344 C 38.871094 18.988281 39.558594 19.214844 40.183594 19.460938 C 42.09375 20.203125 43.605469 21.089844 44.585938 21.992188 C 45.566406 22.894531 45.992188 23.757812 45.992188 24.59375 C 45.992188 25.429688 45.566406 26.292969 44.585938 27.195312 C 43.605469 28.097656 42.09375 28.984375 40.183594 29.726562 C 39.488281 30 38.722656 30.25 37.925781 30.480469 C 37.355469 28.722656 36.628906 26.890625 35.765625 25.015625 C 36.757812 22.863281 37.5625 20.769531 38.164062 18.777344 Z M 11.800781 18.785156 C 12.398438 20.757812 13.191406 22.835938 14.167969 24.964844 C 13.300781 26.847656 12.570312 28.691406 12 30.460938 C 11.230469 30.234375 10.488281 29.992188 9.816406 29.730469 C 7.90625 28.984375 6.394531 28.097656 5.414062 27.195312 C 4.433594 26.292969 4.011719 25.429688 4.011719 24.59375 C 4.011719 23.757812 4.433594 22.894531 5.414062 21.992188 C 6.394531 21.089844 7.90625 20.203125 9.816406 19.460938 C 10.433594 19.21875 11.105469 18.996094 11.804688 18.785156 Z M 25 20 C 22.25 20 20 22.25 20 25 C 20 27.75 22.25 30 25 30 C 27.75 30 30 27.75 30 25 C 30 22.25 27.75 20 25 20 Z M 15.339844 27.363281 C 15.761719 28.179688 16.199219 28.992188 16.671875 29.808594 C 17.042969 30.449219 17.417969 31.074219 17.800781 31.683594 C 16.457031 31.496094 15.179688 31.261719 13.984375 30.980469 C 14.363281 29.816406 14.820312 28.601562 15.34375 27.363281 Z M 34.621094 27.363281 C 35.144531 28.605469 35.601562 29.820312 35.984375 30.988281 C 34.78125 31.269531 33.5 31.503906 32.152344 31.6875 C 32.539062 31.070312 32.921875 30.441406 33.296875 29.792969 C 33.765625 28.980469 34.199219 28.171875 34.621094 27.363281 Z M 13.40625 32.925781 C 15.214844 33.351562 17.175781 33.683594 19.257812 33.898438 C 20.644531 35.90625 22.09375 37.710938 23.550781 39.289062 C 22.898438 39.921875 22.253906 40.519531 21.621094 41.03125 C 19.996094 42.355469 18.453125 43.25 17.171875 43.667969 C 15.886719 44.085938 14.925781 44.03125 14.214844 43.617188 C 13.5 43.203125 12.972656 42.402344 12.691406 41.082031 C 12.410156 39.761719 12.417969 37.980469 12.75 35.910156 C 12.902344 34.972656 13.125 33.964844 13.40625 32.925781 Z M 36.558594 32.933594 C 36.84375 33.980469 37.070312 34.988281 37.222656 35.933594 C 37.554688 38.003906 37.5625 39.789062 37.277344 41.113281 C 36.996094 42.4375 36.46875 43.246094 35.746094 43.664062 C 35.027344 44.082031 34.058594 44.132812 32.769531 43.71875 C 31.484375 43.300781 29.941406 42.398438 28.3125 41.078125 C 27.679688 40.558594 27.027344 39.957031 26.371094 39.320312 C 27.839844 37.734375 29.296875 35.921875 30.691406 33.902344 C 32.777344 33.6875 34.746094 33.359375 36.558594 32.933594 Z M 21.867188 34.101562 C 22.894531 34.15625 23.933594 34.195312 25 34.195312 C 26.03125 34.195312 27.035156 34.160156 28.03125 34.105469 C 27.015625 35.480469 25.980469 36.726562 24.949219 37.847656 C 23.917969 36.722656 22.882812 35.472656 21.867188 34.101562 Z M 21.867188 34.101562 "/>
</g>
</svg>
<h4>REACT</h4>
</div>
<div class="skills__cards--itens">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 50 50" width="50px" height="50px">
<g id="surface15702403">
<path style=" stroke:none;fill-rule:nonzero;fill:rgb(27.843139%,9.019608%,96.470588%);fill-opacity:0.8;" d="M 24.929688 2.003906 C 24.820312 2.003906 24.710938 2.019531 24.605469 2.058594 L 3.671875 9.34375 C 3.226562 9.496094 2.949219 9.9375 3.007812 10.40625 L 6.316406 37.53125 C 6.355469 37.851562 6.546875 38.132812 6.832031 38.289062 L 24.480469 47.878906 C 24.625 47.960938 24.792969 48 24.957031 48 C 25.121094 48 25.285156 47.957031 25.433594 47.878906 L 43.175781 38.152344 C 43.457031 38 43.648438 37.71875 43.683594 37.398438 L 46.992188 10.277344 C 47.050781 9.808594 46.769531 9.359375 46.320312 9.210938 L 25.253906 2.054688 C 25.148438 2.019531 25.039062 2 24.929688 2.003906 Z M 25 7 L 38 35 L 33.5625 35 L 30.78125 29.007812 L 19.21875 29.007812 L 16.4375 35 L 12 35 Z M 25 16.5 L 21.082031 25 L 28.917969 25 Z M 25 16.5 "/>
</g>
</svg>
<h4>ANGULAR</h4>
</div>
</div>
<div class="mt-2 skills__cards">
<h4>ADOBE XD</h4>
<h4>FIGMA</h4>
<h4>PHOTOSHOP</h4>
</div>
</div>
</div>
</section>
<!-- SELECTED WORKS -->
<section class="container-primary list mt-7" id="section-works">
<div class="list-item">
<h2>Projetos desenvolvidos</h2>
</div>
<div class="list-item py-6">
<h5 class="color-gray mr-2">01.</h5>
<a href="https://redesign-nubank-two.vercel.app/" target="_blank">
<h3>Nubank</h3>
</a>
<img src="" class="img-project" alt="Nubank">
</div>
<div class="bb-gray"></div>
<div class="list-item py-6">
<h5 class="color-gray mr-2">02.</h5>
<a href="https://spiderman-miles-morales.vercel.app/" target="_blank">
<h3>Spider-man</h3>
</a>
<img src="" class="img-project" alt="Spiderman">
</div>
<div class="bb-gray"></div>
<div class="list-item py-6">
<h5 class="color-gray mr-2">03.</h5>
<a href="https://binario.cloud/" target="_blank">
<h3>Binario Cloud</h3>
</a>
<img src="" class="img-project" alt="Binario Cloud">
</div>
<div class="bb-gray"></div>
</section>
<section class="container-secondary pt-7 pb-7">
<div class="container-secondary__person">
<div class="experience__title">
<h2>Experiência Profissional</h2>
<h6>Principais experiências na área</h6>
</div>
<div class="experience__content mt-7">
<div class="experience__content--column">
<div class="experience__content--item mb-9">
<p>
Foco no desenvolvimento de aplicações para clientes, utilizando HTML5, Sass, Angular,consumo de REST's API
e versionamentos Git além da melhoria e evolução continua da aplicação.
</p>
</div>
<div class="experience__content--legend mb-9">
<h4 class="mask2">Desenvolvedor Front-End Júnior</h4>
<h5>Binario Cloud</h5>
<h6>Fevereiro 2019 - Junho 2021 </h6>
</div>
<div class="experience__content--item">
<p>
Lecionava aulas de informática, como desenvolvimento web (HTML, Css e JS),
pacote office (Word, Excel, Power Point e Access) e pacote Adobe (Photoshop,
Illustrator, Premier e After Effects).
</p>
</div>
</div>
<div>
coluna 2 icon
</div>
<div class="experience__content--column">
<div class="experience__content--legend mt-5 mb-7">
<h4 class="mask">Desenvolvedor Front-End Angular</h4>
<h5>Accenture</h5>
<h6>Julho 2021 - Atualmente </h6>
</div>
<div class="experience__content--item mb-6">
<p>Experiência de 10 meses. Responsável pela criação e manutenção do site da Binario Cloud, portal e
e-commerce Central Binario Cloud atuando diretamente com HTML5,
Css3/Pré-processadores Css, Javascript, Typescript , Angular8+ (Componentização,
modularização, Input e Output e consumo de API Rests) , versionamento de código
com Git e Github acostumando com o fluxo de pull request e commits, Adobe XD e
metodologias ágeis
</p>
</div>
<div class="experience__content--legend">
<h4 class="mask">Instrutor de Informática</h4>
<h5>Logus Informática</h5>
<h6>Agosto 2017 - Fevereiro 2019 </h6>
</div>
</div>
</div>
</div>
</section>
<footer class="container-primary">
<div class="container-footer mt-7 mb-7">
<div>
<h5>
Raul Lima
</h5>
</div>
<div class="mt-4">
Icons redes sociais
</div>
<div class="mt-4">
<h3 class="mask">[email protected]</h3>
</div>
<div class="mt-4">
<a href="" class="link">Home</a>
<a href="" class="link">Quem sou eu?</a>
<a href="" class="link">O que eu desenvolvo?</a>
<a href="" class="link">Skills</a>
<a href="" class="link">Projetos</a>
<a href="" class="link">Experiência</a>
</div>
</div>
</footer>
</body>
</html>