-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
197 lines (181 loc) · 13.8 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
<!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" />
<title>Franco Sbaffi — Homepage</title>
<meta name="description" content="Security Engineer, with experience in Networking, Python and Operating Systems.">
<link rel="icon" href="assets/img/icon.png" />
<link rel="stylesheet" href="assets/css/style.css" />
<script src="https://unpkg.com/@phosphor-icons/web"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.2/gsap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/2.0.2/TweenMax.min.js"></script>
<script type="module" src="https://unpkg.com/ionicons@7.1.0/dist/ionicons/ionicons.esm.js"></script>
<script nomodule src="https://unpkg.com/ionicons@7.1.0/dist/ionicons/ionicons.esm.js"></script>
</head>
<body>
<div class="bg-animation-effect"></div>
<div class="content-dock">
<div class="dock">
<div class="dock-item">
<a href="index.html" class="dock-icons">
<svg aria-hidden="true" width="18" height="18" viewBox="0 0 24 24" fill="none"><path opacity="0.25" d="M20 18.8V6.63998L13.6514 2.81501L13.6514 2.815C13.0511 2.45333 12.751 2.2725 12.4304 2.20186C12.1469 2.13938 11.8531 2.13938 11.5696 2.20186C11.249 2.2725 10.9489 2.45334 10.3486 2.81501L4 6.64001V18.8C4 19.9201 4 20.4802 4.21799 20.908C4.40973 21.2843 4.71569 21.5903 5.09202 21.782C5.51984 22 6.0799 22 7.2 22H16.8C17.9201 22 18.4802 22 18.908 21.782C19.2843 21.5903 19.5903 21.2843 19.782 20.908C20 20.4802 20 19.9201 20 18.8Z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M1.14251 9.5145C1.42665 9.98808 2.04091 10.1416 2.51449 9.85749L12 4.16619L21.4855 9.85749C21.9591 10.1416 22.5733 9.98808 22.8575 9.5145C23.1416 9.04092 22.9881 8.42666 22.5145 8.14251L13.029 2.45121C12.3956 2.07119 11.6044 2.07119 10.971 2.45121L1.4855 8.14251C1.01192 8.42666 0.858357 9.04092 1.14251 9.5145Z" fill="currentColor"></path><path d="M9 16C9 14.3431 10.3431 13 12 13C13.6569 13 15 14.3431 15 16V22H9V16Z" fill="currentColor"></path></svg>
<span class="dock-item-name">Home</span>
</a>
</div>
<div class="dock-item">
<a href="assets/pages/about/about.html" class="dock-icons">
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="w-6/12 transition fill-white dark:fill-neutral-600 dark:stroke-neutral-300 stroke-neutral-900"><path d="M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2"></path><circle cx="12" cy="7" r="4"></circle></svg>
</a>
<span class="dock-item-name">About</span>
</div>
<div class="dock-item">
<a href="assets/pages/blog/writings.html" class="dock-icons">
<svg viewBox="0 0 21 21" width="24px" height="24px" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.577 3.113c-.875 0-1.583.709-1.583 1.583V15.78a2.533 2.533 0 0 0 2.533 2.534h12.668a2.534 2.534 0 0 1-2.534-2.534V4.696c0-.875-.71-1.583-1.583-1.583h-9.5Zm6.65 5.7a.633.633 0 0 0 0 1.267h1.267a.633.633 0 1 0 0-1.267h-1.267Zm-.633-1.9a.633.633 0 0 1 .633-.634h1.267a.633.633 0 1 1 0 1.267h-1.267a.633.633 0 0 1-.633-.633Zm-4.433 4.433a.634.634 0 0 0 0 1.267h6.333a.633.633 0 1 0 0-1.267H5.161Zm-.634 3.167a.633.633 0 0 1 .634-.633h6.333a.633.633 0 0 1 0 1.267H5.161a.633.633 0 0 1-.634-.634Zm.634-8.234a.633.633 0 0 0-.634.634v2.533c0 .35.284.634.634.634h2.533a.633.633 0 0 0 .633-.634V6.913a.633.633 0 0 0-.633-.634H5.161Z" fill="currentColor"></path><path d="M15.928 6.28h1.583a.95.95 0 0 1 .95.95v8.55a1.267 1.267 0 0 1-2.533 0v-9.5Z" fill="#000"></path></svg>
<span class="dock-item-name">Writings</span>
</a>
</div>
<div class="dock-item">
<a href="mailto:sbafficloud@gmail.com" class="dock-icons">
<svg aria-hidden="true" width="18" height="18" viewBox="0 0 24 24" fill="none"><path opacity="0.25" d="M1 6C1 4.34315 2.34315 3 4 3H20C21.6569 3 23 4.34315 23 6V18C23 19.6569 21.6569 21 20 21H4C2.34315 21 1 19.6569 1 18V6Z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.23177 7.35981C5.58534 6.93553 6.2159 6.87821 6.64018 7.23177L11.3598 11.1648C11.7307 11.4738 12.2693 11.4738 12.6402 11.1648L17.3598 7.23177C17.7841 6.87821 18.4147 6.93553 18.7682 7.35981C19.1218 7.78409 19.0645 8.41465 18.6402 8.76822L13.9205 12.7012C12.808 13.6284 11.192 13.6284 10.0794 12.7012L5.35981 8.76822C4.93553 8.41465 4.87821 7.78409 5.23177 7.35981Z" fill="currentColor"></path></svg>
<span class="dock-item-name">Contact</span>
</a>
</div>
<div class="dock-item dock-icons" id="toggleThemeButton">
<a href="#" class="dock-icons">
<ion-icon name="moon-sharp"></ion-icon>
<span class="dock-item-name">Theme</span>
</a>
</div>
</div>
</div>
<main class="container content">
<article class="sec-padding section top-content">
<div class="img-content">
<img class="img-me" src="assets/img/Me.jpg" alt="photo of me">
</div>
<p class="presentation" id="cloud-engineer" data-section="profile" data-value="role">
Franco Sbaffi
</p>
<p class="sub-title" data-section="second-section" data-value="desc1">
<span class="span-text"><b>Security Engineer.</b></span> With over <span class="span-text-1">+3 years of IT experience </span>I help businesses stay safe by identifying and mitigating threats.
<br>
<br>
My goal is to harness the power of <span class="cloud-infra">IT security</span>, Proactive and meticulous, with a <span class="span-text-1">comprehensive approach</span>, to IT security to ensure <span class="span-text-1">data protection</span> and business continuity.
</p>
<p class="available"><span class="point">• </span> Available to work.</p>
<!-- ICONS START -->
<div class="content-icon">
<a href="https://www.linkedin.com/in/franco-sbaffi/" target="_blank" class="link-hover interactable">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="w-6 h-6 stroke-[1.5px] transition text-neutral-900 group-hover:text-neutral-900 dark:text-zinc-400 dark:group-hover:text-outline-300 outline-zinc-900 group-hover:outline-zinc-900 dark:outline-zinc-400 dark:group-hover:text-zinc-300"><path d="M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2 2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6z"></path><rect width="4" height="12" x="2" y="9"></rect><circle cx="4" cy="4" r="2"></circle></svg>
</a>
<a href="https://github.com/FrancoSbaffi" target="_blank" class="link-hover interactable">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="w-6 h-6 stroke-[1.5px] transition text-neutral-900 group-hover:text-neutral-900 dark:text-zinc-400 dark:group-hover:text-outline-300 outline-zinc-900 group-hover:outline-zinc-900 dark:outline-zinc-400 dark:group-hover:text-zinc-300"><path d="M15 22v-4a4.8 4.8 0 0 0-1-3.5c3 0 6-2 6-5.5.08-1.25-.27-2.48-1-3.5.28-1.15.28-2.35 0-3.5 0 0-1 0-3 1.5-2.64-.5-5.36-.5-8 0C6 2 5 2 5 2c-.3 1.15-.3 2.35 0 3.5A5.403 5.403 0 0 0 4 9c0 3.5 3 5.5 6 5.5-.39.49-.68 1.05-.85 1.65-.17.6-.22 1.23-.15 1.85v4"></path><path d="M9 18c-4.51 2-5-2-7-2"></path></svg>
</a>
</div>
<!-- ICONS END -->
<!-- Start Article -->
<div class="sec-grid p-padding section second-content">
<h3 data-section="about-me" data-value="aboutMe">About me</h3>
<h3>Projects</h3>
<p class="dot" data-section="about-me" data-value="principal-languages">Languages</p>
<p class="dot"><a class="project-link link" href="#">Vulnerability Scan</a></p>
<p class="desc" data-section="about-me" data-value="languages">Spanish <br> English <br> Chinese</p>
<p class="desc">Identified vulnerabilities in a public website using Nmap and provided recommendations to improve its security.</p>
<p class="dot">Qualifications</p>
<p class="dot"><a class="project-link link" href="#">Botnet Analysis</a></p>
<p class="desc">Bachelor's Degree <br> (Information Technology)</p>
<p class="desc">I performed an analysis of the botnet to understand how it operates, what devices it infects, and what malicious activities it performs.</p>
<p class="dot">Skills</p>
<p class="dot"><a class="project-link link" href="https://github.com/FrancoSbaffi/ReverseShell">Reverse Shell</a></p>
<p class="desc">See all my skills <a class="link"
href="https://www.linkedin.com/in/franco-sbaffi/details/skills/" target="_blank"><u>here</u></a>.</p>
<p class="desc">Client-Server Script to establish a reverse connection between both machines.</p>
<p></p>
</div>
<article class="post-content low-sec_padding section third-content" id="filtro">
<div class="post-content">
<span class="m-out">(Most Outstanding)</span>
<h2>Writings</h2>
<div class="angry-grid">
<div class="content-wr">
<div class="left-column">
<p class="date-wr">January 1, 2024</p>
</div>
<a href="assets/pages/blog/articles/redesign-wr.html" class="column-right-wr">
<div class="right-column">
<span class="title-wr">Portfolio Transformation: A Dive-In</span>
<br>
<br>
<span class="desc-wr">Let me walk you through the redesign process of my portfolio, starting from the inspiration, defining the color palett...</span>
<img src="assets/img/writing/wr-home-3.png" alt="" class="img-wr">
</div>
</a>
</div>
</div>
<div class="angry-grid">
<div class="content-wr">
<div class="left-column">
<p class="date-wr">January 20, 2024</p>
</div>
<a href="assets/pages/blog/articles/certifications.html" class="column-right-wr">
<div class="right-column">
<span class="title-wr">Choosing the Right Cloud Certifications for Your Cloud Engineering Career</span>
<br>
<br>
<span class="desc-wr">Embarking on a career in cloud engineering requires not only technical expertise but also the right certifications to validate and showcase yo...</span>
<img src="assets/img/writing/wr-home-1.jpg" alt="" class="img-wr">
</div>
</a>
</div>
</div>
<div class="angry-grid">
<div class="content-wr">
<div class="left-column">
<p class="date-wr">December 30, 2023</p>
</div>
<a href="assets/pages/blog/articles/cloud-analysis.html" class="column-right-wr">
<div class="right-column">
<span class="title-wr">In-Depth Analysis of Leading Cloud Platforms: AWS, Azure, Alibaba Cloud, and Google Cloud</span>
<br>
<br>
<span class="desc-wr">In today's fast-paced digital landscape, selecting the most suitable cloud platform plays a pivotal role for businesses aiming to modernize, innovate, and scale their operat...</span>
<img src="assets/img/writing/wr-home-2.png" alt="" class="img-wr">
</div>
</a>
</div>
</div>
<a href="assets/pages/blog/writings.html" class="link-to-wr">
<div class="all-wr-content">
<p class="all-text-wr">See all writings</p>
</div>
</a>
</div>
</article>
<div class="low-sec_padding section bottom-content">
<h2>Now</h2>
<p class="sub-title-1">Developing skills through practice, exploring on this passion and interests. Aware that
<span class="span-text-1">“everything around me is someone's life's work”.</span></p>
<p class="sub-title-1">Everything I do revolves around <span class="span-text-1">Cyber Security</span>, everything I want to do is related to
Cloud. Software, Security, Networks, <span class="span-text-1">the web is an infinite medium of opportunities that I want to discover</span>.
</p>
<p class="sub-title-1">Training has become a routine for me, not only because of the world of Technology, but also
because I like to learn about <span class="span-text-1">new places and cultures in the world</span>.</p>
</div>
<div class="low-sec_padding section bottom-content">
<h2>I ♥</h2>
<p class="sub-title-1"><span class="span-text-1">Learn languages</span>, Mountains, <span class="span-text-1">Rain</span>, Reading, <span class="span-text-1">Code</span>, Football, <span class="span-text-1">Machine Learning</span>, Play Piano,<span class="span-text-1"> Cybersecurity...</span></p>
</div>
<div class="section bottom-content">
<h2>Connect</h2>
<p class="sub-title-1">Thank you for your time, if you want to contact me you can do it at<a
class="link social" href="https://www.linkedin.com/in/franco-sbaffi/"
target="_blank"><span class="span-text-1">Linkedin</span></a> or <a class="link social" href="mailto:sbaffiengineer@gmail.com"
target="_blank"><span class="span-text-1">Gmail</span></a>.</p>
</div>
</main>
<script src="assets/js/script.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.2/gsap.min.js"></script>
</body>
</html>