forked from RyanFitzgerald/devportfolio
-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
682 lines (672 loc) · 23.6 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
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
<!DOCTYPE html>
<html class="no-js" lang="en">
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta
name="keywords"
content="Developer, Software, Startup, GreenMod, Alfredo, React, ReactJS, Web, Portfolio"
/>
<meta name="author" content="Giorgio Bertolotti" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Giorgio Bertolotti</title>
<meta property="og:title" content="Giorgio Bertolotti" />
<meta property="twitter:title" content="Giorgio Bertolotti" />
<meta property="og:locale" content="en_US" />
<meta
name="description"
content="My name is Giorgio Bertolotti, I am a startup co-founder and freelance software developer. I like to study and keep up to date to improve my methodologies, productivity and the quality of my work."
/>
<meta
property="og:description"
content="My name is Giorgio Bertolotti, I am a startup co-founder and freelance software developer. I like to study and keep up to date to improve my methodologies, productivity and the quality of my work."
/>
<meta
property="twitter:description"
content="My name is Giorgio Bertolotti, I am a startup co-founder and freelance software developer. I like to study and keep up to date to improve my methodologies, productivity and the quality of my work."
/>
<link rel="canonical" href="https://bertolotti.dev/" />
<meta property="og:url" content="https://bertolotti.dev/" />
<meta property="og:site_name" content="Giorgio Bertolotti" />
<meta property="twitter:card" content="summary" />
<meta
property="twitter:image"
content="https://bertolotti.dev/images/GBLogo.png"
/>
<meta
prefix="og: http://ogp.me/ns#"
name="og:title"
property="og:title"
content="Giorgio Bertolotti"
/>
<meta
prefix="og: http://ogp.me/ns#"
name="og:type"
property="og:type"
content="website"
/>
<meta
prefix="og: http://ogp.me/ns#"
name="og:image"
property="og:image"
content="https://bertolotti.dev/images/GBLogo.png"
/>
<meta
prefix="og: http://ogp.me/ns#"
name="og:url"
property="og:url"
content="https://bertolotti.dev/"
/>
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
<link rel="icon" href="favicon.ico" type="image/x-icon" />
<link rel="stylesheet" href="libs/font-awesome/css/fork-awesome.min.css" />
<link href="css/bootstrap.min.css" rel="stylesheet" />
<link href="css/styles.css" rel="stylesheet" />
<link rel="stylesheet" href="css/aos.css" />
<!-- Global site tag (gtag.js) - Google Analytics -->
<script
async
src="https://www.googletagmanager.com/gtag/js?id=UA-138940263-1"
></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() {
dataLayer.push(arguments);
}
gtag("js", new Date());
gtag("config", "UA-138940263-1");
</script>
</head>
<body>
<header>
<ul id="social">
<li>
<a
title="GitHub"
aria-label="GitHub"
href="https://github.com/GiorgioBertolotti"
target="_blank"
>
<i class="fa fa-github" aria-hidden="true"></i>
</a>
</li>
<li>
<a
title="Linkedin"
aria-label="Linkedin"
href="https://www.linkedin.com/in/giorgiobertolotti/"
target="_blank"
>
<i class="fa fa-linkedin" aria-hidden="true"></i>
</a>
</li>
<li>
<a
title="Instagram"
aria-label="Instagram"
href="https://www.instagram.com/giorgiozem/"
target="_blank"
>
<i class="fa fa-instagram" aria-hidden="true"></i>
</a>
</li>
</ul>
</header>
<!-- End header -->
<div id="lead" data-scroll-index="0">
<div id="lead-content">
<h1 class="main-title">Giorgio Bertolotti</h1>
</div>
<div id="lead-overlay"></div>
<div id="lead-down">
<span data-scroll-nav="1"> Scroll down 👇 </span>
</div>
</div>
<!-- End #lead -->
<div id="about" data-scroll-index="1" data-aos="zoom-in">
<div class="container">
<div class="row about-row">
<div class="col-lg-4 col-md-5 p-0 m-0">
<div class="profile-image">
<img id="img-about-me" alt="About me" />
</div>
</div>
<div class="col-lg-8 col-md-7 about-desc-container">
<p class="about-desc">
Hey there! 👋<br /><br />
My name is <strong>Giorgio</strong>, and I'm co-founder of
<a href="https://greenmod.it/" target="_blank">GreenMod</a>.<br />
I'm very into <strong>building automation</strong> (💚) software
development and productivity in general.<br /><br />
In my spare time I like to code, play some Padel and hangout with
friends!<br />
Also, don't challenge me to <strong>table tennis</strong> or you
will be destroyed 😈<br /><br />
Thanks for your time and I hope you can find something interesting
here!
</p>
</div>
</div>
</div>
</div>
<!-- End #about-->
<div id="projects" class="background-alt" data-scroll-index="2">
<h2 class="heading inset">Projects</h2>
<div class="container">
<div class="row">
<div class="col-md-4 col-lg-4 p-3" data-aos="zoom-in">
<div class="card m-auto">
<img
src="images/mangatime.jpg"
class="card-img-top"
alt="MangaTime"
/>
<div class="card-body">
<h5 class="card-title">MangaTime</h5>
<p class="card-text text-secondary">
React Native application to keep track of the Mangas you read
</p>
</div>
<ul class="list-group list-group-flush">
<li class="list-group-item">
<a
title="MangaTime"
aria-label="MangaTime"
href="https://mangatime.net"
target="_blank"
class="card-link"
>Learn more</a
>
</li>
</ul>
</div>
</div>
<div class="col-md-4 col-lg-4 p-3" data-aos="zoom-in">
<div class="card m-auto">
<img
src="images/nursing-shifts.jpeg"
class="card-img-top"
alt="Nursing Shifts"
/>
<div class="card-body">
<h5 class="card-title">Nursing Shifts</h5>
<p class="card-text text-secondary">
Webapp to make it easier to import nurses' shifts into Google
Calendar
</p>
</div>
<ul class="list-group list-group-flush">
<li class="list-group-item">
<a
title="Nursing Shifts"
aria-label="Nursing Shifts"
href="https://www.linkedin.com/posts/giorgiobertolotti_ciao-ragazzi-vi-racconto-una-storia-di-amore-activity-7234817233368023040-m-zJ"
target="_blank"
class="card-link"
>Learn more</a
>
</li>
</ul>
</div>
</div>
<div class="col-md-4 col-lg-4 p-3" data-aos="zoom-in">
<div class="card m-auto">
<img
src="images/alfredo.jpg"
class="card-img-top"
alt="Alfredo"
/>
<div class="card-body">
<h5 class="card-title">Alfredo</h5>
<p class="card-text text-secondary">
IoT gateway for building automation, built with Rust
</p>
</div>
<ul class="list-group list-group-flush">
<li class="list-group-item">
<a
title="Alfredo"
aria-label="Alfredo"
href="https://alfredohome.com"
target="_blank"
class="card-link"
>Learn more</a
>
</li>
</ul>
</div>
</div>
</div>
<div class="row">
<div
class="col-md-4 col-lg-4 p-3"
data-aos="zoom-in"
data-aos-delay="150"
>
<div class="card m-auto">
<img
src="images/safetravel.jpg"
class="card-img-top"
alt="2021 Hackathon project app"
/>
<div class="card-body">
<h5 class="card-title">SafeTravel</h5>
<p class="card-text text-secondary">
React-Native application made in 48h for the Download
Hackathon 2021
</p>
</div>
<ul class="list-group list-group-flush">
<li class="list-group-item">
<a
title="SafeTravel"
aria-label="SafeTravel"
href="https://github.com/domenicogaeni/hackatomici"
target="_blank"
class="card-link"
>GitHub</a
>
</li>
</ul>
</div>
</div>
<div
class="col-md-4 col-lg-4 p-3"
data-aos="zoom-in"
data-aos-delay="150"
>
<div class="card m-auto">
<img
src="images/beelder.jpg"
class="card-img-top"
alt="2020 Hackathon project app"
/>
<div class="card-body">
<h5 class="card-title">Beelder</h5>
<p class="card-text text-secondary">
Flutter application made in 48h for the Download Hackathon
2020
</p>
</div>
<ul class="list-group list-group-flush">
<li class="list-group-item">
<a
title="Beelder"
aria-label="Beelder"
href="https://github.com/ssh-impatici/download-hackathon-2020"
target="_blank"
class="card-link"
>GitHub</a
>
</li>
</ul>
</div>
</div>
<div class="col-md-4 col-lg-4">
<div class="row h-100">
<div class="col-sm-12 my-auto text-center">
<h4>
<a
title="GitHub"
href="https://github.com/GiorgioBertolotti"
target="_blank"
class="inset"
>
<i
class="fa fa-plus-circle fa-2x inset"
aria-hidden="true"
></i>
</a>
</h4>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- End #projects -->
<div id="experience" class="background-alt" data-scroll-index="3">
<h2 class="heading inset">Experiences</h2>
<div id="experience-timeline">
<div data-date="Since October 2024" data-aos="zoom-in">
<a
title="Mastranet AI"
aria-label="Mastranet AI"
href="https://www.mastranet.ai/"
target="_blank"
>
<h3>Mastranet AI</h3>
</a>
<h4>Freelance Frontend Developer</h4>
<p>
I have the pleasure of supporting Luca and Emanuele (friends, before
collaborators) with the frontend development of their industrial
troubleshooting software Mira (https://www.mastranet.ai/mira/).
</p>
</div>
<div data-date="Since January 2024" data-aos="zoom-in">
<a
title="Customerly"
aria-label="Customerly"
href="https://customerly.io/"
target="_blank"
>
<h3>Customerly</h3>
</a>
<h4>Freelance Frontend Developer</h4>
<p>
Customerly will save the world from sh*t chatbots! 💩<br />
Joking aside, it is a super inspiring, cohesive and welcoming
reality where I feel I can learn so much.<br />
I am currently in charge of the backoffice frontend from which
Customerly customers can take their customer service to another
level.
</p>
</div>
<div data-date="October 2023 - August 2024" data-aos="zoom-in">
<a
title="SuperUrbanity"
aria-label="SuperUrbanity"
href="https://www.superurbanity.com/"
target="_blank"
>
<h3>SuperUrbanity</h3>
</a>
<h4>Freelance Frontend Developer</h4>
<p>
Together with the SuperUrbanity team, I worked on the development
and grounding of the MVP of the ForImpact product: a tool designed
for municipalities and companies to track and communicate actions
taken aimed at sustainability.
</p>
</div>
<div data-date="Since July 2023" data-aos="zoom-in">
<a
title="Boffi Informatica"
aria-label="Boffi Informatica"
href="https://www.boffi-informatica.com/"
target="_blank"
>
<h3>Boffi Informatica</h3>
</a>
<h4>Freelance Software Developer</h4>
<p>
I am supporting Paolo Boffi with the development and maintenance of
legacy C# software for his clients.
</p>
</div>
<div data-date="Since February 2022" data-aos="zoom-in">
<a
title="GreenMod"
aria-label="GreenMod"
href="https://greenmod.it/"
target="_blank"
>
<h3>GreenMod</h3>
</a>
<h4>Co-Founder and CTO</h4>
<p>
Co-founder and CTO of the company, I am in charge of managing
product development. Our mission is to make home automation and
automation accessible to everyone 💚
</p>
</div>
<div data-date="January 2020 - February 2022" data-aos="zoom-in">
<a
title="Fatture in Cloud"
aria-label="Fatture in Cloud"
href="https://www.fattureincloud.it/"
target="_blank"
>
<h3>Fatture in Cloud</h3>
</a>
<h4>Mobile developer</h4>
<p>
I worked with the React Native framework on the development and
growth of the Cloud Dependents mobile application.<br />The main
challenges I faced were: developing important new features,
refactoring from class components to functional components, updating
all the libraries used, and developing a Design System shared with
the Invoices in Cloud mobile application.
</p>
</div>
<div data-date="October 2017 - January 2020" data-aos="zoom-in">
<a
title="Aretés"
aria-label="Aretés"
href="https://aretes.net/"
target="_blank"
>
<h3>Aretés S.r.l.</h3>
</a>
<h4>Software developer</h4>
<p>
I worked in Aretés S.r.l. for 2 years, where my main projects were
related to the development of monitoring software in the security
field.<br />I developed embedded systems for remote monitoring of
fire and intrusion control panels.
</p>
</div>
</div>
</div>
<!-- End #experience -->
<div id="education" data-scroll-index="4">
<h2 class="heading inset">Education</h2>
<!-- <div class="education-block" data-aos="zoom-in">
<a
title="Unimib"
aria-label="Unimib"
href="https://www.unimib.it/"
target="_blank"
>
<h3>University of Milan - Bicocca</h3>
</a>
<span class="education-date">Since October 2020</span>
<h4>Master's degree in Computer Science</h4>
<p>
I decided to continue my studies with a Master's degree because I'd
like to improve my skills as a software developer.
</p>
</div> -->
<div class="education-block" data-aos="zoom-in">
<a
title="Unimib"
aria-label="Unimib"
href="https://www.unimib.it/"
target="_blank"
>
<h3>University of Milan - Bicocca</h3>
</a>
<span class="education-date">October 2017 - October 2020</span>
<h4>Bachelor's degree in Computer Science</h4>
<p>
During my studies at the University of Milan - Bicocca I am improving
my learning method and I am extending my field of interest towards
computer science. Some of the courses I have followed are: Computer
Graphics, Image Processing, Mobile Development, Databases.
</p>
<div class="education-button-container">
<a
title="ThesisBicocca"
aria-label="ThesisBicocca"
href="https://drive.google.com/file/d/1TtaMvOREkd1Hk-J0g0Zy_r-0MdkxuLv5/view?usp=sharing"
class="btn-rounded-black"
target="_blank"
rel="nofollow"
>
🇮🇹 Thesis
</a>
<a
title="PresentationBicocca"
aria-label="PresentationBicocca"
href="https://docs.google.com/presentation/d/15pt3GFLgYhle3VbrX3O0KhYlk4JSntnPbZWi661qxXk/edit?usp=sharing"
class="btn-rounded-black"
target="_blank"
rel="nofollow"
>
🇮🇹 Presentation
</a>
</div>
</div>
<div class="education-block" data-aos="zoom-in">
<a
title="ITIS Marconi"
aria-label="ITIS Marconi"
href="https://itisdalmine.edu.it/"
target="_blank"
>
<h3>ITIS G.Marconi</h3>
</a>
<span class="education-date">September 2012 - July 2017</span>
<h4>Computer expert</h4>
<p>
During my studies at ITIS G.Marconi I learned the basics of computer
science, cultivating my passion for programming. During the 5 years I
had the opportunity to take two internships: the first was in Aretés
S.r.l. and the other one was in Brain System S.r.l.
</p>
<p>Graduation vote: 85/100</p>
<div class="education-button-container">
<a
title="ThesisMarconi"
aria-label="ThesisMarconi"
href="https://drive.google.com/file/d/0B9Zn87zyRr2WNmNzVDF6T1NjSTg/view?usp=sharing&resourcekey=0-1ODpGGN3N7xRwulyxxRn-Q"
class="btn-rounded-black"
target="_blank"
rel="nofollow"
>
🇮🇹 Thesis
</a>
<a
title="PresentationMarconi"
aria-label="PresentationMarconi"
href="https://drive.google.com/file/d/0B9Zn87zyRr2WdnBnVDJQVXVfUXM/view?usp=sharing&resourcekey=0-ZBkUN6GEkSQPs0udyjkeRA"
class="btn-rounded-black"
target="_blank"
rel="nofollow"
>
🇮🇹 Presentation
</a>
</div>
</div>
</div>
<!-- End #education -->
<div id="award" data-scroll-index="5">
<h2 class="heading inset">Awards</h2>
<div class="award-block" data-aos="zoom-in">
<h3>Download Innovation Hackathon 2021</h3>
<span class="award-date">September 2021</span>
<h4>Best implementation award</h4>
<p>
During the 48h hackathon we developed a mobile application that allows
the user to consult the COVID-19 regulations and to plan trips to keep
up with the situation.
</p>
<div class="award-button-container">
<a
title="Hackathon 2021"
aria-label="Hackathon 2021"
href="https://github.com/domenicogaeni/hackatomici"
class="btn-rounded-black"
target="_blank"
rel="nofollow"
>
🇮🇹 GitHub
</a>
</div>
</div>
<div class="award-block" data-aos="zoom-in">
<h3>Download Innovation Hackathon 2020</h3>
<span class="award-date">September 2020</span>
<h4>Best implementation award</h4>
<p>
During the 48h hackathon we developed a mobile application that allows
the users to find working groups and to search members for completing
tasks.
</p>
<div class="award-button-container">
<a
title="Hackathon 2020"
aria-label="Hackathon 2020"
href="https://github.com/ssh-impatici/download-hackathon-2020"
class="btn-rounded-black"
target="_blank"
rel="nofollow"
>
🇮🇹 GitHub
</a>
</div>
</div>
</div>
<!-- End #awards -->
<footer>
<div class="container">Copyright © 2024 Giorgio Bertolotti</div>
</footer>
<!-- End footer -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script src="js/md5.min.js"></script>
<script src="js/scripts.min.js"></script>
<script src="js/scrollIt.min.js" type="text/javascript"></script>
<script src="js/aos.js"></script>
<script>
AOS.init({ once: true });
var emailHash = MD5("[email protected]");
$("#img-about-me").prop(
"src",
"https://gravatar.com/avatar/" + emailHash + "?s=400"
);
</script>
<!-- Customerly Live Chat Snippet Code -->
<script>
!(function () {
var e = window,
i = document,
t = "customerly",
n = "queue",
o = "load",
r = "settings",
u = (e[t] = e[t] || []);
if (u.t) {
return void u.i(
"[customerly] SDK already initialized. Snippet included twice."
);
}
u.t = !0;
u.loaded = !1;
u.o = ["event", "attribute", "update", "show", "hide", "open", "close"];
u[n] = [];
u.i = function (t) {
e.console && !u.debug && console.error && console.error(t);
};
u.u = function (e) {
return function () {
var t = Array.prototype.slice.call(arguments);
return t.unshift(e), u[n].push(t), u;
};
};
u[o] = function (t) {
u[r] = t || {};
if (u.loaded) {
return void u.i(
"[customerly] SDK already loaded. Use customerly.update to change settings."
);
}
u.loaded = !0;
var e = i.createElement("script");
(e.type = "text/javascript"),
(e.async = !0),
(e.src = "https://messenger.customerly.io/launcher.js");
var n = i.getElementsByTagName("script")[0];
n.parentNode.insertBefore(e, n);
};
u.o.forEach(function (t) {
u[t] = u.u(t);
});
})();
customerly.load({
app_id: "45c4a78a",
});
</script>
<!-- End of Customerly Live Chat Snippet Code -->
</body>
</html>