-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
231 lines (224 loc) · 14.3 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
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<link href="https://fonts.googleapis.com/css?family=Raleway&display=swap" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="css/style.css">
<title>CV de Ramiro Alejo Yaben</title>
</head>
<body>
<div id="englobador" class="flexbox columna">
<div id="lateral" class="interior">
<img id="perfil" src="img/perfil.jpg" alt="perfil">
<p class="seccion-lateral" id="lema"><b>Mi lema:</b><br>
<em>"Para prevalecer entre todos, primero hay que trascender en uno mismo"</em>
</p>
<hr class="divisor-fuerte">
<nav>
<h3>Navegación</h3>
<ul id="lista-lateral">
<li><a class="item-lateral" href="#datos-personales" class="link-navegacion">Datos personales</a></li>
<li><a class="item-lateral" href="#portfolio" class="link-navegacion">Portfolio principal</a></li>
<li><a class="item-lateral" href="#quien-soy" class="link-navegacion">Perfil</a></li>
<li><a class="item-lateral" href="#formacion-academica" class="link-navegacion">Formación académica</a></li>
<li><a class="item-lateral" href="#experiencia-laboral" class="link-navegacion">Experiencia laboral</a></li>
</ul>
</nav>
<hr class="divisor-fuerte">
<div id="atribuciones">
<h5>Atribuciones de recursos</h5>
<ul id="lista-atribuciones">
<li><a class="item-lateral" href="https://www.freepik.es/fotos-vectores-gratis/fondo" target="_blank">Vector de Fondo creado por starline - www.freepik.es</a></li>
<li>Iconos de teléfono e email creados por <a class="item-lateral" href="https://www.flaticon.com/authors/dave-gandy" target="_blank">Dave Gandy</a> de <a class="item-lateral" href="https://www.flaticon.com" target="_blank">www.flaticon.com</a>.</li>
<li>Iconos del portfolio creados por <a class="item-lateral" href="https://www.acamica.com" target="_blank">Acámica</a>.</li>
</ul>
</div>
</div>
</div>
<div id="principal" class="interior">
<div class="seccion-principal" id="datos">
<div id="nombre-profesion" class="flexbox">
<h1>Ramiro Alejo Yaben</h1>
<header><h4 id="profesion">Desarrollador Full Stack | Traductor inglés/español</h4></header>
</div>
<hr id="divisor-nombre">
<div id="englobador-datos" class="flexbox">
<section><div id="datos-personales">
<h2>Datos personales</h2>
<ul>
<li class="parrafo-datos datos-personales">Fecha de nacimiento: 07/08/1993</li>
<li class="parrafo-datos datos-personales">Nacionalidad: Argentino</li>
<li class="parrafo-datos datos-personales">Domicilio: Villa Crespo, CABA</li>
<li class="parrafo-datos datos-personales">Estado civil: Soltero</li>
</ul>
</div></section>
<section><div id="habilidades">
<h2>Conocimientos varios</h2>
<p class="parrafo-datos"><u>Idiomas</u>: Inglés (avanzado), italiano (básico)</p>
<p class="parrafo-datos"><u>Herramientas</u>: Paquete MS Office, Google Apps,<br> navegadores, editores de texto y con interfaz gráfica,<br>
uso de Slack, Trello y GitHub por terminal, y Linux.</p>
</div></section>
</div>
<h4>Contacto e info</h4>
</div>
<div id="contacto" class="flexbox seccion-principal">
<div class="combo-contacto" id="contacto-teléfono">
<img class="icono-contacto" src="img/teléfono.png" alt="Teléfono">
<p><a class="link-referencia" href="https://api.whatsapp.com/send?phone=5401132703200" title="Enviarme un mensaje por WhatsApp" target="_blank">11 3270 3200</a></p>
</div>
<div class="combo-contacto" id="contacto-email">
<img class="icono-contacto" src="img/email.png" alt="Email">
<p><a class="link-referencia" href="mailto:ramiroyaben@gmail.com" title="Enviarme un email" target="_blank">ramiroyaben</a></p>
</div>
<div class="combo-contacto" id="contacto-skype">
<img class="icono-contacto" src="img/skype.png" alt="Skype">
<p>ramiro.yaben</p>
</div>
<div class="combo-contacto" id="contacto-linkedin">
<img class="icono-contacto" src="img/linkedin.png" alt="LinkedIn">
<p><a class="link-referencia" href="https://www.linkedin.com/in/ramiro-yaben-814b0168/" title="Ver mi perfil en LinkedIn" target="_blank">Ramiro Yaben</a></p>
</div>
<div class="combo-contacto" id="contacto-github">
<img class="icono-contacto" src="img/github.png" alt="GitHub">
<p><a class="link-referencia" href="https://github.com/ryaben" title="Ver mi perfil en GitHub" target="_blank">ryaben</a></p>
</div>
</div>
<hr class="divisor-fuerte">
<div class="seccion-principal" id='portfolio'>
<h2>Portfolio principal</h2>
<div style='display:grid;grid-template-columns:1fr 1fr 1fr 1fr;text-align:center;margin-top:4%;'>
<img src='img/boggle-instapad.png' alt='boggle-instapad' style='margin:auto;'>
<img src='img/insumos.png' alt='boggle-instapad' style='margin:auto;'>
<img src='img/8PG.png' alt='boggle-instapad' width='106px' style='margin:auto;'>
<img src='img/suam.png' alt='8PG' style='margin:auto;'>
<a href='https://github.com/ryaben/boggle-instapad' target='_blank'><h3>Boggle <br>Instapad</h3></a>
<a href='https://github.com/ryaben/gestionamiento-insumos' target='_blank'><h3>Gestionamiento <br>de insumos</h3></a>
<a href='https://github.com/ryaben/8PG' target='_blank'><h3>8PG</h3></a>
<a href='https://github.com/ryaben/startup-actions-manager' target='_blank'><h3>StartUp Actions <br>Manager</h3></a>
<div style='display:flex;justify-content:space-evenly;'>
<div style="text-align:left;font-size:0.9em;">
HTML<br>
CSS<br>
JS<br>
Librerías
</div>
<div style="text-align:right;font-size:small;">
⚫⚫⚫⚪⚪<br>
⚫⚫⚫⚫⚪<br>
⚫⚫⚫⚫⚪<br>
⚫⚫⚫⚪⚪
</div>
</div>
<div style='display:flex;justify-content:space-evenly;'>
<div style="text-align:left;font-size:0.9em;">
HTML<br>
CSS<br>
JS<br>
Librerías
</div>
<div style="text-align:right;font-size:small;">
⚫⚫⚫⚪⚪<br>
⚫⚫⚫⚪⚪<br>
⚫⚫⚫⚫⚪<br>
⚫⚫⚫⚫⚪
</div>
</div>
<div style='display:flex;justify-content:space-evenly;'>
<div style="text-align:left;font-size:0.9em;">
HTML<br>
CSS<br>
JS<br>
Librerías
</div>
<div style="text-align:right;font-size:small;">
⚫⚫⚫⚫⚪<br>
⚫⚫⚫⚫⚪<br>
⚫⚫⚫⚫⚪<br>
⚫⚫⚫⚫⚪
</div>
</div>
<div style='display:flex;justify-content:space-evenly;'>
<div style="text-align:left;font-size:0.9em;">
VB 6.0<br>
Diseño<br>
Código
</div>
<div style="text-align:right;font-size:small;">
<br>
⚫⚫⚫⚪⚪<br>
⚫⚫⚫⚪⚪
</div>
</div>
<a href='https://ryaben.github.io/boggle-instapad/' target='_blank'><p>✅ Live deploy v1.1</p></a>
<a href='https://ryaben.github.io/gestionamiento-insumos/' target='_blank'><p>✅ Live deploy v1.0</p></a>
<a href='https://ryaben.github.io/8PG/' target='_blank'><p>✅ Live deploy alpha</p></a>
<p>❌ De escritorio </p>
</div>
</div>
<hr class="divisor-fuerte">
<div class="seccion-principal" id="quien-soy">
<section>
<h2>Perfil</h2>
<p>
Una persona comprometida por enriquecerse y ser curioso con todo lo que presenta su entorno. Tengo la dedicación para aprender y mejorar, cambiar lo que sea necesario y cuando sea necesario. Me gusta ser ordenado y responsable a fines de sentirme satisfecho con mi trabajo, y si no lo estoy tengo la capacidad de autocrítica y reflexión para verlo o escucharlo de parte de otra persona. Me nutro mucho de mis pares y valoro en gran medida una buena atmósfera de trabajo, a la que sin dudas contribuyo a formar.
</p>
<p>
Busco un lugar en el cual pueda aprender y desarrollarme profesionalmente, donde ambas partes se valoren recíprocamente por sus cualidades.
</p>
<p>
Muy deportivo y competitivo, principalmente dentro del ámbito del fútbol. Me encanta cantar, escribir y sacar fotos extrañas aunque no sea el mejor en eso. Ávido cinéfilo y consumidor de series. Con ansias de poder seguir viajando y descubriendo las culturas, comidas y paisajes que tiene el mundo.
</p>
</section>
</div>
<hr class="divisor-fuerte">
<div class="seccion-principal" id="formacion-academica">
<h2>Formación académica</h2>
<div class="flexbox instituciones-academicas">
<img class="logo" id="acámica-logo" src="img/acámica.jpg" alt="Acámica">
<p><u>Curso de Desarrollador Full-Stack</u> en <a class="link-institucion" href="https://www.acamica.com" target="_blank"><strong>Acámica</strong></a><br>
2019-2020<br>
Estudio de áreas front-end (HTML, CSS) y back-end (Javascript) para desarrollo web.
</p>
</div>
<div class="flexbox instituciones-academicas">
<img class="logo" id="duolingo-logo" src="img/duolingo.png" alt="Duolingo">
<p><a class="link-referencia" href="https://certs.duolingo.com/kmawhxbn" title="Mi certificado en Duolingo" target="_blank"><u>Certificación en English Proficiency</u></a> en <a class="link-institucion" href="https://englishtest.duolingo.com/" target="_blank"><strong>Duolingo</strong></a><br>
2015 (<em>aprobado</em>, calificación 100/100)<br>
Examen que valida inglés avanzado, avalado por Upwork y universidades de EEUU.
</p>
</div>
<div class="flexbox instituciones-academicas">
<img class="logo" id="uba-logo" src="img/uba.png" alt="UBA">
<p><u>Licenciatura en Ciencia Política</u> en la <strong>Universidad de Buenos Aires</strong><br>
2014-2018 (<em>abandonada</em>), 13 materias aprobadas (incluyendo CBC)
</p>
</div>
</div>
<hr class="divisor-fuerte">
<div class="seccion-principal" id="experiencia-laboral">
<h2>Experiencia laboral</h2>
<div class="flexbox instituciones-laborales">
<img class="logo" id="upwork-logo" src="img/upwork.png" alt="Upwork">
<p><a class="link-referencia" href="https://www.upwork.com/freelancers/~0116b52fc0308d2be8" title="Mi perfil en Upwork" target="_blank"><u>Traductor freelancer inglés/español</u></a> a través de <a class="link-institucion" href="https://www.upwork.com" target="_blank"><strong>Upwork</strong></a><br>
2014-<em>actualidad</em><br>
Traducciones de contenido general, con especialización en webs y apps.
</p>
</div>
<div class="flexbox instituciones-laborales">
<img class="logo" id="proa-logo" src="img/proa.png" alt="Proa">
<p><u>Agente de recaudación de fondos</u> en <strong>Consultora Proa</strong><br>
2018<br>
Captador de donantes en la vía pública para ONGs clientes.
</p>
</div>
<div class="flexbox instituciones-laborales">
<img class="logo" id="ecolatina-logo" src="img/ecolatina.jpg" alt="Ecolatina">
<p><u>Cadete administrativo</u> en <strong>Ecolatina</strong><br>
2017-2018<br>
Tareas de cadetería en organismos bancarios, estatales y de oficina interna.
</p>
</div>
</div>
</div>
</body>
</html>