-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
395 lines (354 loc) · 19.9 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
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
<!doctype html>
<html lang="en">
<head>
<title>Fabian Leon</title>
<link rel="icon" href="./img/fav.ico">
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"
integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
<link rel="stylesheet" href="css/styles.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-128970399-2"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() { dataLayer.push(arguments); }
gtag('js', new Date());
gtag('config', 'UA-128970399-2');
</script>
</head>
<body>
<div class="container">
<!-- HEADER -->
<header id="main-header">
<div class="row no-gutters">
<div class="col-lg-4 col-md-5">
<img src="img/me-black-white.png" alt="my picture">
</div>
<div class="col-lg-8 col-md-7">
<div class="d-flex flex-column">
<div class="p-5 bg-dark text-white">
<div class="d-flex flex-row justify-content-between align-items-center">
<h1 class="display-4">Fabian León</h1>
<!-- social networks -->
<div>
<a href="https://www.linkedin.com/in/fabian-leon-ortega/?locale=en_US"
class="text-white" target="_blank">
<li class="fa fa-linkedin"></li>
</a>
</div>
<div>
<a href="https://twitter.com/shontauro" class="text-white" target="_blank">
<i class="fa fa-twitter"></i>
</a>
</div>
<div class="d-none d-md-block">
<a href="https://www.facebook.com/shontauro" class="text-white" target="_blank">
<li class="fa fa-facebook"></li>
</a>
</div>
<div>
<a href="https://medium.com/@shontauro" class="text-white" target="_blank">
<li class="fa fa-medium"></li>
</a>
</div>
</div>
</div>
<div class="p-4 bg-black">
Entrepreneur & Senior FullStack Developer
</div>
<!--Menu items-->
<div>
<div class="d-flex flex-row align-items-stretch text-white text-center">
<div class="port-item p-4 bg-primary" data-toggle="collapse" data-target="#home">
<i class="fa fa-home fa-2x d-block"></i>
<span class="d-none d-sm-block">Home</span>
</div>
<div class="port-item p-4 bg-success" data-toggle="collapse" data-target="#resume">
<i class="fa fa-graduation-cap fa-2x d-block"></i>
<span class="d-none d-sm-block">Resume</span>
</div>
<div class="port-item p-4 bg-warning" data-toggle="collapse" data-target="#speaking">
<i class="fa fa-microphone fa-2x d-block"></i>
<span class="d-none d-sm-block">Speaking</span>
</div>
<div class="port-item p-4 bg-danger" data-toggle="collapse" data-target="#contact">
<i class="fa fa-envelope fa-2x d-block"></i>
<span class="d-none d-sm-block">Contact</span>
</div>
</div>
</div>
</div>
</div>
</div>
</header>
<!-- HOME -->
<div id="home" class="collapse show">
<div class="card card-body bg-primary text-white py-5">
<p class="lead">I'm a software engineer with extensive experience leading teams from seven software developers or more to build highly scablable web and mobile applications under a microservice and serverless architecture for startups and well-established companies.</p>
</div>
<div class="card card-body py-5">
<h3>It’s nice to meet you!</h3>
<p>When you are a software developer you never stop learning, you have to figure out your own pace for
learning all those new cool tools, libraries, frameworks, etc that are released every day. For now
this is my toolbox for kicking problems in the face.</p>
<hr>
<h4>Node.js</h4>
<div class="progress mb-3">
<div class="progress-bar bg-success" style="width: 90%"></div>
</div>
<h4>JavaScript</h4>
<div class="progress mb-3">
<div class="progress-bar bg-success" style="width: 90%"></div>
</div>
<h4>MongoDB</h4>
<div class="progress mb-3">
<div class="progress-bar bg-success" style="width: 90%"></div>
</div>
<h4>Express</h4>
<div class="progress mb-3">
<div class="progress-bar bg-success" style="width: 90%"></div>
</div>
<h4>React.js</h4>
<div class="progress mb-3">
<div class="progress-bar bg-success" style="width: 80%"></div>
</div>
<h4>Go</h4>
<div class="progress mb-3">
<div class="progress-bar bg-success" style="width: 80%"></div>
</div>
<h4>Serverless Computing</h4>
<div class="progress mb-3">
<div class="progress-bar bg-success" style="width: 90%"></div>
</div>
<h4>Git</h4>
<div class="progress mb-3">
<div class="progress-bar bg-success" style="width: 100%"></div>
</div>
<h4>Amazon Web Services</h4>
<div class="progress mb-3">
<div class="progress-bar bg-success" style="width: 75%"></div>
</div>
<h4>Android</h4>
<div class="progress mb-3">
<div class="progress-bar bg-success" style="width: 80%"></div>
</div>
<h4>iOS</h4>
<div class="progress mb-3">
<div class="progress-bar bg-success" style="width: 70%"></div>
</div>
<h4>Scrum</h4>
<div class="progress mb-3">
<div class="progress-bar bg-success" style="width: 100%"></div>
</div>
<h4>Mentoring and Coaching</h4>
<div class="progress mb-3">
<div class="progress-bar bg-success" style="width: 90%"></div>
</div>
<h4>Writing and Oral communication</h4>
<div class="progress mb-3">
<div class="progress-bar bg-success" style="width: 100%"></div>
</div>
</div>
</div>
<!-- RESUME -->
<div id="resume" class="collapse">
<div class="card card-body bg-success text-white py-5">
<h2>My Resume</h2>
<p class="lead"> I have been working in the software industry for the last eight years, during this time
I have played different roles in my career such as mobile developer, backend developer, Full stack
developer, CTO and CEO. I have experience dealing with customers, some times selling them
services and products and other times listening and providing them with support and consultancy for
their problems.
</p>
</div>
<div class="card card-body py-5">
<h3>Experience</h3>
<p class="mb-5">These are some of the companies where I have worked recently.</p>
<div class="resume-item d-flex flex-column flex-md-row justify-content-between mb-5">
<div class="resume-content">
<h3 class="mb-0">CTO & Founder</h3>
<div class="subheading mb-3">SunDevs Inc</div>
<ul>
<li>Lead and manage a team of 10-15 software developers and help them overcome the
challenges
and problems they face when building the products and platforms of our clients.</li>
<li>Monitor the progress of projects on a daily and weekly basis using tools such as jira to
ensure compliance with the sprints.</li>
<li>Mentoring and guidance 1 to 1 with each member of the development team, especially with
the lowest performers with the goal of continuously improving productivity.</li>
<li>Responsible for making decisions to hire / fire talent to improve the company's
productivity.</li>
<li>Leverage my experience and knowledge as a former developer and architect to lead teams
towards technical excellence and comply with the best practices and standards in the
industry.</li>
</ul>
</div>
<div class="resume-date text-md-right">
<span class="text-success">November 2014 - Present</span>
</div>
</div>
<div class="resume-item d-flex flex-column flex-md-row justify-content-between mb-5">
<div class="resume-content">
<h3 class="mb-0">CTO & Founder</h3>
<div class="subheading mb-3">Trinitip SAS</div>
<p class="text-justify">A platform to personalize the customer experience, automate marketing
and loyalty campaigns in bars, restaurants and hotels. The main objectives of the platform
were:</p>
<ul>
<li>Increase the recurrence of your customers in your business</li>
<li>Seamlessly capture your customers' contact information</li>
<li>Get real-time statistics of your customers' visits</li>
</ul>
<p class="text-justify">Basically I played almost every single role in this startup, from
recruiting the initial tech team with which I designed and developed the platform using
MongoDB, Express, Angular and Node.js, to deploying the platform on Amazon WebServices, all
the way to getting out of the office and finding customers to sell the platform and provide
support to our customers.
</p>
</div>
<div class="resume-date text-md-right">
<span class="text-success">March 2017 - November 2018</span>
</div>
</div>
<div class="resume-item d-flex flex-column flex-md-row justify-content-between mb-5">
<div class="resume-content">
<h3 class="mb-0">CTO</h3>
<div class="subheading mb-3">Pixcell Mapper Limited</div>
<p class="text-justify">A platform to personalize the customer experience, automate marketing
and loyalty campaigns in bars, restaurants and hotels. The main objectives of the platform
were:</p>
<ul>
<li>Developed the android & iOS Apps</li>
<li>Developed the Restful API on Ruby on Rails</li>
<li>Research and promote new technologies and best practices to implement within the company
</li>
<li>Recruiting the initial tech team for the platform</li>
<li>Run daily scrum meeting to monitor the status of the project</li>
</ul>
</div>
<div class="resume-date text-md-right">
<span class="text-success">September 2014 - February 2015</span>
</div>
</div>
<div class="resume-item d-flex flex-column flex-md-row justify-content-between mb-5">
<div class="resume-content">
<h3 class="mb-0">Senior Android Developer</h3>
<div class="subheading mb-3">Globant</div>
<ul>
<li>Developed native android applications</li>
<li>Report daily progress of the project to the PM</li>
<li>Perform code reviews to my teammates</li>
</ul>
</div>
<div class="resume-date text-md-right">
<span class="text-success">September 2013 - June 2014</span>
</div>
</div>
</div>
</div>
<!-- SPEAKING -->
<div id="speaking" class="collapse">
<div class="card card-body bg-warning text-white py-5">
<h2>I like to learn by sharing!</h2>
<p class="lead text-justify">As a Software Engineer and Entrepreneur that I am being, I like to share
what I have learned during my carreer with my teammates and the community, I have spoken to
different kind of audiences on topics such as entrepreneurship, career advicing, building startups
and software development.</p>
</div>
<h2 class="my-2">UPCOMING SPEAKING ENGAGEMENTS:</h2>
<hr>
<div class="text-center">
<a class="p-4 btn btn-dark" href="mailto:[email protected]">INQUIRE ABOUT SPEAKING ENGAGEMENTS</a>
</div>
<hr>
<h4 class="pb-4">PAST SPEAKING HIGHLIGHTS:</h3>
<ul>
<li>Seven Step Framework for building React Applications from Scratch - Colombia, Ibague, February
2019
</li>
</ul>
</div>
<!-- CONTACT -->
<div id="contact" class="collapse">
<div class="card card-body bg-danger text-white py-5">
<h2>Get In Touch</h2>
<p class="lead text-justify">I like to be in touch with people that are doing pretty cool stuff, If you
are working in something that passionate you and you believe that I could help you, don't hesitate
to contact me.</p>
</div>
<div class="card card-body py-5">
<form action="https://formspree.io/[email protected]" method="POST">
<div class="form-group">
<div class="input-group input-group-lg">
<div class="input-group-prepend">
<span class="input-group-text bg-danger text-white">
<i class="fa fa-user"></i>
</span>
</div>
<input type="text" class="form-control bg-dark text-white" name="name" placeholder="name">
</div>
</div>
<div class="form-group">
<div class="input-group input-group-lg">
<div class="input-group-prepend">
<span class="input-group-text bg-danger text-white">
<i class="fa fa-envelope"></i>
</span>
</div>
<input type="email" class="form-control bg-dark text-white" name="email"
placeholder="Email">
</div>
</div>
<div class="form-group">
<div class="input-group input-group-lg">
<div class="input-group-prepend">
<span class="input-group-text bg-danger text-white">
<i class="fa fa-pencil"></i>
</span>
</div>
<textarea type="text" class="form-control bg-dark text-white" name="message"
placeholder="Message"></textarea>
</div>
</div>
<input type="hidden" name="_subject" value="New submission from shontauro.github.io!">
<input type="submit" value="submit" class="btn btn-danger btn-block btn-lg">
<input type="hidden" name="_next" value="https://shontauro.github.io/thanks.html">
</form>
</div>
</div>
<!-- FOOTER -->
<footer id="main-footer" class="p-5 bg-dark text-white">
<div class="row">
<div class="col-md-6">
<a href="https://docs.google.com/document/d/1ZAccVYauX7JyqLQMG4Pg3fncQ3LCR08ezRdrtCGOue8/edit?usp=sharing"
class="btn btn-outline-light" download target="_blank" download>
<i class="fa fa-cloud">Download Resume</i>
</a>
</div>
<div class="col-md-6">
<h3 class="text-white text-center">@shontauro</h3>
</div>
</div>
</footer>
</div>
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"
integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo"
crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"
integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1"
crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"
integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM"
crossorigin="anonymous"></script>
<script>
$('.port-item').click(function () {
$('.collapse').collapse('hide');
});
</script>
</body>
</html>