Skip to content

Commit a2f40b7

Browse files
author
Jerson Garcia
committed
Repurpose site as Jerson Garcia Consulting LLC landing page
Replace the resume layout with a modern bilingual consulting site (services, about, contact) on a dark cartographic theme. Preserve the original resume as cv.html / cv-es.html. Set business location to Vancouver, Washington and add an EN/ES language toggle.
1 parent 04cb8aa commit a2f40b7

4 files changed

Lines changed: 1224 additions & 472 deletions

File tree

‎cv-es.html‎

Lines changed: 241 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,241 @@
1+
<!DOCTYPE html>
2+
<html lang="es">
3+
<head>
4+
<meta charset="utf-8" />
5+
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
6+
<meta name="description" content="" />
7+
<meta name="author" content="" />
8+
<title>Curriculum Vitae - Jerson Garcia</title>
9+
<link rel="icon" type="image/x-icon" href="assets/img/JG icon.png" />
10+
<!-- Font Awesome icons (free version)-->
11+
<script src="https://use.fontawesome.com/releases/v6.3.0/js/all.js" crossorigin="anonymous"></script>
12+
<!-- Google fonts-->
13+
<link href="https://fonts.googleapis.com/css?family=Saira+Extra+Condensed:500,700" rel="stylesheet" type="text/css" />
14+
<link href="https://fonts.googleapis.com/css?family=Muli:400,400i,800,800i" rel="stylesheet" type="text/css" />
15+
<!-- Core theme CSS (includes Bootstrap)-->
16+
<link href="css/styles.css" rel="stylesheet" />
17+
18+
</head>
19+
<body id="page-top">
20+
<!-- Navigation-->
21+
<nav class="navbar navbar-expand-lg navbar-dark bg-primary fixed-top" id="sideNav">
22+
<a class="navbar-brand js-scroll-trigger" href="#page-top">
23+
<span class="d-block d-lg-none">Jerson Garcia</span>
24+
<span class="d-none d-lg-block"><img class="img-fluid img-profile rounded-circle mx-auto mb-2" src="assets/img/jerson.jpeg" alt="..." /></span>
25+
</a>
26+
<!-- Language Selector -->
27+
<div style="position: absolute; top: 17px; right: 100px;">
28+
<label for="languageSelector"></label>
29+
<select id="languageSelector">
30+
<option value="en">English</option>
31+
<option value="es">Español</option>
32+
</select>
33+
</div>
34+
<script>
35+
const languageSelector = document.getElementById('languageSelector');
36+
languageSelector.addEventListener('change', function () {
37+
const selectedLanguage = this.value;
38+
let targetUrl = selectedLanguage === 'es' ? 'index-es.html' : 'index.html';
39+
targetUrl += `?v=${Date.now()}`; // Add cache-busting query parameter
40+
window.location.href = targetUrl;
41+
});
42+
43+
// Set the default language to Spanish
44+
languageSelector.value = 'es';
45+
</script>
46+
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation"><span class="navbar-toggler-icon"></span></button>
47+
<div class="collapse navbar-collapse" id="navbarResponsive">
48+
<ul class="navbar-nav">
49+
<li class="nav-item"><a class="nav-link js-scroll-trigger" href="#about">Acerca de Mi</a></li>
50+
<li class="nav-item"><a class="nav-link js-scroll-trigger" href="#experience">Experiencia</a></li>
51+
<li class="nav-item"><a class="nav-link js-scroll-trigger" href="#education">Educacion</a></li>
52+
<li class="nav-item"><a class="nav-link js-scroll-trigger" href="#skills">Habilidades</a></li>
53+
<li class="nav-item"><a class="nav-link js-scroll-trigger" href="#awards">Reconocimientos</a></li>
54+
<li class="nav-item"><a class="nav-link js-scroll-trigger" href="#interests">Intereses</a></li>
55+
</ul>
56+
</div>
57+
</nav>
58+
<!-- Page Content-->
59+
<div class="container-fluid p-0">
60+
<!-- About-->
61+
<section class="resume-section" id="about">
62+
<div class="resume-section-content">
63+
<h1 class="mb-0">
64+
Jerson
65+
<span class="text-primary">Garcia</span>
66+
</h1>
67+
<div class="subheading mb-5">
68+
Provo, UT 84606 · (385) 201-8283 · <a href="mailto:jerson01@byu.edu">jerson01@byu.edu</a> <i class="fas fa-envelope"></i>
69+
</div>
70+
<p class="lead mb-5">Soy de Perú y estudiante de maestría en Ingeniería Civil y de Construcción en la Universidad Brigham Young. <br>
71+
Como estudiante, también sirvo como presidente de Tecnología de BYU ASCE y como miembro activo del BYU Steel Bridge Club. <br>
72+
Actualmente, trabajo como asistente de investigación en el laboratorio de Hidroinformática de BYU, donde me enfoco en el desarrollo móvil multiplataforma para la visualización de pronósticos hidrológicos y sistemas de alerta.</p>
73+
<div class="social-icons">
74+
<a class="social-icon" href="https://www.linkedin.com/in/jersonjgarcia/" target="_blank"><i class="fab fa-linkedin-in"></i></a>
75+
<a class="social-icon" href="https://github.com/jersjar7" target="_blank"><i class="fab fa-github"></i></a>
76+
<a class="social-icon" href="https://www.instagram.com/jerson_engineeringblog/" target="_blank"><i class="fab fa-instagram"></i></a>
77+
</div>
78+
</div>
79+
</section>
80+
<hr class="m-0" />
81+
<!-- Experience-->
82+
<section class="resume-section" id="experience">
83+
<div class="resume-section-content">
84+
<h2 class="mb-5">Experiencia</h2>
85+
<div class="d-flex flex-column flex-md-row justify-content-between mb-5">
86+
<div class="flex-grow-1">
87+
<h3 class="mb-0">BYU Laboratorio de Hidroinformática</h3>
88+
<div class="subheading mb-3">Asistente de Investigación</div>
89+
<p> ■ Desarrollo una aplicación completamente funcional para teléfonos iOS y Android que muestra pronósticos de inundaciones de más de 2.8 millones de ríos en los Estados Unidos continentales<br>
90+
■ Realicé investigación sobre datos de 10 diferentes tormentas de inundación en los Estados Unidos entre 2020 y 2023, así como la creación de sus respectivos mapas utilizando ArcGIS Pro<br>
91+
■ Comparé los pronósticos de flujo del Modelo Nacional del Agua con la tasa de flujo observada de las estaciones USGS</p>
92+
</div>
93+
<div class="flex-shrink-0"><span class="text-primary">Mayo 2022 - Presente</span></div>
94+
</div>
95+
<div class="d-flex flex-column flex-md-row justify-content-between mb-5">
96+
<div class="flex-grow-1">
97+
<h3 class="mb-0">Departamento de Ingeniería de Spanish Fork City</h3>
98+
<div class="subheading mb-3">Asistente de Ingeniero de la Ciudad</div>
99+
<p> ■ Asisto al ingeniero de la ciudad en la gestión de más de 5 proyectos simultáneamente y revisando las presentaciones de contratistas para asegurar el cumplimiento con los estándares de la ciudad<br>
100+
■ Organizo y reviso más de 30 archivos de aplicaciones de desarrollo, incluyendo planos, informes geotécnicos y de aguas pluviales, así como manteniendo actualizados 2 mapas web de la ciudad en una plataforma ESRI<br>
101+
■ Realizo más de 10 visitas al sitio para evaluar el progreso del proyecto y realizar inspecciones finales</p>
102+
</div>
103+
<div class="flex-shrink-0"><span class="text-primary">Mayo 2024 - Abril 2025</span></div>
104+
</div>
105+
<div class="d-flex flex-column flex-md-row justify-content-between mb-5">
106+
<div class="flex-grow-1">
107+
<h3 class="mb-0">Acute Engineering </h3>
108+
<div class="subheading mb-3">Internado como Ingeniero Estructural</div>
109+
<p> ■ Dimensioné y especifiqué elementos estructurales de más de 5 edificios residenciales usando Bluebeam y creando informes de cálculo con Excel<br>
110+
■ Creé y documenté más de 10 hojas de cálculo basadas en prácticas estándar y código con AutoCAD y Word<br>
111+
■ Investigué el cumplimiento del código, estándares de la industria, nuevas herramientas de análisis y estudios de viabilidad de mercado</p>
112+
</div>
113+
<div class="flex-shrink-0"><span class="text-primary">Enero 2023 - Abril 2023</span></div>
114+
</div>
115+
<div class="d-flex flex-column flex-md-row justify-content-between mb-5">
116+
<div class="flex-grow-1">
117+
<h3 class="mb-0">BYU Laboratorio de Presas de Baja Altura </h3>
118+
<div class="subheading mb-3">Asistente de Investigación</div>
119+
<p> ■ Identifiqué más de 200 represas de baja altura en todo el país utilizando Google Earth Pro para 5 estados diferentes de EE. UU.<br>
120+
■ Desarrollé una base de datos para organizar y almacenar mejor el trabajo realizado en dos plataformas diferentes<br>
121+
■ Realicé capacitación para seis compañeros de trabajo sobre el uso de programación Python para maximizar la productividad</p>
122+
</div>
123+
<div class="flex-shrink-0"><span class="text-primary">Agosto 2021 - Diciembre 2022</span></div>
124+
</div>
125+
</div>
126+
</section>
127+
<hr class="m-0" />
128+
<!-- Education-->
129+
<section class="resume-section" id="education">
130+
<div class="resume-section-content">
131+
<h2 class="mb-5">Educación</h2>
132+
<div class="d-flex flex-column flex-md-row justify-content-between mb-5">
133+
<div class="flex-grow-1">
134+
<h3 class="mb-0">Universidad Brigham Young</h3>
135+
<div class="subheading mb-3">Maestría en Ciencias</div>
136+
<div>Ingeniería Civil y de Construcción</div>
137+
<p>Trabajo Relevante: Desarrollo móvil multiplataforma para visualización de pronósticos hidrológicos y sistema de alertas</p>
138+
</div>
139+
<div class="flex-shrink-0"><span class="text-primary">Septiembre 2025 - Abril 2026</span></div>
140+
</div>
141+
<div class="d-flex flex-column flex-md-row justify-content-between mb-5">
142+
<div class="flex-grow-1">
143+
<h3 class="mb-0">Universidad Brigham Young</h3>
144+
<div class="subheading mb-3">Licenciatura en Ciencias</div>
145+
<div>Ingeniería Civil y de Construcción</div>
146+
<p>Cursos Relevantes: Modelado Hidrológico, Ingeniería Hidráulica y Programación de Computadoras</p>
147+
</div>
148+
<div class="flex-shrink-0"><span class="text-primary">Agosto 2021 - Graduado Abril 2025</span></div>
149+
</div>
150+
<div class="d-flex flex-column flex-md-row justify-content-between">
151+
<div class="flex-grow-1">
152+
<h3 class="mb-0">Universidad Privado Antenor Orrego</h3>
153+
<div class="subheading mb-3">Arquitectura, Urbanismo y Artes</div>
154+
<p>GPA: 3.78</p>
155+
</div>
156+
<div class="flex-shrink-0"><span class="text-primary">Marzo 2013 - Diciembre 2014</span></div>
157+
</div>
158+
</div>
159+
</section>
160+
<hr class="m-0" />
161+
<!-- Skills-->
162+
<section class="resume-section" id="skills">
163+
<div class="resume-section-content">
164+
<h2 class="mb-5">Habilidades</h2>
165+
<div class="subheading mb-3">Softwares</div>
166+
<!-- First pair of images -->
167+
<ul class="list-inline image-list">
168+
<li class="list-inline-item"><img src="assets/img/autocad.png" alt="AutoCAD Logo"></li>
169+
<li class="list-inline-item"><img src="assets/img/revit.png" alt="Revit Logo"></li>
170+
</ul>
171+
<!-- Second pair of images -->
172+
<ul class="list-inline image-list">
173+
<li class="list-inline-item"><img src="assets/img/arcgispro.png" alt="ArcGIS Pro Logo"></li>
174+
<li class="list-inline-item"><img src="assets/img/civil3D.png" alt="Civil 3D Logo"></li>
175+
</ul>
176+
<!-- Third pair of images -->
177+
<ul class="list-inline image-list">
178+
<li class="list-inline-item"><img src="assets/img/bluebeam.png" alt="Bluebeam Logo"></li>
179+
</ul>
180+
<div class="subheading mb-3">Lenguajes de Programación e Inteligencia Artificial</div>
181+
<!-- First pair of images -->
182+
<ul class="list-inline image-list">
183+
<li class="list-inline-item"><img src="assets/img/python320pxs.png" alt="Python Programming"></li>
184+
<li class="list-inline-item"><img src="assets/img/dart Small.png" alt="Dart Programming"></li>
185+
</ul>
186+
<!-- Second pair of images -->
187+
<ul class="list-inline image-list">
188+
<li class="list-inline-item"><img src="assets/img/chatgpt.png" alt="Chat GPT Open AI"></li>
189+
<li class="list-inline-item"><img src="assets/img/bard.png" alt="Bard Google Assistant"></li>
190+
</ul>
191+
<div class="subheading mb-3">Certificaciones y Habilidades Adicionales</div>
192+
<p>■ Piloto de Drones Certificado por FAA<br>
193+
■ Competente en: WMS, ArcGIS Pro, Civil 3D, AutoCAD, Revit, Bluebeam, y Python<br>
194+
■ Fluido en: Español</p>
195+
</div>
196+
</section>
197+
<hr class="m-0" />
198+
<!-- Awards-->
199+
<section class="resume-section" id="awards">
200+
<div class="resume-section-content">
201+
<h2 class="mb-5">Reconocimientos</h2>
202+
<ul class="fa-ul mb-0">
203+
204+
<li>
205+
<span class="fa-li"><i class="fas fa-trophy text-warning"></i></span>
206+
1
207+
<sup>er</sup>
208+
Puesto - ASCE Steel Bridge Nacionales - <span>Universidad de California San Diego, </span> <a href="https://www.youtube.com/watch?v=axfOzp5_I_k" target="_blank">Video</a>
209+
</li>
210+
<li>
211+
<span class="fa-li"><i class="fas fa-trophy text-warning"></i></span>
212+
1
213+
<sup>er</sup>
214+
Puesto - Universidad Brigham Young - Concurso de Diseño Arquitectónico 2023
215+
</li>
216+
<li>
217+
<span class="fa-li"><i class="fas fa-trophy text-warning"></i></span>
218+
1
219+
<sup>er</sup>
220+
Puesto - ASCE Steel Bridge Regionales - Universidad de Nevada Las Vegas 2022
221+
</li>
222+
</ul>
223+
</div>
224+
</section>
225+
<hr class="m-0" />
226+
<!-- Interests-->
227+
<section class="resume-section" id="interests">
228+
<div class="resume-section-content">
229+
<h2 class="mb-5">Intereses</h2>
230+
<p>Además de mis actividades académicas, disfruto atesorando los momentos con mi esposa y abrazando la belleza del aire libre. A lo largo del año, participo activamente en el fútbol, mientras que los meses cálidos en Utah me ofrecen la oportunidad perfecta para disfrutar de caminatas, correr y explorar las maravillas de nuestros Parques Nacionales.</p>
231+
<p class="mb-0">Incluso cuando estoy confinado en el interior, busco conocimiento e inspiración a través de documentales y diversos canales de YouTube que me mantienen entretenido. Mi pasión por el crecimiento continuo me impulsa a invertir una cantidad sustancial de mi tiempo libre en explorar nuevos conceptos y perfeccionar habilidades tanto profesionales como recreativas, ya que creo firmemente que el aprendizaje es un viaje enriquecedor para toda la vida.</p>
232+
</div>
233+
</section>
234+
<hr class="m-0" />
235+
</div>
236+
<!-- Bootstrap core JS-->
237+
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js"></script>
238+
<!-- Core theme JS-->
239+
<script src="js/scripts.js"></script>
240+
</body>
241+
</html>

0 commit comments

Comments
 (0)