-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
224 lines (217 loc) · 13.3 KB
/
index.html
File metadata and controls
224 lines (217 loc) · 13.3 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<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=Montserrat:ital,wght@0,100;0,200;1,300&display=swap" rel="stylesheet">
<script src="https://kit.fontawesome.com/a9961d0be4.js" crossorigin="anonymous"></script>
<link rel="stylesheet" href="/css/styles.css">
<title>Portfolio Mauricio Arana</title>
</head>
<body>
<!--Bloque de Navegacion-->
<nav id="navegacion">
<ul>
<li><a href="#about">Sobre mi</a></li>
<li><a href="#portfolio">Portfolio</a></li>
<li id="navlogo"> <a href="#inicio"><img src="static/dc1.png" alt="logo navbar" width="36px"></a></li>
<li><a href="#exp">Skills</a></li>
<li><a href="#contacto">Contactar</a></li>
</ul>
</nav>
<!--FIN Bloque de Navegacion-->
<article>
<!--Bloque de Inicio-->
<section id="inicio">
<h2>Mauricio Arana</h2>
<h3 class="hashtag">#Economista</h3>
<h3 class="hashtag">#Programador</h3>
<ul id="iconos">
<li><a href="https://github.com/mauriaranam" target="_blank"><i class="fa-brands fa-github"></i></a></li>
<li><a href="https://www.instagram.com/mauriaranam/" target="_blank"><i class="fa-brands fa-instagram"></i></a></li>
<li><a href="https://www.linkedin.com/in/mauricio-arana-326378189/" target="_blank"><i class="fa-brands fa-linkedin"></i></a></li>
<li> <a href="https://open.spotify.com/user/11137595647" target="_blank"><i class="fa-brands fa-spotify"></i></a></li>
</ul>
</section>
<!--FIN Bloque de Inicio-->
<!--Bloque Sobre Mi-->
<section id="about">
<div class="picabout"><img src="./static/tfg.jpeg" alt="Foto Mauricio Arana" height="250"></div>
<div class="bodyabout">
<h2>Sobre mí</h2>
<p>Mi nombre es <strong>Mauricio Arana</strong>, tengo 24 años y soy un programador y coach de Python, que siempre esta buscando nuevas formas de desafiar mi mente creativa. Desde explorar las profunididades del código hasta sumergirme en análisis de datos. Con una carrera de <strong>Economía</strong> y experiencia autodidacta en <strong>Programación</strong> encontré mi pasión en el código. Actualmente comparto mi conocimiento como coach en una academia de programación, guiando a otros en su viaje hacia el mundo de Python. Mi viaje en el mundo tecnológico comenzó con estudios de Economía pero mi deseo de explorar nuevas fronteras me llevó a la programación. Complementé mi aprendizaje con un diplomado en Data Science y Data Mining con KNIME, lo que me permitió profundizar en el análisis de datos de manera efectiva. Mi caja de herramientas incluye habilidades en Python, HTML, CSS, Tailwind y KNIME, lo que me permite crear experiencias en líneas atractivas y funcionales. <strong><cite>Mi viaje es una búsqueda constante de aprendizaje y crecimiento, con la pasión de un programador y la perspectiva única de un economista.</cite></strong></p>
</div>
</section>
<!--FIN Bloque Sobre Mi-->
<!--Bloque Portfolio-->
<section id="portfolio">
<h2>Portfolio</h2>
<h3>Una mirada más allá del texto</h3>
<div class="fila">
<div class="card">
<img src="/static/dishsmall.png" alt="logo dishhub" width="250" height="155">
<h3>DishHub</h3>
<h4>Aplicación Web</h4>
<div class="sep"></div>
<p>DishHub representa una plataforma de recetas colaborativas que facilita la exploración y el intercambio de nuevas propuestas culinarias. Junto a esto, incorpora un asistente virtual llamado "AlexIA", el cual te ofrece sugerencias de recetas basadas en los ingredientes que tengas a disposición.</p>
<div class="masinfo"><button><a href="https://github.com/mauriaranam/DishHub">Más info</a></button></div>
</div>
<div class="card">
<img src="/static/htmlwhite.jpg" alt="foto codeo" width="250" height="155">
<h3>Python Coaching</h3>
<h4>Mentoría en Programación</h4>
<div class="sep"></div>
<p>Coach y Mentor en una Academia, impulsando el potencial de estudiantes en programación con Python. Fomento de habilidades técnicas y blandas para cultivar comunicación, trabajo en equipo y resolución de problemas, creando un entorno de aprendizaje enriquecedor.</p>
</div>
<div class="card">
<img src="/static/knime.jpg" alt="knime photo" width="250" height="155">
<h3>Diplomado KNIME</h3>
<h4>Data Science & Data Mining</h4>
<div class="sep"></div>
<p>Compleción exitosa de Diplomado en Data Science y Data Mining con KNIME, aplicando técnicas analíticas en la solución de desafíos del mundo real. Experiencia en recolección, limpieza, transformación y análisis de datos para extraer perspicacia valiosa.</p>
</div>
<div class="card">
<img src="static/collab.jpg" alt="collab photo" width="250" height="155">
<h3>Trabajo en Equipo</h3>
<h4>Colaboración y Comunicación</h4>
<div class="sep"></div>
<p>Más allá del código, he valorado la relevancia de las habilidades blandas y la colaboración en equipos de programación. Comunicación, adaptabilidad y trabajo en equipo son fundamentales en tecnología. Mi experiencia incluye enfrentar desafíos y fomentar aprendizaje colaborativo, resaltando que el éxito en tecnología abraza la colaboración y comunicación.</p>
</div>
</div>
</section>
<!--FIN Bloque Sobre Mi-->
<!--Bloque de Experiencias-->
<section id="exp">
<h2>Experiencias & Skills</h2>
<h3>Lo que he aprendido y lo que puedo hacer.</h3>
<div class="skillgrid">
<div class="skillcard">
<ul>
<li class="skillicon"><i class="fa-solid fa-terminal"></i></li>
<li class="skillicon"><i class="fa-solid fa-database"></i></li>
<li class="skillicon"><i class="fa-brands fa-python"></i></li>
</ul>
<h2>Python</h2>
<h3 class="fecha">2022 - 2023</h3>
<p>Desarrollo de aplicaciones y proyectos personales en Python, demostrando soluciones técnicas creativas.</p>
</div>
<div class="skillcard">
<ul>
<li class="skillicon"><i class="fa-brands fa-css3-alt"></i></li>
<li class="skillicon"><i class="fa-solid fa-code"></i></li>
<li class="skillicon"><i class="fa-brands fa-html5"></i></li>
</ul>
<h2> Diseño Web</h2>
<h3 class="fecha">2022 - 2023</h3>
<p>Diseño Web con HTML y CSS, tambien usando herramientas como TailWind CSS para diseños modernos y responsivos </p>
</div>
<div class="skillcard">
<ul>
<li class="skillicon"><i class="fa-solid fa-comments"></i></li>
<li class="skillicon"><i class="fa-solid fa-phone-volume"></i></li>
<li class="skillicon"><i class="fa-solid fa-language"></i></li>
</ul>
<h2>Nivel de Inglés</h2>
<h3 class="fecha">Idioma</h3>
<p>Nivel de inglés avanzado, con facilidad de entender, hablar y escribir</p>
</div>
<div class="skillcard">
<ul>
<li class="skillicon"><i class="fa-solid fa-chart-line"></i></li>
<li class="skillicon"><i class="fa-solid fa-diagram-project"></i></li>
<li class="skillicon"><i class="fa-solid fa-chart-pie"></i></li>
</ul>
<h2>KNIME</h2>
<h3 class="fecha">2023</h3>
<p>Comprensión de los conceptos básicos de ciencia de datos, incluyendo minería de datos, análisis estadístico, aprendizaje automático y visualización de datos.</p>
</div>
<div class="skillcard">
<ul>
<li class="skillicon"><i class="fa-solid fa-laptop-code"></i></li>
<li class="skillicon"><i class="fa-solid fa-file-code"></i></li>
<li class="skillicon"><i class="fa-solid fa-people-group"></i></li>
</ul>
<h2>Enseñanza y Tutoría</h2>
<h3 class="fecha">2022 - 2023</h3>
<p>Coach en una academia de programación, guiando a estudiantes en el aprendizaje de Python, demostrando soluciones técnicas creativas</p>
</div>
<div class="skillcard">
<ul>
<li class="skillicon"><i class="fa-solid fa-person-chalkboard"></i></li>
<li class="skillicon"><i class="fa-solid fa-chart-area"></i></li>
<li class="skillicon"><i class="fa-solid fa-user-graduate"></i></li>
</ul>
<h2>Economista</h2>
<h3 class="fecha">2017 - 2022</h3>
<p>Graduación en Economía, con un sólido conocimiento de teorías y principios económicos. Pensamiento crítico, análisis económico y resolución de problemas.</p>
</div>
<div class="skillcard">
<ul>
<li class="skillicon"><i class="fa-solid fa-code-branch"></i></li>
<li class="skillicon"><i class="fa-brands fa-square-git"></i></li>
<li class="skillicon"><i class="fa-brands fa-square-github"></i></li>
</ul>
<h2>Git y GitHub</h2>
<h3 class="fecha">2022 - 2023</h3>
<p>Experiencia en uso de herramientas de control de versiones como Git y GitHub para colaborar de manera efectiva en proyectos de equipo.</p>
</div>
<div class="skillcard">
<ul>
<li class="skillicon"><i class="fa-solid fa-briefcase"></i></li>
<li class="skillicon"><i class="fa-solid fa-people-line"></i></li>
<li class="skillicon"><i class="fa-regular fa-handshake"></i></li>
</ul>
<h2>Colaboración y Comunicación</h2>
<h3 class="fecha"></h3>
<p>Capacidad para trabajar en colaboración con diseñadores, otros programadores y equipos multidisciplinarios.</p>
</div>
<div class="skillcard">
<ul>
<li class="skillicon"><i class="fa-solid fa-comments"></i></li>
<li class="skillicon"><i class="fa-solid fa-phone-volume"></i></li>
<li class="skillicon"><i class="fa-solid fa-language"></i></li>
</ul>
<h2>Portugués</h2>
<h3 class="fecha">Idioma</h3>
<p>Buen nivel de portugués, con facilidad de entender, hablar y escribir</p>
</div>
</div>
</section>
<!--FIN Bloque de Experiencias-->
<!--Bloque de Contacto-->
<section id="contacto" class="bg-img">
<h2>Contacto</h2>
<h3>Envíame tus dudas</h3>
<form action="#">
<div class="itemform">
<label for="">Nombre</label>
<input type="text" name="nombre" id="nombre" minlength="2" maxlength="26" required>
</div>
<div class="itemform">
<label for="">Empresa</label>
<input type="text" name="empresa" id="empresa" minlength="2" maxlength="26">
</div>
<div class="itemform">
<label for="">Email</label>
<input type="email" name="email" id="email" minlength="8" required>
</div>
<div class="itemform">
<label for="">Mensaje</label>
<textarea name="mensaje" id="mensaje" cols="30" rows="5" required></textarea>
</div>
<div class="itemform">
<input type="submit" id="formbutton" name="button "value="Contactar">
</div>
</form>
</section>
<!--FIN Bloque de Contacto-->
</article>
<!--Bloque del Footer-->
<footer>
<img src="static/dc1.png" alt="logo navbar" width="30px">
</footer>
<!--FIN Bloque del Footer-->
</body>
</html>