-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
403 lines (371 loc) · 19 KB
/
index.html
File metadata and controls
403 lines (371 loc) · 19 KB
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
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Proyecto final Ticmas CV">
<meta name="author" content="David Amhed Beltrán Rubín de Celis">
<link rel="shortcut icon" href="../media/img/favicon.ico" type="image/x-icon">
<link rel="icon" type="image/png" sizes="32x32" href="../media/img/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="../media/img/favicon-16x16.png">
<script src="https://kit.fontawesome.com/eb496ab1a0.js" crossorigin="anonymous"></script>
<link rel="manifest" href="../site.webmanifest">
<link rel="stylesheet" href="./styles/styles-dist.css">
<title>Proyecto Final CV</title>
</head>
<body class="body">
<header class="header">
<!--MENU DE NAVEGACIÓN-->
<div class="nav__menu"> <!--menu-->
<ul class="nav__ul">
<li class="nav__list"><a href="/portfolio.html#portfolio" class="nav__links" tabindex="1">PORTFOLIO</a></li>
<li class="nav__list"><a href="./formulario.html" class="nav__links">FORMULARIO</a></li>
<li class="nav__list"><a href="https://github.com/Amhedriel" class="nav__links" target="_blank" tabindex="1">MI GITHUB</a></li>
</ul>
</div>
</header>
<!--MAIN-->
<main>
<!--MENU LATERAL-->
<div class="nav__main--lateral">
<img class="nav__logo--lateral"
src="/media/img/logo.svg" width="169"
alt="Logo de Amhedriel Project">
<a class="full__link" href="#">HOME</a>
<a class="full__link" href="#acerca">ACERCA</a>
<a class="full__link" href="#estudios">ESTUDIOS</a>
<a class="full__link" href="#habilidades">HABILIDADES</a>
<a class="full__link" href="#contactos">CONTACTOS</a>
<a class="full__link nav__main--link-item" href="https://www.figma.com/file/GMF81DJfvBrvJNzX767Kq1/UX-CV?node-id=0%3A1&t=iAqLsqw3Jnn95zYx-1" target="_blank" >WIREFRAME</a>
<a class="full__link nav__main--link-item" href="https://www.figma.com/file/vkwjD40X7IA0zffO7PCFXp/UI-CV?node-id=0%3A1&t=BPAb12YhcnqJM5k3-1" target="_blank">UI</a>
</div>
<!--PRESENTACIÓN-->
<section class="container img">
<div class="header__container">
<h2 class="header_subtitle--hola" id="home">--- HOLA! MI NOMBRE ES:</h2>
<br>
<h1 class="header__title">DAVID AMHED <wbr> BELTRÁN <wbr> RUBÍN <wbr>DE CELIS</h1>
<br>
<h2 class="header__subtitle">DISEÑADOR Y DESARROLLADOR WEB</h2>
<br>
<!--
<input class="header__button cta" placeholder="DESCARGAR CV" disabled="disabled">
-->
</div>
</section>
<!--ACERCA-->
<section class="container__acerca">
<div class="subtitle-acerca__color">
<div class="subtitle-body">
<h2 class="subtitle-acerca" id="acerca">ACERCA</h2>
</div>
</div>
<!-- UN POCO -->
<article class="main__container--acerca">
<h2 class="main__subtitle--acerca">--- Un poco acerca de mí:</h2>
<div class="main__acerca">
<p class="main_paragraph--acerca">
Hola! soy David Beltrán un reciente diseñador y desarrollador que ama la simplicidad en las cosas y crear páginas
web de
manera funcional.
</p>
<br>
<p>Con capacidad de multitarea en programación de proyectos, por lo tanto puedo dar apoyo técnico al ciclo completo,
desde
el briefing inicial, pasando por wireframes, diseño web, maquetación, desarrollo, programación y la publicación
final.
</p>
</div>
<!-- IMÁGENES -->
<div class="body__img">
<div class="container__img">
<div class="card">
<div class="imgBx">
<img class="svg" src="media/img/Gamer.svg" alt="Video jugador">
</div>
</div>
<div class="card">
<div class="imgBx">
<img class="svg" src="media/img/check.svg" alt="Revisando el maquetado">
</div>
</div>
<div class="card">
<div class="imgBx">
<img class="svg" src="media/img/job.svg" alt="Editando y codeando">
</div>
</div>
</div>
</div>
</article>
<!-- INTERESES -->
<article class="main__container--acerca">
<h2 class="main__subtitle--acerca">--- Mis intereses:</h2>
<div class="main__acerca">
<p class="main_paragraph--acerca">
Tengo un gran interés en todo lo relacionado con la tecnología, especialmente relacionado con los videojuegos, eso
no
significa que sea lo único que me interesa, el diseño y desarrollo de páginas y aplicaciones web es algo que
también
disfruto mucho.</p>
<br>
<p>La edición de videos, edición de imágenes, investigación de herramientas, código, y el continuo aprendizaje
autodidacta
son algunas actividades que realizo en mi tiempo libre.</p>
<br>
<p>Como autodidacta tengo la facilidad de estudiar temas importantes y concretos en concordancia a lo que necesito
sin
desviarme con otro tipo de conocimiento, que aún siendo útil no tenga inmediata relación con lo estudiado.
</p>
</div>
</article>
<div class="main__icon--intereses">
<img src="media/iconos/Control.svg" alt="Control" class="container__iconos-intereses control">
<img src="media/iconos/Pagina.svg" alt="Página web" class="container__iconos-intereses pagina">
<img src="media/iconos/Imagen.svg" alt="Imagen" class="container__iconos-intereses imagen">
<img src="media/iconos/Edicion-video.svg" alt="Edición de video" class="container__iconos-intereses edicion-video">
<img src="media/iconos/Herramientas-desarrollo.svg" alt="Herramientas-desarrollo" class="container__iconos-intereses herramientas-desarrollo">
<img src="media/iconos/VSC.svg" alt="Visual Studio Code" class="container__iconos-intereses vsc">
<img src="media/iconos/Deporte.svg" alt="Deporte" class="container__iconos-intereses deporte">
<img src="media/iconos/Ejercicio.svg" alt="Ejercicio" class="container__iconos-intereses ejercicio">
</div>
</section>
<!--ESTUDIOS-->
<section class="container__estudios">
<div class="subtitle-acerca__color">
<div class="subtitle-body">
<h2 class="subtitle-acerca" id="estudios">ESTUDIOS</h2>
</div>
</div>
<article class="main__container--estudios">
<h2 class="main__subtitle--estudios">--- Mis estudios:</h2>
<!--SUBTITULO-->
<!--CAJAS-->
<article class="estudios__article">
<div class="estudios__container academia">
<h2 class="subtitle__institution">Academia Profesional Ticmas</h2>
<p class="institution__period">Cursando desde Diciembre 2022</p>
</div>
<div class="estudios__container">
<p class="institution__description">Propuesta Educativa Autogestionada</p>
<a href="https://github.com/Amhedriel/TICMAS" target="_blank" rel="noopener noreferrer">Mí repositorio creado en GitHub</a>
</div>
<div class="estudios__container">
<p class="institution__learned">Desarrollo Front-End, Estructura de un Proyecto Web, Capa de presentación Fundamentos JavaScript</p>
<p class="institution__footer">Página de proyecto</p>
</div>
</article>
<article class="estudios__article">
<div class="estudios__container innovaccion">
<h2 class="subtitle__institution">Innovacción Virtual - Launch X Latam</h2>
<p class="institution__period">Cursando desde Septiembre 2022</p>
</div>
<div class="estudios__container">
<p class="institution__description">Propuesta Educativa Autogestionada.</p>
<a href="https://davidamhedbeltran.github.io/index.html" target="_blank" rel="noopener noreferrer">Prácticas Innovacción (davidamhedbeltran.github.io)</a>
</div>
<div class="estudios__container">
<p class="institution__learned">Desarrollo Front-End, Estructura de un Proyecto Web, Capa de presentación Fundamentos JavaScript.</p>
<p class="institution__footer">Página de prácticas</p>
</div>
</article>
<article class="estudios__article">
<div class="estudios__container utn">
<h2 class="subtitle__institution">Universidad Tecnológica Nacional Facultad Regional Buenos Aires</h2>
<p class="institution__period">Graduado en Marzo 2019</p>
</div>
<div class="estudios__container">
<p class="institution__description">“UTN BA” Extensión Universitaria.</p>
<a href="https://sigead.utnba.centrodeelearning.com/alumnos/validar_certificado" target="_blank" rel="noopener noreferrer">ControlCentro (sigead.utnba.centrodeelearning.com)</a>
</div>
<div class="estudios__container">
<p class="institution__learned">Fundamentos de la Programación, Pensamiento lógico.</p>
<p class="institution__footer">Código: CER-9KHUAD2Z-358102</p>
</div>
</article>
<article class="estudios__article">
<div class="estudios__container taller">
<h2 class="subtitle__institution">Taller de Orientación Laboral</h2>
<p class="institution__period">Graduado en Agosto 2014</p>
</div>
<div class="estudios__container">
<p class="institution__description">“CPF CARLOS MUGICA” Lugano Ministerio de trabajo.</p>
<span></span>
</div>
<div class="estudios__container">
<p class="institution__learned">Informática, Seguridad, Higiene, Riesgos de Trabajo y Competencias de Comunicación.</p>
<p class="institution__footer"></p>
</div>
</article>
</article>
</section>
<!--HABILIDADES-->
<section class="container__habilidades">
<!--SUBTITULO-->
<div class="subtitle-acerca__color">
<div class="subtitle-body">
<h2 class="subtitle-acerca" id="habilidades">HABILIDADES</h2>
</div>
</div>
<article class="main__container--ehabilidades">
<h2 class="main__subtitle--habilidades">--- Mis competencias:</h2>
<!-- CAJAS -->
<article class="habilidades__article">
<div class="habilidades__container skill">
<h2 class="subtitle__institution">Habilidad Profesional</h2>
</div>
<div class="habilidades__container">
<p class="institution__description">Profesionalmente como diseñador de UI/UX entiendo de la importancia de la información (Briefing) con respecto a los
clientes para establecer las características del sitio web. La ejecución del proyecto por medio de la investigación y
planificación para conocer el modelo de negocios al cual se apuntará . Crear un modelo visual o prototipo con diseño
conceptual, (oportuna usabilidad web del sitio diseño centrado en el usuario) ayudado con programas de la familia ADOBE
(Photoshop para manipulación de imágenes e Ilustrator para íconos, formas, figuras e imágenes en formato .svg), tengo
preferencia por hacer el diseño responsive del sitio con Figma, para edición de video KDenlive, Ardour para el audio.</p>
<br>
<p>Profesionalmente como desarrollador poseo conocimientos de estructuración con HTML, tengo buenas bases en CSS y
JavaScript, manejo de Visual Studio Code como editor de código fuente y un conocimiento básico de Visual Studio para
desarrollo con C#. Me siento cómodo usando herramientas de uso común como Git, complementándolo con GitHub para alojar
mis proyectos, Markdown para la documentación, y varias herramientas externas para agregar funcionalidades,
optimización, ampliación, empaquetado y otros agregados más.</p>
</div>
</article>
<article class="habilidades__article">
<div class="habilidades__container soft">
<h2 class="subtitle__institution">Las Soft Skills</h2>
</div>
<div class="habilidades__container">
<p class="institution__description">Cómo desarrollador web Front-End soy consiente de la importancia de tener ciertas habilidades, tengo curiosidad para
investigar el porqué de algunas cosas y comprender el correcto funcionamiento de estas, la puntualidad, conlleva la
manera en que se deben realizar los trabajos, paciencia para comprender los problemas que se presenten y en consecuencia
buscar soluciones. Ahora hablando también desde el diseño, marketing, hasta la gestión, como desarrollador sé de la
importancia de la comunicación eficaz con multitud de departamentos para mantener el buen rumbo y completar los
proyectos gracias al trabajo en equipo, finalmente, pude tener estudios en instituciones físicas y virtuales sin embargo
mi conocimiento es también autodidacta viendo la documentación oficial, buscando soluciones alternativas, conociendo
tecnologías nuevas y ahora probándome a mí mismo; que tan lejos puedo llegar en este campo.</p>
</div>
</article>
</article>
<!--MÉTRICAS-->
<section class="metrics">
<div class="metrics__container--profesional">
<h2 class="metrics__sub">PROFESIONAL</h2>
<ul class="metrics__box">
<li>
<p class="metrics__text">UX/UI DESIGN (80%)</p>
<p class="metrics__bar metrics__bar80"></p>
</li>
<li>
<p class="metrics__text">ADOBE (AI/PS) (70%)</p>
<p class="metrics__bar metrics__bar70"></p>
</li>
<li>
<p class="metrics__text">HTML (90%)</p>
<p class="metrics__bar metrics__bar90"></p>
</li>
<li>
<p class="metrics__text">CSS (80%)</p>
<p class="metrics__bar metrics__bar80"></p>
</li>
<li>
<p class="metrics__text">JAVASCRIPT(60%)</p>
<p class="metrics__bar metrics__bar60"></p>
</li>
</ul>
</div>
<div class="metrics__container--skills">
<h2 class="metrics__sub">SKILLS</h2>
<ul class="metrics__box">
<li>
<p class="metrics__text">CURIOSIDAD (80%)</p>
<p class="metrics__bar metrics__bar80"></p>
</li>
<li>
<p class="metrics__text">PUNTUALIDAD (80%)</p>
<p class="metrics__bar metrics__bar80"></p>
</li>
<li>
<p class="metrics__text">PACIENCIA (90%)</p>
<p class="metrics__bar metrics__bar90"></p>
</li>
<li>
<p class="metrics__text">COMUNICACIÓN (70%)</p>
<p class="metrics__bar metrics__bar70"></p>
</li>
<li>
<p class="metrics__text">AUTODIDACTA (80%)</p>
<p class="metrics__bar metrics__bar80"></p>
</li>
</ul>
</div>
</section>
</section>
<!-- CONTACTOS -->
<section class="container__contactos">
<div class="subtitle-acerca__color">
<div class="subtitle-body">
<h2 class="subtitle-acerca" id="contactos">CONTACTOS</h2>
</div>
</div>
<article>
<h2 class="main__subtitle--habilidades">--- Contáctame:</h2>
<div class="contactos__container">
<div class="contactos__iconos">
<img src="/media/iconos/iconosContactos/Nombre.svg" alt="Nombre">
<img src="/media/iconos/iconosContactos/Telefono.svg" alt="Teléfono">
<img src="/media/iconos/iconosContactos/Email.svg" alt="Correo">
<img src="/media/iconos/iconosContactos/Sitio-web.svg" alt="Página web personal">
<img src="/media/iconos/iconosContactos/Direccion.svg" alt="Dirección">
</div>
<div class="contactos__datos">
<p class="contactos__nombre">David Amhed Beltrán Rubín de Celis</p>
<p class="contactos__telefono">+54 0 1138796479</p>
<p class="contactos__correo">davikin_01@hotmail.com, davikin01@gmail.com</p>
<p class="contactos__pagina"><a href="https://amhedriel.github.io/index.html"></a>Amhedriel (https://amhedriel.github.io/index.html)</p>
<p class="contactos__direccion">Calle Medina 1822 Parque Avellaneda CABA - Argentina</p>
</div>
</div>
</article>
</section>
</main>
<!--FOOTER-->
<Footer class="container__pie">
<div class="grupo-1">
<div class="box">
<figure>
<a href="">
<img src="/media/img/logo.svg" alt="Logo de Amhedriel Project">
</a>
</figure>
</div>
<div class="box">
<h2>SOBRE MÍ</h2>
<p><a href="#home">Home</a></p>
<p><a href="#acerca">Acerca</a></p>
<p><a href="#estudios">Estudios</a></p>
<p><a href="#habilidades">Habilidades</a></p>
<p><a href="#contactos">Contactos</a></p>
<p><a href="/portfolio.html#portfolio">Portfolio</a></p>
</div>
<div class="box">
<h2>MINI PROYECTOS</h2>
<p><a href="https://github.com/Amhedriel" target="_blank">Mi GitHub</a></p>
<p><a href="https://davidamhedbeltran.github.io/HTML/index.html" target="_blank">Página sólo con HTML</a></p>
<p><a href="https://davidamhedbeltran.github.io/CSS/index.html" target="_blank">Vaccination Landing</a></p>
<p><a href="https://davidamhedbeltran.github.io/JS/index.html" target="_blank">Pókedex</a></p>
</div>
<div class="box">
<h2>REDES</h2>
<div class="red-social">
<a href="https://www.facebook.com/Amhedriel" target="_blank" class="fa fa-facebook"></a>
<a href="https://www.instagram.com/amhedriel/" target="_blank" class="fa fa-instagram"></a>
<a href="https://www.youtube.com/@amhedrieldavikin4407" target="_blank" class="fa fa-youtube"></a>
<a href="https://www.linkedin.com/in/david-amhed-beltr%C3%A1n-rub%C3%ADn-de-celis/" target="_blank" class="fa fa-linkedin"></a>
</div>
</div>
</div>
<div class="grupo-2">
<small> © 2023 <b>David Amhed Beltrán Rubín de Celis</b> - Todos los Derechos Reservados.</small>
</div>
<script src="/scripts/scripts.js"></script>
</Footer>
</body>
</html>