-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
138 lines (124 loc) · 4.93 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
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="utf-8" />
<meta
name="description"
content="Página principal de Fernando Fernández, Ingeniero en Informática"
/>
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Fernando Fernández - Ingeniero en Informática</title>
<link rel="preconnect" href="https://fonts.gstatic.com" />
<link
href="https://fonts.googleapis.com/css2?family=Roboto&display=swap"
rel="stylesheet"
/>
<!-- CSS -->
<link rel="stylesheet" href="css/style.css" />
<!-- JavaScript -->
<script
type="module"
src="https://unpkg.com/@fluentui/web-components"
></script>
</head>
<body>
<div id="contenedor">
<section class="nombre-titulo-personal">
<h1 class="dato-personal nombre-personal">
Fernando Fernández
</h1>
<h2 class="dato-personal titulo-personal">
Ingeniero en Informática
</h2>
</section>
<article class="presentacion">
<p class="parrafo-presentacion">¡Hola! 👋</p>
<p class="parrafo-presentacion">
Soy <em>Fernando Fernández</em>, ingeniero en informática
<strong
>con 1 año de experiencia trabajando para empresas como
<em>Grupo CETEP</em> y <em>ACCIONA</em></strong
>, desarrollando sitios web y aplicaciones con algunas de
las últimas tecnologías, incluyendo <em>React</em>,
<em>SQL Server</em> y
<em>
Power Platform (incluyendo Power Apps, Power Automate y
Power BI)
</em>
</p>
<p class="parrafo-presentacion">
Tengo el sueño de hacer
<abbr title="Aplicaciones Web Progresivas">PWAs</abbr> y
aplicaciones nativas
<strong>
que funcionen bien en cualquier teléfono, tablet, reloj
o computador, especialmente aquellos de gama baja que
son lo que la mayoría de la gente tiene en Chile</strong
>. Quiero incorporar en ellos una
<dfn title="Experiencia de Usuario">UX</dfn> como la de las
aplicaciones que ya vienen en los teléfonos, adoptando
sistemas de diseño modernos como
<em>Fluent Design System</em>, <em>Material Design</em> y
<em>One UI</em>.
</p>
</article>
<hr class="barra-divisora" />
<section class="redes-sociales">
<a
class="red-social"
rel="me"
href="https://lile.cl/@comodoropet4"
target="_blank"
>
<img
class="imagen-red-social"
src="images/redes-sociales/social-mastodon.png"
alt="Mastodon (Lile)"
/>
</a>
<a
class="red-social"
rel="me"
href="https://zarapito.cl/comodoropet4"
target="_blank"
>
<img
class="imagen-red-social"
src="images/redes-sociales/social-pixelfed.svg"
alt="Pixelfed (Zarapito)"
/>
</a>
<a
class="red-social"
rel="me"
href="https://www.linkedin.com/in/comodoropet4/"
target="_blank"
>
<img
class="imagen-red-social"
src="images/redes-sociales/social-linkedin.svg"
alt="LinkedIn"
/>
</a>
<a
class="red-social"
rel="me"
href="https://github.com/comodoropet4"
target="_blank"
>
<img
class="imagen-red-social"
src="images/redes-sociales/social-github.png"
alt="GitHub"
/>
</a>
</section>
<footer class="pie-pagina">
<p class="texto-pie-pagina">
Sitio web impulsado gracias al aprendizaje de
<a href="https://www.onemonth.com">One Month</a>.
</p>
</footer>
</div>
</body>
</html>