-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathresume.html
259 lines (259 loc) · 21.1 KB
/
resume.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
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
<meta name="description" content="" />
<meta name="author" content="" />
<title>Andrés Felipe Peña Castro | Portafolio</title>
<!-- Favicon-->
<link rel="icon" type="image/x-icon" href="assets/12.ico"/>
<!--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=Plus+Jakarta+Sans:wght@100;200;300;400;500;600;700;800;900&display=swap" rel="stylesheet" />
<!-- Bootstrap icons-->
<link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.8.1/font/bootstrap-icons.css" rel="stylesheet" />
<!--CSS (includes Bootstrap)-->
<link href="css/styles.css" rel="stylesheet" />
</head>
<body class="d-flex flex-column h-100 bg-light">
<main class="flex-shrink-0">
<!-- Nav-->
<nav class="navbar navbar-expand-lg navbar-light bg-white py-3">
<div class="container px-5">
<a class="navbar-brand" href="index.html"><span class="fw-bolder text-primary">PipePenaDev</span></a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"><span class="navbar-toggler-icon"></span></button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav ms-auto mb-2 mb-lg-0 small fw-bolder">
<li class="nav-item"><a class="nav-link" href="index.html">Inicio</a></li>
<li class="nav-item"><a class="nav-link" href="resume.html">Hoja de Vida (CV)</a></li>
<li class="nav-item"><a class="nav-link" href="projects.html">Proyectos</a></li>
</ul>
</div>
</div>
</nav>
<!-- Page Content-->
<div class="container px-5 my-5">
<div class="text-center mb-5">
<h1 class="display-5 fw-bolder mb-0"><span class="text-gradient d-inline">Hoja de Vida (CV)</span></h1>
</div>
<div class="row gx-5 justify-content-center">
<div class="col-lg-11 col-xl-9 col-xxl-8">
<!-- Experience Section-->
<section>
<div class="d-flex align-items-center justify-content-between mb-4">
<h2 class="text-primary fw-bolder mb-0">Experiencia Laboral</h2>
<a class="btn btn-primary px-4 py-3" href="cv/PipePenaDevCV.pdf">
<div class="d-inline-block bi bi-download me-2"></div>
Descargar CV
</a>
</div>
<!-- Experience Card 1-->
<div class="card shadow border-0 rounded-4 mb-5">
<div class="card-body p-5">
<div class="row align-items-center gx-5">
<div class="col text-center text-lg-start mb-4 mb-lg-0">
<div class="bg-light p-4 rounded-4">
<div class="text-primary fw-bolder mb-2">Enero 2024 - 17 Julio 2024</div>
<div class="small fw-bolder">Desarrollador de Software</div>
<div class="small text-muted">Servicio Nacional de Aprendizaje SENA</div>
<div class="small text-muted">Villeta, Cundinamarca</div>
</div>
</div>
<div class="col-lg-8"><div>Desarrollé mis prácticas en el Centro de Desarrollo Agroindustrial y Empresarial (C.D.A.E.) del SENA en Villeta, enfocado en el área de desarrollo de software.
<br>
Durante este tiempo, apliqué mis conocimientos y habilidades para contribuir significativamente a varios proyectos.
<br>
En colaboración con mi equipo de trabajo, desarrollamos un proyecto de software diseñado para mejorar la calidad de la formación de los aprendices.
<br>
Este proyecto no solo optimizó los procesos educativos, sino que también potenció la experiencia de aprendizaje de los estudiantes, demostrando mi capacidad para aportar soluciones efectivas y de alto impacto en un entorno colaborativo.
</div></div>
</div>
</div>
</div>
</section>
<!-- Education Section-->
<section>
<h2 class="text-secondary fw-bolder mb-4">Educación</h2>
<!-- Education Card 1-->
<div class="card shadow border-0 rounded-4 mb-5">
<div class="card-body p-5">
<div class="row align-items-center gx-5">
<div class="col text-center text-lg-start mb-4 mb-lg-0">
<div class="bg-light p-4 rounded-4">
<div class="text-secondary fw-bolder mb-2">2020 - 2022</div>
<div class="mb-2">
<div class="small fw-bolder">I.E.D NUESTRA SEÑORA DE LA SALUD</div>
<div class="small text-muted">Supatá, Cundinamarca</div>
</div>
<div class="fst-italic">
<div class="small text-muted">Técnico en Sistemas</div>
<div class="small text-muted">(Articulación con la Media)</div>
</div>
</div>
</div>
<div class="col-lg-8"><div>A finales de 2021, me gradué del Colegio I.E.D. Nuestra Señora de la Salud en Supatá, Cundinamarca, obteniendo el título de Bachiller Técnico con especialidad en Sistemas.
<br>
Durante mi tiempo en la institución, me enfoqué principalmente en el desarrollo de software, lo que me permitió adquirir una sólida base de conocimientos y habilidades técnicas en este campo.
<br>
Esta formación me preparó para enfrentar desafíos técnicos y me inspiró a seguir desarrollando mis competencias en el ámbito del software.</div></div>
</div>
</div>
</div>
<!-- Education Card 2-->
<div class="card shadow border-0 rounded-4 mb-5">
<div class="card-body p-5">
<div class="row align-items-center gx-5">
<div class="col text-center text-lg-start mb-4 mb-lg-0">
<div class="bg-light p-4 rounded-4">
<div class="text-secondary fw-bolder mb-2">2021</div>
<div class="mb-2">
<div class="small fw-bolder">UNIVERSIDAD TECNOLOGICA DE PEREIRA/MINTIC</div>
<div class="small text-muted">Modalidad Virtual</div>
</div>
<div class="fst-italic">
<div class="small text-muted">Curso/Mooc</div>
<div class="small text-muted">Industrias Creativas Digitales</div>
</div>
</div>
</div>
<div class="col-lg-8"><div>En el mismo año en que finalicé mi bachillerato con especialidad en sistemas, completé un curso de Industrias Creativas Digitales ofrecido por el Ministerio TIC en colaboración con la Universidad Tecnológica de Pereira, en modalidad virtual.
<br> Durante este curso, me destaqué por mi habilidad para desarrollar sitios web utilizando WordPress, así como por mi conocimiento en tecnologías centradas en la seguridad y la privacidad.
</div></div>
</div>
</div>
</div>
<!-- Education Card 3-->
<div class="card shadow border-0 rounded-4 mb-5">
<div class="card-body p-5">
<div class="row align-items-center gx-5">
<div class="col text-center text-lg-start mb-4 mb-lg-0">
<div class="bg-light p-4 rounded-4">
<div class="text-secondary fw-bolder mb-2">2022 - 2024</div>
<div class="mb-2">
<div class="small fw-bolder">SERVICIO NACIONAL DE APRENDIZAJE SENA</div>
<div class="small text-muted">Villeta, Cundinamarca</div>
</div>
<div class="fst-italic">
<div class="small text-muted">Técnologo</div>
<div class="small text-muted">Analisis y Desarrrollo De Software</div>
</div>
</div>
</div>
<div class="col-lg-8"><div>En agosto de 2024, me gradué como Tecnólogo en Análisis y Desarrollo de Software en el Servicio Nacional de Aprendizaje (SENA) en Villeta, Cundinamarca. Durante mi formación, demostré cualidades como la perseverancia, la dedicación y una fuerte ética de trabajo, enfrentando y superando numerosos desafíos académicos y personales. Mi esfuerzo constante y los sacrificios realizados a lo largo del técnologo me permitieron adquirir habilidades avanzadas en análisis y desarrollo de software, consolidando mi capacidad para desarrollar soluciones tecnológicas innovadoras y efectivas.</div></div>
</div>
</div>
</div>
</section>
<!-- Divider-->
<div class="pb-5"></div>
<!-- Skills Section-->
<section>
<!-- Skillset Card-->
<div class="card shadow border-0 rounded-4 mb-5">
<div class="card-body p-5">
<!-- Professional skills list-->
<div class="mb-5">
<div class="d-flex align-items-center mb-4">
<div class="feature bg-primary bg-gradient-primary-to-secondary text-white rounded-3 me-3"><i class="bi bi-tools"></i></div>
<h3 class="fw-bolder mb-0"><span class="text-gradient d-inline">Habilidades Profesionales</span></h3>
</div>
<div class="row row-cols-1 row-cols-md-3 mb-4">
<div class="col mb-4 mb-md-0"><div class="d-flex align-items-center bg-light rounded-4 p-3 h-100">Desarrollo Web</div></div>
<div class="col mb-4 mb-md-0"><div class="d-flex align-items-center bg-light rounded-4 p-3 h-100">Desarrollo de Software</div></div>
<div class="col"><div class="d-flex align-items-center bg-light rounded-4 p-3 h-100">Programación</div></div>
</div>
<div class="row row-cols-1 row-cols-md-3 mb-4">
<div class="col mb-4 mb-md-0"><div class="d-flex align-items-center bg-light rounded-4 p-3 h-100">Testing y QA</div></div>
<div class="col mb-4 mb-md-0"><div class="d-flex align-items-center bg-light rounded-4 p-3 h-100">Análisis de Requerimientos</div></div>
<div class="col"><div class="d-flex align-items-center bg-light rounded-4 p-3 h-100">Documentación Técnica</div></div>
</div>
<div class="row row-cols-1 row-cols-md-3">
<div class="col mb-4 mb-md-0"><div class="d-flex align-items-center bg-light rounded-4 p-3 h-100">Bases de Datos</div></div>
<div class="col mb-4 mb-md-0"><div class="d-flex align-items-center bg-light rounded-4 p-3 h-100">Control de Versiones</div></div>
<div class="col"><div class="d-flex align-items-center bg-light rounded-4 p-3 h-100">Seguridad de Software</div></div>
</div>
</div>
<!--Technologies-->
<div class="mb-0">
<div class="d-flex align-items-center mb-4">
<div class="feature bg-primary bg-gradient-primary-to-secondary text-white rounded-3 me-3"><i class="bi bi-code-slash"></i></div>
<h3 class="fw-bolder mb-0"><span class="text-gradient d-inline">Lenguajes de Programación</span></h3>
</div>
<div class="row row-cols-1 row-cols-md-3 mb-4">
<div class="col mb-4 mb-md-0"><div class="d-flex align-items-center bg-light rounded-4 p-3 h-100">HTML</div></div>
<div class="col mb-4 mb-md-0"><div class="d-flex align-items-center bg-light rounded-4 p-3 h-100">CSS</div></div>
<div class="col"><div class="d-flex align-items-center bg-light rounded-4 p-3 h-100">JavaScript</div></div>
</div>
<div class="row row-cols-1 row-cols-md-3 mb-4">
<div class="col mb-4 mb-md-0"><div class="d-flex align-items-center bg-light rounded-4 p-3 h-100">PHP</div></div>
</div>
</div>
<div class="mb-0">
<div class="d-flex align-items-center mb-4">
<div class="feature bg-primary bg-gradient-primary-to-secondary text-white rounded-3 me-3"><i class="bi bi-tools"></i></div>
<h3 class="fw-bolder mb-0"><span class="text-gradient d-inline">Bases de Datos y Lenguajes de Consulta</span></h3>
</div>
<div class="row row-cols-1 row-cols-md-3 mb-4">
<div class="col mb-4 mb-md-0"><div class="d-flex align-items-center bg-light rounded-4 p-3 h-100">MySQL</div></div>
<div class="col mb-4 mb-md-0"><div class="d-flex align-items-center bg-light rounded-4 p-3 h-100">MariaDB</div></div>
<div class="col"><div class="d-flex align-items-center bg-light rounded-4 p-3 h-100">SQL</div></div>
</div>
</div>
<div class="mb-0">
<div class="d-flex align-items-center mb-4">
<div class="feature bg-primary bg-gradient-primary-to-secondary text-white rounded-3 me-3"><i class="bi bi-code-slash"></i></div>
<h3 class="fw-bolder mb-0"><span class="text-gradient d-inline">Frameworks y Librerías</span></h3>
</div>
<div class="row row-cols-1 row-cols-md-3 mb-4">
<div class="col mb-4 mb-md-0"><div class="d-flex align-items-center bg-light rounded-4 p-3 h-100">Laravel</div></div>
<div class="col mb-4 mb-md-0"><div class="d-flex align-items-center bg-light rounded-4 p-3 h-100">Bootstrap</div></div>
<div class="col"><div class="d-flex align-items-center bg-light rounded-4 p-3 h-100">jQuery</div></div>
</div>
</div>
<div class="mb-0">
<div class="d-flex align-items-center mb-4">
<div class="feature bg-primary bg-gradient-primary-to-secondary text-white rounded-3 me-3"><i class="bi bi-tools"></i></div>
<h3 class="fw-bolder mb-0"><span class="text-gradient d-inline">Herramientas y Plataformas de Desarrollo</span></h3>
</div>
<div class="row row-cols-1 row-cols-md-3 mb-4">
<div class="col mb-4 mb-md-0"><div class="d-flex align-items-center bg-light rounded-4 p-3 h-100">Git</div></div>
<div class="col mb-4 mb-md-0"><div class="d-flex align-items-center bg-light rounded-4 p-3 h-100">GitHub</div></div>
<div class="col"><div class="d-flex align-items-center bg-light rounded-4 p-3 h-100">Visual Studio Code</div></div>
</div>
</div>
</div>
</div>
</div>
</section>
</div>
</div>
</div>
</main>
<!-- Footer-->
<footer class="bg-white py-4 mt-auto">
<div class="container px-5">
<div class="row align-items-center justify-content-between flex-column flex-sm-row">
<div class="col-auto">
<div class="small m-0">Copyright © Andrés Felipe Peña Castro | Portafolio <span id="year"></span></div>
</div>
<script>
document.getElementById('year').textContent = new Date().getFullYear();
</script>
<div class="col-auto">
<a class="small" href="index.html">PipePenaDev</a>
<span class="mx-1">·</span>
<a class="small" href="resume.html">Hoja de Vida (CV)</a>
<span class="mx-1">·</span>
<a class="small" href="projects.html">Proyectos</a>
</div>
</div>
</div>
</footer>
<!-- Bootstrap - JS-->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js"></script>
<!--JS-->
<script src="js/scripts.js"></script>
</body>
</html>