-
Notifications
You must be signed in to change notification settings - Fork 2
/
index.html
455 lines (414 loc) · 25.5 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
<!DOCTYPE html>
<html lang="es">
<head>
<!-- Basic -->
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Optimiza tu Sitio Web ahora para un Máximo Rendimiento</title>
<meta name="description"
content="Descubre las claves para un desarrollo web óptimo y logra el máximo rendimiento en tu sitio.">
<link rel="canonical" href="https://optimizadorweb.site/">
<meta name="author" content="Luciano Treachi">
<!-- Fonts -->
<link rel="preload" as="font" href="/assets/fonts/Inter-Regular.woff2" type="font/woff2" crossorigin="anonymous">
<!-- Styles -->
<link rel="preload" as="style" href="/css/index-styles.css">
<link rel="stylesheet" href="/css/index-styles.css">
<!-- Favicon -->
<link rel="icon" type="image/png" href="/assets/favicon/favicon.png">
<!-- Facebook -->
<meta property="og:url" content="https://optimizadorweb.site/">
<meta property="og:type" content="website">
<meta property="og:title" content="Optimiza tu Sitio Web ahora para un Máximo Rendimiento">
<meta property="og:description"
content="Descubre las claves para un desarrollo web óptimo y logra el máximo rendimiento en tu sitio.">
<meta property="og:image" content="https://i.postimg.cc/nh52jZF3/banner.jpg">
<!-- Twitter -->
<meta name="twitter:card" content="summary_large_image">
<meta property="twitter:url" content="https://optimizadorweb.site/">
<meta name="twitter:title" content="Optimiza tu Sitio Web ahora para un Máximo Rendimiento">
<meta name="twitter:description"
content="Descubre las claves para un desarrollo web óptimo y logra el máximo rendimiento en tu sitio.">
<meta name="twitter:image" content="https://i.postimg.cc/nh52jZF3/banner.jpg">
<!-- Progressive Web Application Support -->
<link rel="manifest" href="/manifest.json">
</head>
<body>
<main>
<!-- HERO -->
<section class="hero-section" aria-label="Inicio">
<div class="container">
<h1 class="hero-title">Optimiza tu Sitio Web ahora</h1>
<h2 class="hero-subtitle">Descubre las claves para un <span class="hero-subtitle-span">Desarrollo Web
Óptimo</span> y logra el máximo rendimiento.
</h2>
</div>
</section>
<!-- AREAS -->
<section class="section" aria-label="Áreas de verificación">
<div class="container">
<h2 class="section-title">¿Qué área de tu sitio web te gustaría verificar?</h2>
<div class="highlighter-svg-container">
<svg width="200" height="30" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<path d="M6 20 Q 50 0, 100 12 T 200 20" fill="transparent" stroke="#dbe8fa" stroke-width="5"
stroke-dasharray="10,8" />
</svg>
</div>
<div class="areas">
<!-- seo -->
<a href="/seo" class="area-link seo">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true">
<path
d="M18.031 16.6168L22.3137 20.8995L20.8995 22.3137L16.6168 18.031C15.0769 19.263 13.124 20 11 20C6.032 20 2 15.968 2 11C2 6.032 6.032 2 11 2C15.968 2 20 6.032 20 11C20 13.124 19.263 15.0769 18.031 16.6168ZM16.0247 15.8748C17.2475 14.6146 18 12.8956 18 11C18 7.1325 14.8675 4 11 4C7.1325 4 4 7.1325 4 11C4 14.8675 7.1325 18 11 18C12.8956 18 14.6146 17.2475 15.8748 16.0247L16.0247 15.8748Z">
</path>
</svg>
<strong class="area-heading">SEO</strong>
<p class="area-description">Optimización en buscadores</p>
</a>
<!-- ux/ui -->
<a href="/ux-ui-practicas-de-usabilidad" class="area-link ux">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true">
<path
d="M12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22ZM12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20ZM8 13H16C16 15.2091 14.2091 17 12 17C9.79086 17 8 15.2091 8 13ZM8 11C7.17157 11 6.5 10.3284 6.5 9.5C6.5 8.67157 7.17157 8 8 8C8.82843 8 9.5 8.67157 9.5 9.5C9.5 10.3284 8.82843 11 8 11ZM16 11C15.1716 11 14.5 10.3284 14.5 9.5C14.5 8.67157 15.1716 8 16 8C16.8284 8 17.5 8.67157 17.5 9.5C17.5 10.3284 16.8284 11 16 11Z">
</path>
</svg>
<strong class="area-heading">UX/UI</strong>
<span class="area-description">Prácticas de usabilidad</span>
</a>
<!-- Velocidad -->
<a href="/velocidad-y-rendimiento" class="area-link velocity">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true">
<path
d="M20 13C20 15.2091 19.1046 17.2091 17.6569 18.6569L19.0711 20.0711C20.8807 18.2614 22 15.7614 22 13 22 7.47715 17.5228 3 12 3 6.47715 3 2 7.47715 2 13 2 15.7614 3.11929 18.2614 4.92893 20.0711L6.34315 18.6569C4.89543 17.2091 4 15.2091 4 13 4 8.58172 7.58172 5 12 5 16.4183 5 20 8.58172 20 13ZM15.293 8.29297 10.793 12.793 12.2072 14.2072 16.7072 9.70718 15.293 8.29297Z">
</path>
</svg>
<strong class="area-heading">Velocidad</strong>
<span class="area-description">Rendimiento general</span>
</a>
<!-- Accesibilidad -->
<a href="/accesibilidad" class="area-link accessibility">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true">
<path
d="M13.5 6.50024C13.5 7.32867 12.8284 8.00024 12 8.00024C11.1716 8.00024 10.5 7.32867 10.5 6.50024C10.5 5.67182 11.1716 5.00024 12 5.00024C12.8284 5.00024 13.5 5.67182 13.5 6.50024Z"
fill="#0F0F0F" />
<path
d="M6.05132 8.68402C5.87667 9.20796 6.15983 9.77428 6.68377 9.94893C6.85906 10.0071 7.03576 10.0613 7.21265 10.1143C7.5363 10.2114 7.98911 10.3408 8.50746 10.4704C9.08908 10.6158 9.78094 10.7687 10.4783 10.8727C10.4323 11.7654 10.3205 12.4059 10.2166 12.8309L8.10557 17.053C7.85858 17.547 8.05881 18.1477 8.55279 18.3947C9.04677 18.6417 9.64744 18.4414 9.89443 17.9475L12 13.7363L14.1056 17.9475C14.3526 18.4414 14.9532 18.6417 15.4472 18.3947C15.9412 18.1477 16.1414 17.547 15.8944 17.053L13.7834 12.8309C13.6795 12.4059 13.5677 11.7654 13.5217 10.8727C14.2191 10.7687 14.9109 10.6158 15.4925 10.4704C16.0109 10.3408 16.4637 10.2114 16.7873 10.1143C16.963 10.0616 17.1384 10.0077 17.3125 9.95015C17.8261 9.77972 18.1201 9.19822 17.9487 8.68402C17.7741 8.16012 17.2078 7.87697 16.6839 8.05151C16.5277 8.10318 16.3703 8.15138 16.2127 8.19867C15.9113 8.28907 15.4891 8.40969 15.0075 8.5301C14.0216 8.77657 12.8709 9.00024 12 9.00024C11.1291 9.00024 9.97843 8.77657 8.99254 8.5301C8.51089 8.40969 8.0887 8.28907 7.78735 8.19867C7.63167 8.15196 7.47632 8.10404 7.32186 8.05342C6.80235 7.88161 6.22544 8.16164 6.05132 8.68402Z"
fill="#0F0F0F" />
<path fill-rule="evenodd" clip-rule="evenodd"
d="M23 12.0002C23 18.0754 18.0751 23.0002 12 23.0002C5.92487 23.0002 1 18.0754 1 12.0002C1 5.92511 5.92487 1.00024 12 1.00024C18.0751 1.00024 23 5.92511 23 12.0002ZM3.00683 12.0002C3.00683 16.967 7.03321 20.9934 12 20.9934C16.9668 20.9934 20.9932 16.967 20.9932 12.0002C20.9932 7.03345 16.9668 3.00707 12 3.00707C7.03321 3.00707 3.00683 7.03345 3.00683 12.0002Z"
fill="#0F0F0F" />
</svg>
<strong class="area-heading">Accesibilidad</strong>
<p class="area-description">Pautas de accesibilidad</p>
</a>
</div>
</div>
</section>
<!-- USEFUL SITES -->
<section class="section" aria-label="Sitios útiles">
<div class="container">
<h2 class="section-title">Chequea tu sitio en tiempo real para saber si todo está en orden</h2>
<div class="highlighter-svg-container">
<svg width="200" height="30" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<path d="M6 20 Q 50 0, 100 12 T 200 20" fill="transparent" stroke="#dbe8fa" stroke-width="5"
stroke-dasharray="10,8" />
</svg>
</div>
<div class="sites">
<a href="https://validator.w3.org/" target="_blank" rel="noreferrer" class="site-link"
title="Este enlace abrirá una nueva ventana">
<img class="site-logo" src="/assets/images/w3c-html-logo.svg" width="200" height="100" alt="">
<strong class="site-heading">Validador W3C de HTML</strong>
<span class="site-description">
Verifica si el código HTML de tu sitio cumple con los estándares internacionales.
</span>
</a>
<a href="https://css-validator.org/" target="_blank" rel="noreferrer" class="site-link"
title="Este enlace abrirá una nueva ventana">
<img class="site-logo" src="/assets/images/w3c-css-logo.svg" width="200" height="100" alt="">
<strong class="site-heading">Validador W3C de CSS</strong>
<span class="site-description">
Verifica si el código CSS de tu sitio cumple con los estándares internacionales.
</span>
</a>
<a href="https://www.projectwallace.com/css-code-quality/" target="_blank" rel="noreferrer" class="site-link"
title="Este enlace abrirá una nueva ventana">
<img class="site-logo" src="/assets/images/project-wallace-logo.svg" width="200" height="100" alt="">
<strong class="site-heading">Project Wallace</strong>
<span class="site-description">
Verifica la calidad del código CSS de tu sitio.
</span>
</a>
<a href="https://www.drlinkcheck.com/" target="_blank" rel="noreferrer" class="site-link"
title="Este enlace abrirá una nueva ventana">
<img class="site-logo" src="/assets/images/dr-link-check-logo.svg" width="200" height="100" alt="">
<strong class="site-heading">Dr. Link Check</strong>
<span class="site-description">
Verifica si en tu sitio existen enlaces rotos.
</span>
</a>
<a href="https://metatags.io/" target="_blank" rel="noreferrer" class="site-link"
title="Este enlace abrirá una nueva ventana">
<img class="site-logo" src="/assets/images/meta-tags-logo.svg" width="200" height="100" alt="">
<strong class="site-heading">Meta Tags</strong>
<span class="site-description">
Verifica cómo se ve tu sitio al compartirse en redes sociales.
</span>
</a>
<a href="https://pagespeed.web.dev/" target="_blank" rel="noreferrer" class="site-link"
title="Este enlace abrirá una nueva ventana">
<img class="site-logo" src="/assets/images/page-speed-insights-logo.svg" width="200" height="100" alt="">
<strong class="site-heading">PageSpeed Insights</strong>
<span class="site-description">
Verifica el tiempo de carga de tu sitio y obtén sugerencias de mejora.
</span>
</a>
<a href="https://wave.webaim.org/" target="_blank" rel="noreferrer" class="site-link"
title="Este enlace abrirá una nueva ventana">
<img class="site-logo" src="/assets/images/wave-extension.svg" width="200" height="100" alt="">
<strong class="site-heading">Wave</strong>
<span class="site-description">
Verifica si tu sitio cumple con las pautas de accesibilidad web.
</span>
</a>
<a href="https://www.accessibilitychecker.org/" target="_blank" rel="noreferrer" class="site-link"
title="Este enlace abrirá una nueva ventana">
<img class="site-logo" src="/assets/images/accessibility-checker-logo.svg" width="200" height="100" alt="">
<strong class="site-heading">Accessibility Checker</strong>
<span class="site-description">
Verifica si tu sitio cumple con las pautas de accesibilidad web.
</span>
</a>
<a href="https://www.responsivedesignchecker.com/" target="_blank" rel="noreferrer" class="site-link"
title="Este enlace abrirá una nueva ventana">
<img class="site-logo" src="/assets/images/media-genesis-logo.svg" width="200" height="100" alt="">
<strong class="site-heading">Responsive Design Checker</strong>
<span class="site-description">
Verifica si tu sitio es responsivo.
</span>
</a>
</div>
</div>
</section>
<!-- USEFUL EXTENSIONS -->
<section class="section" aria-label="Extensiones útiles del navegador">
<div class="container">
<h2 class="section-title">Mejora tu Flujo de Trabajo con estas Extensiones Recomendadas</h2>
<div class="highlighter-svg-container">
<svg width="200" height="30" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<path d="M6 20 Q 50 0, 100 12 T 200 20" fill="transparent" stroke="#dbe8fa" stroke-width="5"
stroke-dasharray="10,8" />
</svg>
</div>
<div class="sites">
<a href="https://chromewebstore.google.com/detail/meta-explorer-seo-meta-an/dggmapjanngfjjakfgeoegfmgpmcamfh"
target="_blank" rel="noreferrer" class="site-link" title="Este enlace abrirá una nueva ventana">
<img class="site-logo" src="/assets/images/meta-explorer-extension.svg" width="200" height="100" alt="">
<strong class="site-heading">Meta Explorer</strong>
<span class="site-description">
Analiza metaetiquetas, estructura, enlaces e imágenes de cualquier página en tiempo real.
</span>
</a>
<a href="https://chromewebstore.google.com/detail/wave-evaluation-tool/jbbplnpkjmmeebjpijfedlgcdilocofh"
target="_blank" rel="noreferrer" class="site-link" title="Este enlace abrirá una nueva ventana">
<img class="site-logo" src="/assets/images/wave-extension.svg" width="200" height="100" alt="">
<strong class="site-heading">Wave</strong>
<span class="site-description">
Detecta y soluciona problemas de accesibilidad web.
</span>
</a>
<a href="https://chromewebstore.google.com/detail/axe-devtools-web-accessib/lhdoppojpmngadmnindnejefpokejbdd"
target="_blank" rel="noreferrer" class="site-link" title="Este enlace abrirá una nueva ventana">
<img class="site-logo" src="/assets/images/axe-devtools-extension.svg" width="200" height="100" alt="">
<strong class="site-heading">Axe DevTools</strong>
<span class="site-description">
Detecta y soluciona problemas de accesibilidad web.
</span>
</a>
</div>
</div>
</section>
<!-- FAQS -->
<section class="section" aria-label="Preguntas Frecuentes">
<div class="container">
<h2 class="section-title">Preguntas Frecuentes</h2>
<div class="highlighter-svg-container">
<svg width="200" height="30" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<path d="M6 20 Q 50 0, 100 12 T 200 20" fill="transparent" stroke="#dbe8fa" stroke-width="5"
stroke-dasharray="10,8" />
</svg>
</div>
<div class="faqs">
<details class="details">
<summary class="summary">
<h3>
¿Para qué sirve este sitio web?
</h3>
<svg class="summary-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true">
<path
d="M11.9999 10.8284L7.0502 15.7782L5.63599 14.364L11.9999 8L18.3639 14.364L16.9497 15.7782L11.9999 10.8284Z">
</path>
</svg>
</summary>
<p class="answer">
Es un recurso integral para mejorar el desarrollo y la optimización de tu sitio o aplicación web.
</p>
</details>
<details class="details">
<summary class="summary">
<h3>
¿Qué ofrece este sitio web?
</h3>
<svg class="summary-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true">
<path
d="M11.9999 10.8284L7.0502 15.7782L5.63599 14.364L11.9999 8L18.3639 14.364L16.9497 15.7782L11.9999 10.8284Z">
</path>
</svg>
</summary>
<p class="answer">
Proporciona listas de verificación, herramientas online y extensiones para garantizar que tus sitios o
aplicaciones cumplan con los estándares más altos en SEO, diseño, rendimiento y accesibilidad.
</p>
</details>
<details class="details">
<summary class="summary">
<h3>
¿Para quién puede ser útil este sitio web?
</h3>
<svg class="summary-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true">
<path
d="M11.9999 10.8284L7.0502 15.7782L5.63599 14.364L11.9999 8L18.3639 14.364L16.9497 15.7782L11.9999 10.8284Z">
</path>
</svg>
</summary>
<p class="answer">
Para desarrolladores de todos los niveles, desde principiantes hasta expertos.
</p>
</details>
<details class="details">
<summary class="summary">
<h3>
¿Cómo puedo utilizar este sitio web?
</h3>
<svg class="summary-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true">
<path
d="M11.9999 10.8284L7.0502 15.7782L5.63599 14.364L11.9999 8L18.3639 14.364L16.9497 15.7782L11.9999 10.8284Z">
</path>
</svg>
</summary>
<p class="answer answer-grid">
<span>1. Explora las áreas de verificación.</span>
<span>2. Analiza tu página con herramientas externas.</span>
<span>3. Mejora tu trabajo usando extensiones recomendadas.</span>
</p>
</details>
<details class="details">
<summary class="summary">
<h3>
¿Qué áreas puedo verificar?
</h3>
<svg class="summary-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true">
<path
d="M11.9999 10.8284L7.0502 15.7782L5.63599 14.364L11.9999 8L18.3639 14.364L16.9497 15.7782L11.9999 10.8284Z">
</path>
</svg>
</summary>
<p class="answer answer-grid">
<span>1. SEO.</span>
<span>2. UX/UI.</span>
<span>3. Velocidad.</span>
<span>4. Accesibilidad.</span>
</p>
</details>
<details class="details">
<summary class="summary">
<h3>
¿Qué herramientas externas ofrece?
</h3>
<svg class="summary-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true">
<path
d="M11.9999 10.8284L7.0502 15.7782L5.63599 14.364L11.9999 8L18.3639 14.364L16.9497 15.7782L11.9999 10.8284Z">
</path>
</svg>
</summary>
<p class="answer">
Validadores de HTML, CSS, accesibilidad, velocidad y más, todo centralizado para tu comodidad.
</p>
</details>
<details class="details">
<summary class="summary">
<h3>
¿Por qué debería usar las extensiones recomendadas?
</h3>
<svg class="summary-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true">
<path
d="M11.9999 10.8284L7.0502 15.7782L5.63599 14.364L11.9999 8L18.3639 14.364L16.9497 15.7782L11.9999 10.8284Z">
</path>
</svg>
</summary>
<p class="answer">
Porque facilitan tu trabajo, detectan problemas al instante y mejoran tu flujo de trabajo.
</p>
</details>
</div>
</div>
</section>
<!-- CALL TO ACTION -->
<section class="section" aria-label="Sugerencias">
<div class="container">
<h2 class="section-title">¡Tu opinión cuenta!</h2>
<div class="highlighter-svg-container">
<svg width="200" height="30" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<path d="M6 20 Q 50 0, 100 12 T 200 20" fill="transparent" stroke="#dbe8fa" stroke-width="5"
stroke-dasharray="10,8" />
</svg>
</div>
<div class="call-to-action">
<p>
¿Tienes alguna sugerencia o herramienta que te gustaría ver en el sitio? Escríbeme en LinkedIn o haz una
contribución en GitHub. Mi compromiso es hacer de este recurso el más completo y útil para todos los
desarrolladores web.
</p>
<p>
¡Tu sugerencia o contribución es clave para mejorar el sitio!
</p>
</div>
</div>
</section>
</main>
<footer class="footer">
<div class="container">
<p>Sitio Web desarrollado <br> por Luciano Treachi</p>
<div class="icons">
<a href="https://github.com/LucianoTreachi/"
aria-label="Github de Luciano Treachi (se abre en una nueva pestaña)" target="_blank" rel="noreferrer">
<svg class="github-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"
aria-hidden="true">
<path
d="M12.001 2C6.47598 2 2.00098 6.475 2.00098 12C2.00098 16.425 4.86348 20.1625 8.83848 21.4875C9.33848 21.575 9.52598 21.275 9.52598 21.0125C9.52598 20.775 9.51348 19.9875 9.51348 19.15C7.00098 19.6125 6.35098 18.5375 6.15098 17.975C6.03848 17.6875 5.55098 16.8 5.12598 16.5625C4.77598 16.375 4.27598 15.9125 5.11348 15.9C5.90098 15.8875 6.46348 16.625 6.65098 16.925C7.55098 18.4375 8.98848 18.0125 9.56348 17.75C9.65098 17.1 9.91348 16.6625 10.201 16.4125C7.97598 16.1625 5.65098 15.3 5.65098 11.475C5.65098 10.3875 6.03848 9.4875 6.67598 8.7875C6.57598 8.5375 6.22598 7.5125 6.77598 6.1375C6.77598 6.1375 7.61348 5.875 9.52598 7.1625C10.326 6.9375 11.176 6.825 12.026 6.825C12.876 6.825 13.726 6.9375 14.526 7.1625C16.4385 5.8625 17.276 6.1375 17.276 6.1375C17.826 7.5125 17.476 8.5375 17.376 8.7875C18.0135 9.4875 18.401 10.375 18.401 11.475C18.401 15.3125 16.0635 16.1625 13.8385 16.4125C14.201 16.725 14.5135 17.325 14.5135 18.2625C14.5135 19.6 14.501 20.675 14.501 21.0125C14.501 21.275 14.6885 21.5875 15.1885 21.4875C19.259 20.1133 21.9999 16.2963 22.001 12C22.001 6.475 17.526 2 12.001 2Z">
</path>
</svg>
</a>
<a href="https://www.linkedin.com/in/luciano-treachi/"
aria-label="LinkedIn de Luciano Treachi (se abre en una nueva pestaña)" target="_blank" rel="noreferrer">
<svg class="linkedin-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"
aria-hidden="true">
<path
d="M18.3362 18.339H15.6707V14.1622C15.6707 13.1662 15.6505 11.8845 14.2817 11.8845C12.892 11.8845 12.6797 12.9683 12.6797 14.0887V18.339H10.0142V9.75H12.5747V10.9207H12.6092C12.967 10.2457 13.837 9.53325 15.1367 9.53325C17.8375 9.53325 18.337 11.3108 18.337 13.6245V18.339H18.3362ZM7.00373 8.57475C6.14573 8.57475 5.45648 7.88025 5.45648 7.026C5.45648 6.1725 6.14648 5.47875 7.00373 5.47875C7.85873 5.47875 8.55173 6.1725 8.55173 7.026C8.55173 7.88025 7.85798 8.57475 7.00373 8.57475ZM8.34023 18.339H5.66723V9.75H8.34023V18.339ZM19.6697 3H4.32923C3.59498 3 3.00098 3.5805 3.00098 4.29675V19.7033C3.00098 20.4202 3.59498 21 4.32923 21H19.6675C20.401 21 21.001 20.4202 21.001 19.7033V4.29675C21.001 3.5805 20.401 3 19.6675 3H19.6697Z">
</path>
</svg>
</a>
<a href="https://lucianotreachi.website/"
aria-label="Sitio web de Luciano Treachi (se abre en una nueva pestaña)" target="_blank" rel="noreferrer">
<svg class="website-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"
aria-hidden="true">
<path
d="M2.04932 12.9999H7.52725C7.70624 16.2688 8.7574 19.3053 10.452 21.8809C5.98761 21.1871 2.5001 17.5402 2.04932 12.9999ZM2.04932 10.9999C2.5001 6.45968 5.98761 2.81276 10.452 2.11902C8.7574 4.69456 7.70624 7.73111 7.52725 10.9999H2.04932ZM21.9506 10.9999H16.4726C16.2936 7.73111 15.2425 4.69456 13.5479 2.11902C18.0123 2.81276 21.4998 6.45968 21.9506 10.9999ZM21.9506 12.9999C21.4998 17.5402 18.0123 21.1871 13.5479 21.8809C15.2425 19.3053 16.2936 16.2688 16.4726 12.9999H21.9506ZM9.53068 12.9999H14.4692C14.2976 15.7828 13.4146 18.3732 11.9999 20.5915C10.5852 18.3732 9.70229 15.7828 9.53068 12.9999ZM9.53068 10.9999C9.70229 8.21709 10.5852 5.62672 11.9999 3.40841C13.4146 5.62672 14.2976 8.21709 14.4692 10.9999H9.53068Z">
</path>
</svg>
</a>
</div>
</div>
</footer>
</body>
</html>