-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathabout-me.html
126 lines (125 loc) · 7.61 KB
/
about-me.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="assets/CSS/desktop.css" media="screen and (min-width:1024px)">
<link rel="stylesheet" href="assets/CSS/common.css">
<link rel="stylesheet" href="assets/CSS/adjunct.css">
<link rel="stylesheet" href="assets/CSS/mobile.css" media="screen and (max-width:1023px)">
<link rel="stylesheet" href="assets/CSS/fonts.css">
<link rel="icon" href="assets/images/icon.ico">
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/@emailjs/browser@4/dist/email.min.js"></script>
<script type="text/javascript" src="assets/JS/email-sender.js"></script>
<title>Document</title>
</head>
<body>
<nav class="nav">
<div class="nav-item">
<a href="#about-me" class="noselect" alt="go to about me section">
About Me
</a>
</div>
<div class="nav-item">
<a href="#contact-me" class="noselect" alt="go to contact me section">
Contact Me
</a>
</div>
<div class="logo">
<a href="index.html" alt="go to the begginning of the page">
<img src="assets/images/icon.svg" alt="An image of the site brand">
</a>
</div>
</nav>
<section class="lower" id="about-me">
<h1>About Me.</h1>
<div class="desc">
<p class="self-desc">Hello and welcome to my corner of the internet! My name is Fabio, and I'm thrilled to have you here.<br>
I am a Software Developer with a deep passion for coding.<br>
Whether it's developing innovative solutions, or delving into creative projects, I thrive on the opportunity to explore new ideas and bring them to life.
When I'm not immersed in my work, you can find me reading a book or searching to find some idea to craft with eletronics. I believe in the importance of finding balance and taking time to recharge.
This website serves as a platform for me to share my journey, insights, and creations with the world. I hope you'll join me as I continue to explore, learn, and grow.
Thank you for visiting, and I look forward to connecting with you!
</p>
<br>
<p class="self-desc">Driven by curiosity and a relentless pursuit of excellence, I constantly seek to expand my knowledge and skill set.
Even if I have not a formal education trough self education I learned many things. Hover or click on the icons below to see more.
</p>
</div>
<div class="skill-icons">
<div class="skill-icon">
<svg xmlns="http://www.w3.org/2000/svg" width="0.67em" height="1em" viewBox="0 0 256 384" alt="click or hoover to display figma skills">
<path fill="#0acf83" d="M64 384c35.328 0 64-28.672 64-64v-64H64c-35.328 0-64 28.672-64 64s28.672 64 64 64"/>
<path fill="#a259ff" d="M0 192c0-35.328 28.672-64 64-64h64v128H64c-35.328 0-64-28.672-64-64"/>
<path fill="#f24e1e" d="M0 64C0 28.672 28.672 0 64 0h64v128H64C28.672 128 0 99.328 0 64"/>
<path fill="#ff7262" d="M128 0h64c35.328 0 64 28.672 64 64s-28.672 64-64 64h-64z"/>
<path fill="#1abcfe" d="M256 192c0 35.328-28.672 64-64 64s-64-28.672-64-64s28.672-64 64-64s64 28.672 64 64"/>
</svg>
<div class="skill-exp">
<p>Adept at creating wireframes, prototypes, and high-fidelity designs for web and mobile applications.</p>
</div>
</div>
<div class="skill-icon">
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" style="color: #ffd233;" alt="click or hoover to display javascript skills">
<g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2">
<path d="m20 4l-2 14.5l-6 2l-6-2L4 4z" />
<path d="M7.5 8h3v8l-2-1m8-7H14a.5.5 0 0 0-.5.5v3a.5.5 0 0 0 .5.5h1.423a.5.5 0 0 1 .495.57L15.5 15.5l-2 .5" />
</g>
</svg>
<div class="skill-exp">
<p>Proficent in building interactive and dynamic user interfaces, as well as implementing client-side functionalities.</p>
</div>
</div>
<div class="skill-icon">
<svg xmlns="http://www.w3.org/2000/svg" width="1.01em" height="1em" viewBox="0 0 256 255" alt="click or hoover to display python skills">
<defs>
<linearGradient id="logosPython0" x1="12.959%" x2="79.639%" y1="12.039%" y2="78.201%">
<stop offset="0%" stop-color="#387eb8"/><stop offset="100%" stop-color="#366994"/>
</linearGradient>
<linearGradient id="logosPython1" x1="19.128%" x2="90.742%" y1="20.579%" y2="88.429%">
<stop offset="0%" stop-color="#ffe052"/><stop offset="100%" stop-color="#ffc331"/>
</linearGradient>
</defs>
<path fill="url(#logosPython0)" d="M126.916.072c-64.832 0-60.784 28.115-60.784 28.115l.072 29.128h61.868v8.745H41.631S.145 61.355.145 126.77c0 65.417 36.21 63.097 36.21 63.097h21.61v-30.356s-1.165-36.21 35.632-36.21h61.362s34.475.557 34.475-33.319V33.97S194.67.072 126.916.072M92.802 19.66a11.12 11.12 0 0 1 11.13 11.13a11.12 11.12 0 0 1-11.13 11.13a11.12 11.12 0 0 1-11.13-11.13a11.12 11.12 0 0 1 11.13-11.13"/>
<path fill="url(#logosPython1)" d="M128.757 254.126c64.832 0 60.784-28.115 60.784-28.115l-.072-29.127H127.6v-8.745h86.441s41.486 4.705 41.486-60.712c0-65.416-36.21-63.096-36.21-63.096h-21.61v30.355s1.165 36.21-35.632 36.21h-61.362s-34.475-.557-34.475 33.32v56.013s-5.235 33.897 62.518 33.897m34.114-19.586a11.12 11.12 0 0 1-11.13-11.13a11.12 11.12 0 0 1 11.13-11.131a11.12 11.12 0 0 1 11.13 11.13a11.12 11.12 0 0 1-11.13 11.13"/>
</svg>
<div class="skill-exp">
<p>Proficient in automating task.</p>
</div>
</div>
<div class="skill-icon">
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128" alt="click or hoover to display flutter skills">
<path fill="#3fb6d3" d="M12.3 64.2L76.3 0h39.4L32.1 83.6zm64 63.8h39.4L81.6 93.9l34.1-34.8H76.3L42.2 93.5z"/>
<path fill="#27aacd" d="m81.6 93.9l-20-20l-19.4 19.6l19.4 19.6z"/>
<path fill="#19599a" d="M115.7 128L81.6 93.9l-20 19.2L76.3 128z"/>
<linearGradient id="deviconFlutter0" x1="59.365" x2="86.825" y1="116.36" y2="99.399" gradientUnits="userSpaceOnUse">
<stop offset="0" stop-color="#1b4e94"/><stop offset=".63" stop-color="#1a5497"/>
<stop offset="1" stop-color="#195a9b"/>
</linearGradient>
<path fill="url(#deviconFlutter0)" d="m61.6 113.1l30.8-8.4l-10.8-10.8z"/>
</svg>
<div class="skill-exp">
<p>Adept in developing beautiful and responsive user interfaces with smooth animations and native performance across all platforms.</p>
</div>
</div>
</div>
</section>
<section class="contact" id="contact-me">
<h1>Contact Me.</h1>
<form id="email-sender">
<div>
<span >@</span>
<input type="text" placeholder="Email" id="email" name="from_email" alt="input for leaving your email to be contacted bye me">
</div>
<div>
<span >Name</span>
<input type="text" placeholder="Name" id="name" name="from_name" alt="input for leaving your name to be contacted bye me">
</div>
<div class="textarea">
<textarea placeholder="Share your thoughts" id="body" name="message" alt="input for leaving your thoughts to be contacted bye me"></textarea>
</div>
<button type="submit" alt="send button to send the previous information">Send</button>
</form>
</section>
</body>
</html>