-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
269 lines (244 loc) · 14.2 KB
/
index.html
File metadata and controls
269 lines (244 loc) · 14.2 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
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Guido Garzón Peña | Consultor SAP ABAP & PI Senior</title>
<meta name="description"
content="Portafolio de Guido Garzón Peña, Consultor Senior SAP ABAP, HANA y SAP PI/PO con más de 13 años de experiencia en proyectos internacionales.">
<!-- 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=Fira+Code:wght@300;400&family=Inter:wght@300;400;600;700;800&display=swap"
rel="stylesheet">
<!-- Font Awesome -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
<!-- Custom CSS -->
<link rel="stylesheet" href="css/variables.css">
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<!-- Header / Navigation -->
<header class="header" id="header">
<nav class="nav container">
<a href="#" class="nav__logo">G<span class="text-accent">.</span>Garzón</a>
<div class="nav__menu" id="nav-menu">
<ul class="nav__list">
<li class="nav__item"><a href="#home" class="nav__link active-link"><span>01.</span> Inicio</a></li>
<li class="nav__item"><a href="#about" class="nav__link"><span>02.</span> Perfil</a></li>
<li class="nav__item"><a href="#experience" class="nav__link"><span>03.</span> Experiencia</a></li>
<li class="nav__item"><a href="#skills" class="nav__link"><span>04.</span> Habilidades</a></li>
<li class="nav__item"><a href="#contact" class="nav__link"><span>05.</span> Contacto</a></li>
</ul>
<div class="nav__close" id="nav-close">
<i class="fas fa-times"></i>
</div>
</div>
<div class="nav__toggle" id="nav-toggle">
<i class="fas fa-bars"></i>
</div>
</nav>
</header>
<main class="main">
<!-- Hero Section -->
<section class="home section" id="home">
<div class="home__container container grid">
<div class="home__content">
<span class="home__subtitle">Hola, mi nombre es</span>
<h1 class="home__title">Guido Garzón Peña.</h1>
<h2 class="home__job">Consultor SAP ABAP & PI Expert.</h2>
<p class="home__description">
Ingeniero de Sistemas y Consultor Senior con más de 13 años liderando, diseñando y optimizando
soluciones SAP (ABAP, HANA, PI/PO) para grandes empresas en Europa y Latinoamérica.
</p>
<a href="#experience" class="button">Ver Experiencia</a>
</div>
<div class="home__scroll">
<a href="#about" class="home__scroll-button button--flex">
<i class="fas fa-mouse"></i>
<span class="home__scroll-name">Scroll Down</span>
<i class="fas fa-arrow-down home__scroll-arrow"></i>
</a>
</div>
</div>
</section>
<!-- About Section -->
<section class="about section" id="about">
<h2 class="section__title"><span class="section__number">01.</span> Sobre Mí</h2>
<div class="about__container container grid">
<div class="about__data">
<p class="about__description">
Soy un apasionado <strong>Ingeniero de Sistemas</strong> enfocado en el ecosistema SAP. Mi
carrera se ha caracterizado por la capacidad de resolver problemas complejos y liderar equipos
técnicos en entornos desafiantes.
</p>
<p class="about__description">
Tengo experiencia comprobada en implementaciones internacionales para clientes como
<strong>Avvale, Grupo Gimeno, Stanley Trails, Lladró</strong> (Europa) y <strong>Holcim,
Nutresa, Ecopetrol, Isagen</strong> (Colombia).
</p>
<ul class="about__list">
<li><i class="fas fa-caret-right"></i> SAP ABAP (Badis, Bapis, User Exits)</li>
<li><i class="fas fa-caret-right"></i> ABAP for HANA</li>
<li><i class="fas fa-caret-right"></i> SAP PI/PO Integraciones</li>
<li><i class="fas fa-caret-right"></i> Adobe Forms & SmartForms</li>
<li><i class="fas fa-caret-right"></i> SAP Workflow</li>
<li><i class="fas fa-caret-right"></i> OData & Fiori Backend</li>
</ul>
</div>
</div>
</section>
<!-- Experience Section -->
<section class="experience section" id="experience">
<h2 class="section__title"><span class="section__number">02.</span> Experiencia</h2>
<div class="experience__container container">
<div class="experience__timeline">
<!-- Item 1: Perceptio (Current) -->
<div class="experience__card">
<header class="experience__header">
<h3 class="experience__role">ABAP Senior</h3>
<span class="experience__company">@ Perceptio (Holcim)</span>
<span class="experience__date">Enero 2024 - Actualidad</span>
</header>
<p class="experience__desc">Consultor ABAP para el proyecto ATP Holcim.</p>
</div>
<!-- Item 2: AES (Softtek) -->
<div class="experience__card">
<header class="experience__header">
<h3 class="experience__role">ABAP Senior IS-U</h3>
<span class="experience__company">@ Softtek (AES El Salvador)</span>
<span class="experience__date">Julio 2025 - Septiembre 2025</span>
</header>
<p class="experience__desc">Apoyo hypercare EAS El Salvador.</p>
</div>
<!-- Item 3: ADP -->
<div class="experience__card">
<header class="experience__header">
<h3 class="experience__role">ABAP Senior</h3>
<span class="experience__company">@ ADP Barcelona</span>
<span class="experience__date">Junio 2024 - Diciembre 2024</span>
</header>
<p class="experience__desc">Migración self service y nuevo portal ADP Barcelona.</p>
</div>
<!-- Item 4: Perceptio (Auna) -->
<div class="experience__card">
<header class="experience__header">
<h3 class="experience__role">ABAP Senior</h3>
<span class="experience__company">@ Perceptio (AUNA)</span>
<span class="experience__date">Diciembre 2023 - Junio 2024</span>
</header>
<p class="experience__desc">Flujos de autorizaciones médicas, workflow de autorización,
generación de comunicados y envío masivo de correos.</p>
</div>
<!-- Item 5: T4S Advance -->
<div class="experience__card">
<header class="experience__header">
<h3 class="experience__role">ABAP Senior</h3>
<span class="experience__company">@ T4S Advance (Grupo Gimeno)</span>
<span class="experience__date">Junio 2023 - Diciembre 2023</span>
</header>
<p class="experience__desc">Fábrica de software ABAP. Consultor On-site Valencia, España.</p>
</div>
<!-- Item 6: Globant (GBA Services) -->
<div class="experience__card">
<header class="experience__header">
<h3 class="experience__role">ABAP Senior</h3>
<span class="experience__company">@ Globant</span>
<span class="experience__date">Junio 2022 - Junio 2023</span>
</header>
<p class="experience__desc">Soporte en PRD sistema SAP y Workflow.</p>
</div>
<!-- Item 7: Previous Roles Summary -->
<div class="experience__card">
<header class="experience__header">
<h3 class="experience__role">Consultor ABAP & PI Senior</h3>
<span class="experience__company">@ Trayectoria Anterior</span>
<span class="experience__date">2012 - 2022</span>
</header>
<p class="experience__desc">
Líder técnica y consultor en proyectos para <strong>Nutresa, Esenttia, Cueros Vélez, Emcali,
Ecopetrol, Colombina</strong>, entre otros.
Experiencia en fábricas de software, migraciones a HANA, integraciones PI/PO y desarrollo de
módulos SD, MM, FI, WM.
</p>
</div>
</div>
</div>
</section>
<!-- Skills Section -->
<section class="skills section" id="skills">
<h2 class="section__title"><span class="section__number">03.</span> Habilidades & Certificaciones</h2>
<div class="skills__container container grid">
<!-- Certifications -->
<div class="skills__content">
<h3 class="skills__title"><i class="fas fa-certificate"></i> Certificaciones SAP</h3>
<ul class="skills__list">
<li class="skills__item">SAP Certified Development Associate - ABAP with SAP NetWeaver 7.50</li>
<li class="skills__item">SAP Certified Development Associate - ABAP with SAP NetWeaver 7.31</li>
<li class="skills__item">Ingeniería de Sistemas - UNAD (Actual)</li>
</ul>
</div>
<!-- Modules -->
<div class="skills__content">
<h3 class="skills__title"><i class="fas fa-cubes"></i> Módulos SAP</h3>
<div class="skills__tags">
<span class="skills__tag">FI</span>
<span class="skills__tag">MM</span>
<span class="skills__tag">SD</span>
<span class="skills__tag">WM</span>
<span class="skills__tag">PP</span>
<span class="skills__tag">IS-U</span>
<span class="skills__tag">TR</span>
</div>
</div>
<!-- Technical Skills -->
<div class="skills__content">
<h3 class="skills__title"><i class="fas fa-code"></i> Técnico</h3>
<div class="skills__tags">
<span class="skills__tag">ABAP Cloud</span>
<span class="skills__tag">Clean Code (ABAP Cleaner)</span>
<span class="skills__tag">ABAP OO</span>
<span class="skills__tag">ABAP for HANA</span>
<span class="skills__tag">SAP PI/PO</span>
<span class="skills__tag">OData Services</span>
<span class="skills__tag">Adobe Forms</span>
<span class="skills__tag">SmartForms</span>
<span class="skills__tag">BAPIs/BADIs</span>
<span class="skills__tag">Workflow</span>
</div>
</div>
<!-- Languages -->
<div class="skills__content">
<h3 class="skills__title"><i class="fas fa-language"></i> Idiomas</h3>
<ul class="skills__list">
<li class="skills__item">Español (Nativo)</li>
<li class="skills__item">Inglés (B2 - Profesional)</li>
</ul>
</div>
</div>
</section>
<!-- Contact Section -->
<section class="contact section" id="contact">
<h2 class="section__title"><span class="section__number">04.</span> ¿Qué sigue?</h2>
<div class="contact__container container">
<h3 class="contact__title">Ponte en Contacto</h3>
<p class="contact__description">
Actualmente estoy abierto a nuevas oportunidades y consultorías. Si tienes un proyecto desafiante en
SAP o simplemente quieres saludar, mi bandeja de entrada está abierta.
</p>
<a href="mailto:guidogar123@gmail.com" class="button">Di Hola</a>
</div>
</section>
</main>
<footer class="footer">
<div class="footer__container container">
<div class="footer__social">
<!-- Ideally add LinkedIn if user provides it later, for now just generic share or hidden -->
</div>
<p class="footer__copy">Diseñado y Construido para Guido Garzón Peña. 2025.</p>
</div>
</footer>
<script src="js/main.js"></script>
</body>
</html>