-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
144 lines (136 loc) · 7.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
139
140
141
142
143
144
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- BootStrap -->
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.min.css">
<link rel="stylesheet" href="estilos.css">
<link rel="icon" href="imagenes/logo.png">
<!-- Google Fonts -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Rubik+Mono+One&display=swap" rel="stylesheet">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Rubik+Mono+One&family=Ubuntu+Sans+Mono:ital,wght@0,400..700;1,400..700&display=swap" rel="stylesheet">
<!-- ... -->
<title>Portafolio</title>
</head>
<body>
<!-- Navegacion -->
<nav class="navbar navbar-expand-md navbar-dark container-fluid mb-5">
<div class="container-fluid">
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar-toggler" aria-controls="navbarTogglerDemo01" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbar-toggler">
<a class="navbar-brand" href="#"><img width="50" src="imagenes/logo.png" alt="Logo"></a>
<ul class="navbar-nav d-flex justify-content-center align-items-center">
<li class="nav-item">
<a class="nav-link active" aria-current="page" href="#Principal">SOBRE MI</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#Proyectos">PROYECTOS</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#Skills">SKILLS</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#contacto">CONTACTO</a>
</li>
</ul>
</div>
</div>
</nav>
<!-- Principal -->
<section id="Principal" class="principal d-flex container align-items-center mb-5">
<div class="principal-main text-md-start">
<h1>Hola, Soy Yeison Mena.</h1>
<h2>Soy Analista de Datos y estudiante de Ingeniería de Sistemas de la Universidad Nacional de Colombia.</h2>
<a href="https://github.com/yeisonmenau" target="_blank"><i class="bi bi-github"></i></a>
<a class="mx-3" href="https://www.linkedin.com/in/yeisonmenau/" target="_blank"><i class="bi bi-linkedin"></i></a>
</div>
<div >
<img class="principal-imagen img-fluid" src="./imagenes/Foto-YeisonMena.jpg" alt="Foto Yeison Mena">
</div>
</section>
<!-- Proyectos -->
<section id="Proyectos" class="proyectos container mb-5">
<div>
<h2 align="center">PROYECTOS</h2>
<p align="center" class="mb-5">Todo lo que puedas imaginar lo puedes programar</p>
</div>
<div>
<div class="row row-cols-1 row-cols-md-2 g-4">
<div class="col">
<div class="card">
<img src="imagenes/proyecto1.png" class="card-img-top" alt="...">
<div class="card-body">
<h5 class="card-title">Encriptador - Alura Latam</h5>
<p class="card-text">Este proyecto es un encriptador de texto interactivo que permite a los usuarios escribir cualquier mensaje y recibirlo encriptado. Utilizando HTML para la estructura, CSS para un diseño atractivo y JavaScript para la funcionalidad, el encriptador convierte el texto ingresado en un formato encriptado al instante.</p>
</div>
</div>
</div>
<div class="col">
<div class="card">
<img src="imagenes/proyecto2.png" class="card-img-top" alt="...">
<div class="card-body">
<h5 class="card-title">Reducir la mortalidad por tráfico en EE. UU.</h5>
<p class="card-text">En este proyecto, he desarrollado una estrategia integral para abordar el grave problema de las muertes relacionadas con el tráfico en EE. UU. A través de un enfoque metódico, importé, limpié y manipulé un conjunto de datos relevante, seguido de una cuidadosa visualización para identificar patrones críticos.</p>
</div>
</div>
</div>
<div class="col">
<div class="card">
<img src="imagenes/proyecto4.webp" class="card-img-top rounded " alt="...">
<div class="card-body">
<h5 class="card-title">Dashboard</h5>
<p class="card-text">En este proyecto, he desarrollado un panel interactivo de análisis de ventas utilizando Power BI, una herramienta poderosa de visualización de datos. Mi objetivo fue transformar datos complejos en información visual comprensible para ayudar a la toma de decisiones estratégicas. Importé datos de diferentes fuentes, realicé la limpieza y modelado necesarios, y diseñé visualizaciones atractivas que muestran tendencias de ventas, comparativas entre productos y rendimiento por región.</p>
</div>
</div>
</div>
<div class="col">
<div class="card">
<img src="imagenes/proyecto3.png" class="card-img-top" alt="...">
<div class="card-body">
<h5 class="card-title">Análisis y previsión de series temporales con Python</h5>
<p class="card-text">En este proyecto, he aplicado el modelo ARIMA para la previsión de ventas de muebles y material de oficina. A través de un enfoque analítico, he comparado los resultados obtenidos y los he visualizado para entender mejor las tendencias en las ventas.</p>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Skills -->
<section id="Skills" class="skills container d-flex justify-content-between align-items-center flex-nowrap mb-5">
<div class="skills-texto">
<h2>SKILLS</h2>
<p>Soy una persona apasionada por el desarrollo de software y el análisis de datos. Con una sólida formación en bases de datos SQL, Excel, Power BI y Python, me especializo en transformar datos en información valiosa para la toma de decisiones. Mi enfoque combina tanto habilidades técnicas como analíticas, lo que me permite abordar proyectos de software y análisis de datos con creatividad y precisión. Mi objetivo es seguir creciendo en el ámbito tecnológico y contribuir al éxito de los proyectos a través de soluciones innovadoras y eficientes.</p>
</div>
<div class="skills-imagenes container-fluid d-flex">
<img class="img-fluid" src="imagenes/python.jpg" alt="python skill">
<img class="img-fluid" src="imagenes/powerBI.jpg" alt="powerBI skill">
<img class="img-fluid" src="imagenes/sql.jpg" alt="sql skill">
<img class="img-fluid" src="imagenes/math.jpg" alt="math skill">
</div>
</section>
<!-- contacto -->
<div id="contacto" class="container py-5" >
<section class="contacto row justify-content-center" >
<div class="text-center py-4 px-2 shadow position-relative">
<h2>CONTACTO</h2>
<p>Para mas información detallada puedes contactarme por los siguiente medios.</p>
<a href="https://github.com/yeisonmenau" target="_blank"><i class="bi bi-github"></i></a>
<a class="mx-3" href="https://www.linkedin.com/in/yeisonmenau/" target="_blank"><i class="bi bi-linkedin"></i></a>
</div>
</section>
</div>
<!-- footer -->
<footer class="text-center pt-5">
<p style="color: white;">© Yeison Mena 14-oct-2024. All rights reserved</p>
</footer>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
</body>
</html>