-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
275 lines (251 loc) · 13.3 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
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
270
271
272
273
274
275
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<!--CSS Styles -->
<!-- index (about.html) -->
<link rel="stylesheet" href="home.css" />
<!-- general styles -->
<link rel="stylesheet" href="share.css">
<!-- Favicons -->
<link
rel="apple-touch-icon"
sizes="180x180"
href="/assets/favicon_io/apple-touch-icon.png"
/>
<link
rel="icon"
type="image/png"
sizes="32x32"
href="/assets/favicon_io/favicon-16x16.png"
/>
<title>Juan Luis - Software Engineering | Web Developemnt</title>
</head>
<body>
<!-- backdrop -->
<div class="backdrop"></div>
<!-- header -->
<header class="main-header ">
<nav class="main-nav ">
<ul class="main-nav__items" >
<button class="toggle-button">
<span class="toggle-button__bar"></span>
<span class="toggle-button__bar"></span>
<span class="toggle-button__bar"></span>
</button>
</ul>
<ul class="main-nav__items " >
<il class=" main-nav__item"> <a class="profile__name" href="index.html">Juan Luis Jimenez</a><span class="bolder"></span>
</il>
</ul>
<ul class="main-nav__items">
<!-- simpliest menu -->
<!-- xtended resume -->
<li class="main-nav__item menu">
<a href="index.html">About</a><span class="bolder"></span>
</li>
<!-- blog will have categories for portafolio, dairy entries, new ect -->
<li class="main-nav__item menu">
<a href="blog/index.html">Blog</a><span class="bolder"></span>
</li>
<!-- this sections will contain open source project, contribution to society -->
<li class="main-nav__item menu">
<a href="github/index.html">GitHub</a><span class="bolder"></span>
</li>
</ul>
</nav>
</header>
<nav class="mobile-nav">
<ul class="mobile-nav__items">
<li class="mobile-nav__item ">
<a href="./index.html ">Home</a>
</li>
<li class="mobile-nav__item">
<a href="./blog/index.html">Blog</a>
</li>
<li class="mobile-nav__item">
<a href="./github/index.html">GitHub</a>
</li>
</ul>
</nav>
<main>
<!-- photo to right, hard and soft skills to left -->
<section class="hero section_border">
<div class="hero__container skills">
<ul>
<li class="title">Skills</li>
<li>Agile Software Developemnt</li>
<li>Git&GitHub</li>
<li>NodeJS/ExpressJs</li>
<li>algorithms & Data Structures</li>
<li>HTML5/CSS3</li>
<li>JavaScript</li>
<li>FlexBox</li>
<li>CSS Grid</li>
<li>Web Programming</li>
<li>Web API's implementation</li>
<li>Object Oriented Programming</li>
<li>Responsive Design</li>
<li>MySQL/SQlite</li>
</ul>
</div>
<div class="hero__container profile">
<div class="hero__container__image">
<div class="hero_item"><img class="profile__img shadow__img" src="assets/profile/juan-2x2-smaller.jpg" alt="profile--picture-juan-jimenez" />
</div>
</div>
<div class="profile_desc">
<p class="stress yourname">
Welcome to my resume,
</p>
<p class="desc">
I am a problem solver, a team player, a lifelong learner, Software Engineer and Computer Science Student.
</p>
</div>
</div>
<div class="hero__container skills__desc " >
<!-- hero__container hero__skills -->
<p class="hero__skills scrollbox">
I excel in <span class="stress" >Agile Software Development</span> for flexible and efficiently project handling and use <span class="stress">Git & GitHub</span> for <span class="stress">Version Control</span> and <span class="stress">Collaboration</span>.
With <span class="stress">NodeJS</span> and <span class="stress">ExpressJS</span>, I build powerful <span class="stress">server-side</span> applications.
My expertise in <span class="stress" >algorithms and data structures</span> aids in solving complex problems efficiently.
For web design, I create responsive pages with <span class="stress" >HTML5</span> and <span class="stress">CSS3</span> .
<span class="stress">Web programming</span> and <span class="stress" >Object-Oriented Programming(OOP) </span> are my foundations for crafting interactive, modular code.
<span class="stress" >Responsive Design</span> ensures adaptability across devices. I manage <span class="stress">databases</span> using <span class="stress">SQLite</span> and <span class="stress">MySQL</span>, I've mastered <span class="stress">Structured Query Language (SQL)</span>.
<span class="stress">JavaScript</span> brings interactivity to my web projects, captivating users with engaging experiences.
These skills empower me to excel in web development and software engineering.
</p>
</div>
<div class="hero__container experience " >
<!-- hero__container experience No. -->
<h1 class="hard">Experience</h1>
<!-- separator -->
<hr class="gradient">
<div class="experience flex_container">
<div class="exp__inf ">
<span class="flex_item_2 bold align-left" >Full Stack Developer</span> <span class="flex_item_2 align-right font__bigger">2022 - 2023</span>
<span class="flex_item_2 bold align-left">Sencion Performance</span> <span class="flex_item_2 bold align-right">Pleasant Grove, Utah</span>
</div>
<ul class="font__bigger">
<li>Apply Scrum framework to create tooling for queuing vehicle parts, tracking parts, cost of parts, and
fixes to vehicles in inventory.</li>
<li>Mockups to Prototyping features HTML5/CSS3 and JavaScript within three days.</li>
<li>Automate text message campaigns and push notifications to right department and clients, increasing traffic by 25%.</li>
<li>As a sprint team member, couch others improving sprint velocity by 20%.</li>
</ul>
</div><!-- end experience1 -->
<div class="experience flex_container">
<div class="exp__inf ">
<span class="flex_item_2 bold align-left" >Full Stack Developer</span> <span class="flex_item_2 align-right font__bigger">2021 - 2022</span>
<span class="flex_item_2 bold align-left">McVal Group</span> <span class="flex_item_2 bold align-right">Ogden, Utah</span>
</div>
<ul class="font__bigger">
<li>Applied Scrum framework addressing complex adaptive problems and delivering features to service
business needs each sprint.</li>
<li>Created a prototype capturing and expanding in detail what stakeholders were looking for within three
days</li>
<li>Offered relevant reports to Scrum Master to ensure made informed decisions to increase sprint outcome by at least 15%</li>
<li>Showed leadership and initiative in practice, leading conversations to explore limitations for a better
requirement understanding within one week</li>
</ul>
</div><!-- end experience2 -->
<div class="experience flex_container">
<div class="exp__inf ">
<span class="flex_item_2 bold align-left" >Web Developer</span> <span class="flex_item_2 align-right font__bigger">2017 - 2018</span>
<span class="flex_item_2 bold align-left">Farmacias El Divino Nazareno</span> <span class="flex_item_2 bold align-right">Sto Dgo, Republica Dominicana</span>
</div>
<ul class="font__bigger">
<li>Provided solutions by analyzing requirements and designing, developing, and implementing software applications.</li>
<li>Configure workstation with the appropriate software and hardware.</li>
<li>Database design, modeling, and implementation on MariaDB.</li>
<li>Model View Controller software design in PHP and JavaScript.</li>
<li>Oversaw troubleshooting of technical issues to solve them within 12 hours.</li>
</ul>
</div><!-- end experience3 -->
</div>
</div><!-- end experiences -->
<!-- education -->
<div class="hero__container education">
<div>
<h1 class="hard">Education</h1>
<hr class="gradient">
<!-- separator -->
</div>
<div class="experience flex_container">
<div class="exp__inf ">
<!-- .flex_item_widther_2 .flex_item_small_2 -->
<span class="flex_item_2 bold align-left " >Computer Science - Associate of Science </span><span class="flex_item_2 align-right font__bigger">Dec 2023</span>
<span class="flex_item_2 bold align-left ">Ensign College</span> <span class="flex_item_2 bold align-right">Salt Lake City, Utah</span>
</div>
<ul class="font__bigger">
<li>Foster a culture of trust and continuous improvement to enhance value delivered to the organization through effective <span class="stress">teamwork and leadership</span> .</li>
<li> <span class="stress">Communicate</span> effectively across diversities to contribute to mutual understanding and learning.</li>
<li><span class="stress">Problem solving</span>, solutions driven by informed evidence.</li>
<li><span class="stress">Professionalism</span>, a solid foundation of ethics and accountability.</li>
</ul>
</div>
</div>
<!-- Extracurricular activities -->
<div class="hero__container education">
<div>
<h1 class="hard">Extracurricular activities</h1>
<hr class="gradient">
<!-- separator -->
</div>
<div class="experience flex_container">
<div class="exp__inf ">
<span class="flex_item_2 bold align-left" >Full Time Missionary</span> <span class="flex_item_2 align-right font__bigger">2014 - 2016</span>
<span class="flex_item_2 bold align-left ">Church Of JesusChrist of later days Saints</span> <span class="flex_item_2 bold align-right">Nicaragua</span>
</div>
<ul class="font__bigger">
<li>Collaborated alongside companions to start over 26 conversations daily, leading to teaching
appointments in 15% of them.</li>
<li>Led over 30 other missionaries to get more teaching opportunities for over a year.</li>
</ul>
</div>
</div>
<!-- Contact section -->
<!-- More about -->
<!-- Social accounts - Fixed to the right -->
<!-- Scroll to top -->
<!-- </div> end page -->
</section>
<!-- Footer section -->
<!-- Website scripts backdrop and mobile menu-->
<script src="./share.js"></script>
<!-- scripts -->
<!-- <script
type="module"
src="https://unpkg.com/[email protected]/dist/ionicons/ionicons.esm.js"
></script>
<script
nomodule
src="https://unpkg.com/[email protected]/dist/ionicons/ionicons.js"
></script> -->
</main>
<footer class="main-footer ">
<div class="container_footer footer-water__mark">
<div class="network__info">
<p class="flex_item_1 stress font__bigger"> Connect with me: </p>
<div class=" network__items">
<div class="network__item__cont ">
<a href="https://linkedin.com/in/juanluisja" class=" footer__logos "> <img src="assets/favicon_io/LI-log.png" alt="linkedIn" class="footer__social-network">
<p class="footer__captions stress">LinkedIn</p></a>
</div>
<div class="network__item__cont">
<a href="https://github.com/juanluisja1" class=" footer__logos "><img src="assets/favicon_io/github-mark.png" alt="GitHub" class="footer__social-network">
<p class="footer__captions stress">GitHub</p></a>
</div>
<div class="network__item__cont ">
<a href="mailto:[email protected]" class=" footer__logos"><img src="assets/favicon_io/email_me_logo.png" alt="emailme" class="footer__social-network">
<p class="footer__captions stress">Email</p></a>
</div>
</div>
<p class="flex_item_1 credit__footer"> © 2023, <a class="stress" href="#top">Juan Luis Jimenez, </a>Salt Lake City, Utah.</p>
</div>
</div>
</footer>
</body>
</html>