-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathcv.html
564 lines (552 loc) · 30.7 KB
/
cv.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
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
<!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" />
<title>Currículum Vitae</title>
<script src="html2pdf.bundle.min.js"></script>
<script src="html-to-pdf.js"></script>
<link rel="stylesheet" href="cv.css" />
</head>
<body>
<div class="din-a4">
<aside>
<div class="photo">
<svg
version="1.1"
id="Capa_1"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
x="0px"
y="0px"
viewBox="0 0 144.773 144.773"
style="enable-background: new 0 0 144.773 144.773"
xml:space="preserve"
>
<g>
<circle
style="fill: #14b0bf"
cx="72.387"
cy="72.386"
r="72.386"
/>
<g>
<defs>
<circle id="SVGID_1_" cx="72.387" cy="72.386" r="72.386" />
</defs>
<clipPath id="SVGID_2_">
<use xlink:href="#SVGID_1_" style="overflow: visible" />
</clipPath>
<g style="clip-path: url(#SVGID_2_)">
<g>
<path
style="fill: #f1c9a5"
d="M107.053,116.94c-4.666-8.833-34.666-14.376-34.666-14.376s-30,5.543-34.666,14.376
c-3.449,12.258-6.334,27.833-6.334,27.833h41h41C113.387,144.773,111.438,128.073,107.053,116.94z"
/>
<path
style="fill: #e4b692"
d="M72.387,102.564c0,0,30,5.543,34.666,14.376c4.386,11.133,6.334,27.833,6.334,27.833h-41V102.564
z"
/>
<rect
x="64.22"
y="84.606"
style="fill: #f1c9a5"
width="16.334"
height="27.336"
/>
<rect
x="72.387"
y="84.606"
style="fill: #e4b692"
width="8.167"
height="27.336"
/>
<path
style="opacity: 0.1; fill: #ddac8c"
d="M64.22,97.273c1.469,4.217,7.397,6.634,11.751,6.634
c1.575,0,3.107-0.264,4.583-0.747V84.606H64.22V97.273z"
/>
<path
style="fill: #f1c9a5"
d="M93.387,67.357c0-17.074-9.402-26.783-21-26.783c-11.598,0-21,9.709-21,26.783
c0,22.966,9.402,30.917,21,30.917C83.984,98.274,93.387,89.366,93.387,67.357z"
/>
<path
style="fill: #e4b692"
d="M90.19,79.197c-3.807-0.399-6.377-4.5-5.733-9.156c0.637-4.66,4.242-8.12,8.051-7.724
c3.805,0.396,6.371,4.496,5.729,9.156C97.599,76.134,93.997,79.591,90.19,79.197z"
/>
<path
style="fill: #f1c9a5"
d="M46.685,71.474c-0.643-4.66,1.924-8.76,5.727-9.156c3.81-0.397,7.416,3.063,8.055,7.724
c0.642,4.656-1.93,8.758-5.734,9.156C50.925,79.591,47.323,76.134,46.685,71.474z"
/>
<path
style="fill: #e4b692"
d="M93.387,67.357c0-17.074-9.402-26.783-21-26.783v57.7C83.984,98.274,93.387,89.366,93.387,67.357
z"
/>
</g>
<path
style="fill: #0d313d"
d="M107.053,116.94c-2.726-5.158-14.082-9.191-23.065-11.656l-11.601,39.489l-11.601-39.489
c-8.983,2.465-20.34,6.498-23.066,11.656c-3.449,12.258-6.334,27.833-6.334,27.833h41h41
C113.387,144.773,111.438,128.073,107.053,116.94z"
/>
<polygon
style="fill: #f1f2f2"
points="60.413,105.284 72.387,144.773 84.032,105.284 72.387,118.544 "
/>
<polygon
style="fill: #2b5770"
points="72.387,144.773 90.115,125.028 84.032,122.724 94.615,108.349 84.331,105.284 "
/>
<polygon
style="fill: #2b5770"
points="72.387,144.773 54.658,125.028 60.741,122.724 50.158,108.349 60.442,105.284 "
/>
<path
style="fill: #ffffff"
d="M57.359,121.332l9.077-8.437l5.935,5.648l-8.152-14.161l-4.979,0.383
C58.883,110.271,57.359,121.332,57.359,121.332z"
/>
<path
style="fill: #ffffff"
d="M87.385,121.332l-9.077-8.437l-5.936,5.648l8.152-14.161l4.979,0.383
C85.861,110.271,87.385,121.332,87.385,121.332z"
/>
<path
style="fill: #262421"
d="M95.443,63.508c0,0-3.744-2.825-5.348,5.467c0.521-7.792,0.142-18.541-6.181-20.508
c-3.513,6.321-17.418,10.393-26.549,8.146c0.701,7.165-1.404,13.066-3.793,14.61c0.14-5.76,0.138-9.273-3.514-8.148
c-0.982-12.08,5.634-27.393,23.474-27.393C91.373,35.683,97.27,47.773,95.443,63.508z"
/>
</g>
</g>
</g>
<g></g>
<g></g>
<g></g>
<g></g>
<g></g>
<g></g>
<g></g>
<g></g>
<g></g>
<g></g>
<g></g>
<g></g>
<g></g>
<g></g>
<g></g>
</svg>
</div>
<div class="name">PABLO RIOBOO BASCOY</div>
<div class="studies">PROGRAMADOR DE APLICACIONES INFORMÁTICAS</div>
<div class="studies">INGENIERO MECÁNICO</div>
<div class="contact">
<div class="contact-icon">
<?xml version="1.0" encoding="iso-8859-1"?>
<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg
version="1.1"
id="Layer_1"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
x="0px"
y="0px"
viewBox="0 0 291.319 291.319"
style="enable-background: new 0 0 291.319 291.319"
xml:space="preserve"
>
<g>
<path
style="fill: #0e76a8"
d="M145.659,0c80.45,0,145.66,65.219,145.66,145.66s-65.21,145.659-145.66,145.659S0,226.1,0,145.66
S65.21,0,145.659,0z"
/>
<path
style="fill: #ffffff"
d="M82.079,200.136h27.275v-90.91H82.079V200.136z M188.338,106.077
c-13.237,0-25.081,4.834-33.483,15.504v-12.654H127.48v91.21h27.375v-49.324c0-10.424,9.55-20.593,21.512-20.593
s14.912,10.169,14.912,20.338v49.57h27.275v-51.6C218.553,112.686,201.584,106.077,188.338,106.077z M95.589,100.141
c7.538,0,13.656-6.118,13.656-13.656S103.127,72.83,95.589,72.83s-13.656,6.118-13.656,13.656S88.051,100.141,95.589,100.141z"
/>
</g>
<g></g>
<g></g>
<g></g>
<g></g>
<g></g>
<g></g>
<g></g>
<g></g>
<g></g>
<g></g>
<g></g>
<g></g>
<g></g>
<g></g>
<g></g>
</svg>
</div>
<div class="contact-url">
<span> <a href="https://www.linkedin.com/in/priobbas1" target="_blank">linkedin.com/in/priobbas1</a></span>
</div>
</div>
<div class="email">
<div class="email-icon">
<?xml version="1.0" encoding="iso-8859-1"?>
<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg
version="1.1"
id="email-icon"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
x="0px"
y="0px"
viewBox="0 0 330.001 330.001"
style="enable-background: new 0 0 330.001 330.001"
xml:space="preserve"
>
<g id="XMLID_348_">
<path
style="fill: rgb(255, 255, 255)"
id="XMLID_350_"
d="M173.871,177.097c-2.641,1.936-5.756,2.903-8.87,2.903c-3.116,0-6.23-0.967-8.871-2.903L30,84.602
L0.001,62.603L0,275.001c0.001,8.284,6.716,15,15,15L315.001,290c8.285,0,15-6.716,15-14.999V62.602l-30.001,22L173.871,177.097z"
/>
<polygon
style="fill: rgb(255, 255, 255)"
id="XMLID_351_"
points="165.001,146.4 310.087,40.001 19.911,40 "
/>
</g>
</svg>
</div>
<div class="email-url">
<span> <a href="mailto:[email protected]">[email protected]</a></span>
</div>
</div>
<div class="phone">
<div class="email-icon">
<svg
id="phone-icon"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 287.32 287.32"
style="enable-background: new 0 0 287.32 287.32"
>
<path
style="fill: rgb(255, 255, 255)"
d="M267.749,191.076c-14.595-11.729-27.983-17.431-40.93-17.431c-18.729,0-32.214,11.914-44.423,24.119
c-1.404,1.405-3.104,2.06-5.349,2.06c-10.288,0.001-28.387-12.883-53.794-38.293c-29.89-29.892-41.191-48.904-33.592-56.506
c20.6-20.593,27.031-41.237-4.509-80.462C73.861,10.51,62.814,3.68,51.38,3.68c-15.42,0-27.142,12.326-37.484,23.202
c-1.788,1.88-3.477,3.656-5.133,5.312c-11.689,11.688-11.683,37.182,0.017,68.2c12.837,34.033,38.183,71.055,71.37,104.247
c25.665,25.663,53.59,46.403,80.758,60.328c23.719,12.158,46.726,18.672,64.783,18.672c0.002,0,0.004,0,0.007,0
c11.3,0,20.479-2.465,26.541-7.478c12.314-10.181,35.234-29.039,35.081-51.439C287.236,212.71,280.653,201.451,267.749,191.076z"
/>
</svg>
</div>
<div class="email-url">
<span> <a href="tel:+34618255674">+34 618 255 674</a></span>
</div>
</div>
<div class="git">
<div class="git-icon">
<svg
width="24px"
height="24px"
viewBox="-1 0 24 24"
xmlns="http://www.w3.org/2000/svg"
>
<path
style="fill: rgb(255, 255, 255)"
d="m7.058 20.277q0-1.339-2.21-1.339-2.116 0-2.116 1.393 0 1.353 2.303 1.353 2.022-.003 2.022-1.406zm-.79-10.112c.001-.025.002-.054.002-.083 0-.48-.15-.925-.406-1.29l.005.007c-.255-.336-.655-.552-1.105-.552-.031 0-.061.001-.091.003h.004q-1.661 0-1.661 1.942 0 1.808 1.661 1.808 1.592.001 1.592-1.834zm3.6-4.339v2.706q-.48.16-1.058.294c.132.333.211.719.214 1.123v.002c.001.035.002.076.002.118 0 1.057-.369 2.027-.986 2.79l.007-.008c-.653.787-1.571 1.334-2.615 1.503l-.025.003c-.309.044-.582.174-.802.363l.002-.002c-.164.183-.264.426-.264.693 0 .03.001.059.004.088v-.004.02c0 .266.116.505.301.669l.001.001c.217.19.476.337.762.425l.015.004q.475.154 1.051.294t1.152.342c.402.14.749.31 1.072.515l-.021-.012c.328.215.591.504.771.844l.006.012c.191.363.303.793.303 1.249 0 .025 0 .049-.001.074v-.004q.003 4.073-4.855 4.073c-.014 0-.03 0-.046 0-.6 0-1.185-.061-1.75-.177l.056.01c-.586-.121-1.105-.311-1.586-.564l.033.016c-.49-.255-.888-.63-1.165-1.085l-.007-.013c-.274-.464-.436-1.023-.436-1.62 0-.03 0-.06.001-.09v.004q0-2.21 2.438-3.014v-.054c-.543-.327-.901-.913-.901-1.582 0-.037.001-.074.003-.11v.005q0-1.46.844-1.835v-.054c-.705-.271-1.266-.784-1.592-1.436l-.008-.017c-.386-.633-.621-1.396-.64-2.212v-.005c-.001-.033-.001-.071-.001-.11 0-1.174.488-2.235 1.272-2.99l.001-.001c.781-.767 1.853-1.241 3.036-1.241.039 0 .078.001.117.002h-.006.031c.866 0 1.678.234 2.376.642l-.022-.012c1.062-.029 2.062-.259 2.976-.651l-.053.02zm4.259 11.799h-2.971q.054-.602.054-1.794v-8.156q0-1.259-.054-1.714h2.974q-.054.442-.054 1.661v8.21q0 1.192.054 1.794zm8.049-2.974v2.629c-.633.331-1.383.525-2.178.525-.053 0-.107-.001-.16-.003h.008c-.025.001-.055.001-.085.001-.486 0-.949-.099-1.37-.278l.023.009c-.371-.155-.685-.383-.935-.667l-.002-.003c-.235-.295-.417-.644-.524-1.024l-.005-.021c-.115-.357-.202-.775-.246-1.206l-.002-.026q-.054-.59-.054-1.379v-4.704h.026v-.054q-.094 0-.254-.014t-.24-.014c-.285.008-.558.037-.823.085l.033-.005v-2.544h1.286v-1.018c.001-.033.001-.072.001-.111 0-.381-.029-.756-.086-1.122l.005.041h3.04c-.054.537-.085 1.16-.085 1.791 0 .147.002.294.005.44v-.022h2.288v2.545q-.201 0-.582-.026t-.569-.026h-1.135v4.888q0 1.754 1.165 1.754h.036c.532 0 1.026-.165 1.432-.447l-.008.005zm-7.712-12.682v.023c0 .517-.199.987-.524 1.339l.001-.001c-.306.357-.758.583-1.263.583-.008 0-.016 0-.024 0h.001c-.007 0-.015 0-.024 0-.513 0-.973-.225-1.287-.581l-.002-.002c-.332-.348-.536-.821-.536-1.341 0-.007 0-.013 0-.02v.001c0-.007 0-.015 0-.023 0-.523.201-1 .53-1.356l-.001.001c.314-.362.774-.59 1.288-.59h.033-.002.029c.508 0 .962.231 1.262.594l.002.003c.32.358.515.833.515 1.354v.02-.001z"
/>
</svg>
</div>
<div class="git-url">
<span> <a href="https://www.github.com/priobbas1" target="_blank">github.com/priobbas1</a></span>
</div>
</div>
<ul></ul>
<section id="skills">
<ul>
<li>
<svg
alt="javascript icon"
width="32px"
height="32px"
viewBox="0 0 24 24"
>
<g fill="none" fill-rule="evenodd">
<rect width="24" height="24" fill="#F1DC50" />
<path
stroke="#333"
stroke-width="2"
d="M12,11 C12,15.749205 12,18.4158717 12,19 C12,19.8761925 11.4771235,21 10,21 C7.61461794,21 7.5,19 7.5,19 M20.7899648,13.51604 C20.1898831,12.5053467 19.3944074,12 18.4035378,12 C16.8563489,12 16,13 16,14 C16,15 16.5,16 18.5084196,16.5 C19.7864643,16.8181718 21,17.5 21,19 C21,20.5 19.6845401,21 18.5,21 C16.9861609,21 15.9861609,20.3333333 15.5,19"
/>
</g>
</svg>
<span>javascript</span>
</li>
<li>
<svg
alt="react icon"
aria-label="React"
width="32px"
height="32px"
role="img"
viewBox="0 0 512 512"
>
<rect width="512" height="512" rx="15%" fill="#fff" />
<circle cx="256" cy="256" r="36" fill="#61dafb" />
<path
stroke="#61dafb"
stroke-width="18"
fill="none"
d="M317.47 291.43a71 183 30 1 0-.05.09zm-122.89.09a183 71 60 1 0-.05-.09zm61.47 35.43a183 71 0 1 0-.1 0z"
/>
</svg>
<span>react</span>
</li>
<li>
<svg
alt="vue icon"
width="32px"
height="32px"
viewBox="0 0 32 32"
>
<title>file_type_vue</title>
<path
d="M24.4,3.925H30L16,28.075,2,3.925H12.71L16,9.525l3.22-5.6Z"
style="fill: #41b883"
/>
<path
d="M2,3.925l14,24.15L30,3.925H24.4L16,18.415,7.53,3.925Z"
style="fill: #41b883"
/>
<path
d="M7.53,3.925,16,18.485l8.4-14.56H19.22L16,9.525l-3.29-5.6Z"
style="fill: #35495e"
/>
</svg>
<span>vue</span>
</li>
<li>
<svg
alt="mysql icon"
width="32px"
height="32px"
viewBox="0 0 24 24"
>
<path
fill="#00758F"
fill-rule="evenodd"
d="M5.46192862,4.04007684 C5.18892668,4.03501656 4.99575061,4.06967946 4.79169495,4.11446291 L4.79169495,4.15152944 L4.82901449,4.15152944 C4.95944313,4.41909158 5.18943271,4.591394 5.35034952,4.82188962 C5.47407329,5.08262038 5.59817658,5.34297163 5.72227987,5.60332288 C5.73493056,5.5909252 5.74745474,5.57865403 5.75959941,5.56625635 C5.99047454,5.40394797 6.0957283,5.14410275 6.09471625,4.74737704 C6.00211318,4.64996671 5.98832392,4.52826705 5.90837155,4.4122602 C5.80235875,4.25754224 5.59615247,4.17012595 5.46192862,4.04007684 L5.46192862,4.04007684 Z M23.478665,23.1369293 C23.6543831,23.2658398 23.772161,23.4657208 24,23.5466852 L24,23.5093657 C23.8800714,23.3573044 23.8495833,23.1474294 23.7395222,22.9880306 C23.5786054,22.8271138 23.4164236,22.6655645 23.2555068,22.5040152 C22.7821179,21.8759083 22.1818425,21.3245911 21.5432356,20.8663831 C21.0345512,20.5006515 19.8944709,20.0072745 19.6819392,19.4148426 C19.6697946,19.4021919 19.6571439,19.3896677 19.6444932,19.3770171 C20.0054174,19.3365348 20.4283301,19.2059797 20.7614228,19.1165393 C21.3210894,18.9665021 21.8214243,19.0054662 22.3990549,18.8560615 C22.6600387,18.781296 22.9203899,18.7066569 23.1808677,18.6329033 L23.1808677,18.4834987 C22.8887632,18.1836773 22.6805328,17.7869515 22.3622414,17.5155942 C21.5283078,16.8061434 20.6188495,16.0966926 19.6818127,15.5056522 C19.1626283,15.1774933 18.5200996,14.9645821 17.969415,14.6865199 C17.7842089,14.5931578 17.4590861,14.5444526 17.3365009,14.3887226 C17.0476856,14.0198284 16.8899314,13.5523853 16.6667732,13.1228943 C16.1997097,12.2230506 15.740363,11.2403448 15.3263059,10.293567 C15.044322,9.6481287 14.8597484,9.01154587 14.5076796,8.43227067 C12.8174206,5.65329311 10.9976185,3.97581132 8.17942382,2.3270466 C7.57927498,1.97649592 6.85742648,1.83809735 6.09471625,1.65719245 C5.68546635,1.6325236 5.27545742,1.60734872 4.86620752,1.58267987 C4.61635635,1.47831166 4.35651113,1.17267094 4.12184079,1.02427832 C3.18796669,0.434503045 0.792811133,-0.848656668 0.10157731,0.838313141 C-0.335124586,1.90286889 0.753847001,2.94174374 1.14361483,3.48142227 C1.4172493,3.85980447 1.76704094,4.2842352 1.96287366,4.70967798 C2.09127818,4.98938478 2.11316388,5.27010364 2.22385744,5.56600333 C2.49432924,6.29518923 2.7293791,7.08838764 3.07929725,7.76241652 C3.25653344,8.10322617 3.45173363,8.46263233 3.67539786,8.76738751 C3.81265788,8.95449125 4.04720171,9.03684725 4.08401522,9.32578906 C3.85465817,9.64749617 3.84150145,10.1466925 3.7125909,10.5541713 C3.13065906,12.3887747 3.35014857,14.6686824 4.19660638,16.0266077 C4.45594557,16.443195 5.06773305,17.3374725 5.90837155,16.9942592 C6.64375629,16.6946908 6.47980332,15.76613 6.69018433,14.9469976 C6.73749792,14.760906 6.70865434,14.624405 6.80176344,14.5003017 L6.80176344,14.5373682 C7.02542767,14.9840642 7.2488389,15.4307601 7.47199711,15.8773296 C7.96815726,16.6759678 8.84826592,17.5111665 9.59415073,18.0739958 C9.98037636,18.3659737 10.2848785,18.8709894 10.7852134,19.0419002 L10.7852134,19.0040746 L10.7478939,19.0040746 C10.6504835,18.8536579 10.4989282,18.790531 10.3759635,18.6694638 C10.0844916,18.3836847 9.76050733,18.0287063 9.51938514,17.7014329 C8.84080201,16.780589 8.24153872,15.7725818 7.69553484,14.7235864 C7.43455106,14.2224925 7.20785066,13.6697838 6.98785512,13.1600874 C6.90322199,12.9633691 6.90423404,12.6662043 6.72737736,12.5643663 C6.48650818,12.9378147 6.13190928,13.2401663 5.94556458,13.6811694 C5.64776729,14.386319 5.60943569,15.2461865 5.49899515,16.1379338 C5.43371758,16.1614641 5.46268766,16.1453977 5.42422956,16.1750003 C4.90555118,16.0502645 4.72350772,15.5164053 4.53096418,15.0584502 C4.04378602,13.9006589 3.95333357,12.0360734 4.38206553,10.7030699 C4.4930121,10.3583386 4.99499157,9.27202362 4.79131543,8.95347919 C4.69441112,8.63544079 4.37510765,8.45187925 4.19635337,8.20885945 C3.97420721,7.90853201 3.75332613,7.5134509 3.59974672,7.16644241 C3.20150293,6.26368901 3.01528474,5.25024206 2.59540827,4.33749461 C2.39451528,3.90142525 2.0550972,3.45966308 1.77627595,3.07166635 C1.46759906,2.64204884 1.12185564,2.32578153 0.882884062,1.80583808 C0.797744903,1.62126448 0.681991069,1.32587082 0.808244978,1.13598393 C0.848094658,1.00783242 0.905022773,0.954446496 1.03190922,0.912572704 C1.24810955,0.746089595 1.84889092,0.967982736 2.07394674,1.06147135 C2.67055338,1.30929841 3.16924367,1.54548684 3.67489184,1.88035066 C3.91740561,2.04126747 4.16295554,2.35272751 4.45607208,2.43887872 L4.79118892,2.43887872 C5.31568662,2.5591868 5.90280525,2.47645128 6.39200751,2.62509691 C7.25744137,2.8881048 8.0329288,3.29722819 8.73719284,3.74202653 C10.8826237,5.09653615 12.6370217,7.02526068 13.8370664,9.32578906 C14.030116,9.69620133 14.1138635,10.0496617 14.2836358,10.4427187 C14.6265961,11.2350315 15.0591233,12.0501156 15.4004389,12.825097 C15.7408691,13.5978013 16.0728232,14.3779695 16.5541821,15.0213837 C16.8071959,15.3594102 17.7850944,15.5408211 18.2297663,15.7288104 C18.5412263,15.8602511 19.0514287,15.9976376 19.3460633,16.1750003 C19.9100312,16.5151775 20.4556556,16.9197466 20.9842015,17.292183 C21.2483479,17.4785277 22.0606489,17.886639 22.1006251,18.2223884 C20.7916579,18.1877255 19.7916207,18.3092986 18.9366869,18.6695903 C18.6936671,18.7716814 18.3064295,18.7747176 18.2664533,19.0787137 C18.4000446,19.2186304 18.4211712,19.4281259 18.527437,19.6000488 C18.7309867,19.9304848 19.0755915,20.3728795 19.3833829,20.6053993 C19.7195118,20.8590456 20.0657612,21.130403 20.4255469,21.3498925 C21.0663045,21.7407989 21.7818276,21.9638306 22.3984224,22.3551165 C22.7632683,22.5861182 23.1241926,22.8764515 23.478665,23.1369293 L23.478665,23.1369293 Z"
/>
</svg>
<span>mysql</span>
</li>
<li>
<svg
alt="nodejs icon"
width="32px"
height="32px"
viewBox="-3.8 -1.5 40.921 40.921"
xmlns="http://www.w3.org/2000/svg"
>
<defs>
<linearGradient
id="b"
x1="271.97"
x2="211.104"
y1="217.606"
y2="341.772"
gradientUnits="userSpaceOnUse"
>
<stop offset=".3" stop-color="#3e863d" />
<stop offset=".5" stop-color="#55934f" />
<stop offset=".8" stop-color="#5aad45" />
</linearGradient>
<linearGradient
id="d"
x1="186.484"
x2="297.349"
y1="321.381"
y2="239.465"
gradientUnits="userSpaceOnUse"
>
<stop offset=".57" stop-color="#3e863d" />
<stop offset=".72" stop-color="#619857" />
<stop offset="1" stop-color="#76ac64" />
</linearGradient>
<linearGradient
id="f"
x1="197.051"
x2="288.72"
y1="279.652"
y2="279.652"
gradientUnits="userSpaceOnUse"
>
<stop offset=".16" stop-color="#6bbf47" />
<stop offset=".38" stop-color="#79b461" />
<stop offset=".47" stop-color="#75ac64" />
<stop offset=".7" stop-color="#659e5a" />
<stop offset=".9" stop-color="#3e863d" />
</linearGradient>
<clipPath id="a">
<path
d="m239.03 226.605-42.13 24.317a5.085 5.085 0 0 0-2.546 4.406v48.668c0 1.817.968 3.496 2.546 4.406l42.133 24.336a5.1 5.1 0 0 0 5.09 0l42.126-24.336a5.096 5.096 0 0 0 2.54-4.406v-48.668c0-1.816-.97-3.496-2.55-4.406l-42.12-24.317a5.123 5.123 0 0 0-5.1 0"
/>
</clipPath>
<clipPath id="c">
<path
d="M195.398 307.086c.403.523.907.976 1.5 1.316l36.14 20.875 6.02 3.46c.9.52 1.926.74 2.934.665.336-.027.672-.09 1-.183l44.434-81.36c-.34-.37-.738-.68-1.184-.94l-27.586-15.93-14.582-8.39a5.318 5.318 0 0 0-1.32-.53zm0 0"
/>
</clipPath>
<clipPath id="e">
<path
d="M241.066 225.953a5.14 5.14 0 0 0-2.035.652l-42.01 24.247 45.3 82.51c.63-.09 1.25-.3 1.81-.624l42.13-24.336a5.105 5.105 0 0 0 2.46-3.476l-46.18-78.89a5.29 5.29 0 0 0-1.03-.102l-.42.02"
/>
</clipPath>
</defs>
<g
clip-path="url(#a)"
transform="translate(-68.564 -79.701) scale(.35278)"
>
<path
fill="url(#b)"
d="m331.363 246.793-118.715-58.19-60.87 124.174L270.49 370.97zm0 0"
/>
</g>
<g
clip-path="url(#c)"
transform="translate(-68.564 -79.701) scale(.35278)"
>
<path
fill="url(#d)"
d="m144.07 264.004 83.825 113.453 110.86-81.906-83.83-113.45zm0 0"
/>
</g>
<g
clip-path="url(#e)"
transform="translate(-68.564 -79.701) scale(.35278)"
>
<path
fill="url(#f)"
d="M197.02 225.934v107.43h91.683v-107.43zm0 0"
/>
</g>
</svg>
<span>nodejs</span>
</li>
<li>
<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>
<span>github</span>
</li>
</ul>
</section>
</aside>
<main>
<h2>CERTIFICACIONES</h2>
<ul class="exp-lab">
<li><span class="year">Programación de Sistemas Informáticos.</span><span> Lenguaje JAVA orientado a la realización del fronted de programas de gestión.</span><span> Programación de aplicaciones móviles en Android Studio</span></li>
<li><span class="year">Bootcamp de Programación Web Full Stack Javascript.</span>
<span> Backend: SQL y node.JS</span> <span>Frontend: React</span></li>
<h2>EXPERIENCIA LABORAL</h2>
<ul class="exp-lab">
<li>
<span class="year">2022</span>
<span class="concept">Prácticas de programación de Sistemas Informáticos en Code Monsters.</span>
<span>Realización del frontend de un programa de gestión interna con el framework Vue.JS</span>
</li>
<li>
<span class="year">2019-2021</span>
<span class="concept">Técnico departamento I+D+i en Icube S.L.</span>
<span>Participación en proyectos de innovación y diseño de máquinas asistido por ordenador</span>
</li>
<li>
<span class="year">2019</span>
<span class="concept">Prácticas del Máster de Ingeniería Industrial en Icube S.L. </span>
<span>Realización de proyecto relacionado con filtración de gases contaminantes</span>
</li>
<li>
<span class="year">2016</span>
<span class="concept">Beca Santander Crue-Cepyme en Air Rail.</span>
<span>Realización de una herramienta de cálculo para el departamento de mantenimiento de máquinas</span>
</li>
</ul>
<h2>ESTUDIOS</h2>
<ul class="exp-lab">
<li>
<span class="concept">Graduado en Ingeniería Mecánica</span>
<span>en la Universidad Alfonso X (Madrid)</span>
</li>
<li>
<span class="concept">Máster de Ingeniería Industrial</span><span> en la Escuela Politécnica de Gijón.</span>
</li>
<h2>HABILIDADES</h2>
<ul class="exp-lab">
<li>
HTML/CSS, JavaScript, React, Node.js, Vue.js, Bootstrap, GitHub y SQL
</li>
<li>
Java, Android Studio
</li>
</ul>
</main>
</div>
<script>
(function(w,d) {
'use strict';
var btn = d.querySelector( 'button' );
var svg = d.querySelector( 'svg' );
var canvas = d.querySelector( 'canvas' );
var imageName ='your-image-name';
function triggerDownload ( imgURI ) {
var evt = new MouseEvent( 'click', {
view: w,
bubbles: false,
cancelable: true
});
var a = d.createElement( 'a' );
a.setAttribute( 'download', imageName + '.png' );
a.setAttribute( 'href', imgURI );
a.setAttribute( 'target', 'blank' );
a.dispatchEvent(evt);
}
btn.addEventListener( 'click', function () {
var ctx = canvas.getContext( '2d' );
var data = ( new XMLSerializer() ).serializeToString( svg );
var DOMURL = w.URL || w.webkitURL || w;
var img = new Image();
var svgBlob = new Blob( [data], { type: 'image/svg+xml;charset=utf-8' } );
var url = DOMURL.createObjectURL( svgBlob );
img.onload = function () {
ctx.drawImage( img, 0, 0 );
DOMURL.revokeObjectURL( url );
var imgURI = canvas
.toDataURL( 'image/png' )
.replace( 'image/png', 'image/octet-stream' );
triggerDownload( imgURI );
};
img.src = url;
d.querySelector( 'h2' ).classList.remove( 'hide' );
});
}(window, document));
</script>
</body>
</html>