-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathhome.html
106 lines (104 loc) · 6.53 KB
/
home.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
<!DOCTYPE html>
<html lang="it">
<head>
<script src="https://kit.fontawesome.com/6fd9d2b408.js" crossorigin="anonymous"></script>
<link rel="stylesheet" href="styles/text_style.css">
<link rel="stylesheet" href="styles/home/social_style.css">
<link rel="stylesheet" href="styles/home/mainpage_style.css">
<link rel="stylesheet" href="styles/home/animations_style.css">
<link rel="icon" href="assets/images/icon.png">
<meta charset="UTF-8">
<title>Leonardo Biason</title>
</head>
<body>
<div id="topBar"></div>
<div id="mainContent">
<div id="socialsSection">
<div id="avatarLines"></div>
<div id="socialsAndAvatar">
<div id="myAvatar"></div>
<div id="mySocials">
<a class="fa-brands fa-discord fa-2x" href="https://discordapp.com/users/496715592384905220" target="_blank" rel="noopener noreferrer"></a>
<div class="iconSeparator"></div>
<a class="fa-brands fa-instagram fa-2x" href="https://www.instagram.com/elbi21/" target="_blank" rel="noopener noreferrer"></a>
<div class="iconSeparator"></div>
<a class="fa-brands fa-reddit fa-2x" href="https://www.reddit.com/user/Diapa_" target="_blank" rel="noopener noreferrer"></a>
<div class="iconSeparator"></div>
<a class="fa-brands fa-twitter fa-2x" href="https://www.twitter.com/Diapa_" target="_blank" rel="noopener noreferrer"></a>
<div class="iconSeparator"></div>
<a class="fa-brands fa-linkedin fa-2x" href="https://www.linkedin.com/in/leonardobiason" target="_blank" rel="noopener noreferrer"></a>
</div>
</div>
</div>
<div id="bioSection">
<a id="top"></a>
<div id="title">
<h1><b>Leonardo Biason</b></h1>
</div>
<div id="quote">
<p id="quoteText">"<i>When you look, look far. And even when you're thinking<br>that you're looking far, look even further</i>" <br><b>Baden Powell</b></p>
</div>
<div class="lineBetweenText"></div>
<div id="bio">
<h3><b>Who am I?</b></h3>
<p><br>I'm Leonardo, I'm 20 and I'm an <b>Artificial Intelligence and Computer Science</b> student at <b>Sapienza</b> in Rome.<br><br>
I'm a passionate <b>photographer</b> and traveler, and I try to keep the memories of my trips within the art of photography.<br><br>
In the year <b>2020/2021</b> I attended to an <b>abroad year</b> in <b>Belgium</b> with <b>AFS</b>.
After returning I became an <b>AFS Volunteer</b>. Thanks to that experience, I'm now able to speak 3 languages: <b>Italian</b>, <b>English</b> and <b>Dutch</b>. I've been a <b>scout</b> (both in Italy and in Belgium) for a total of <b>10 years</b>.<br><br>
I graduated in the year <b>2021/2022</b> at <b>Istituto Salesiano Pio XI</b>, in the scientific address, where I was a <b>representative of the institute</b> itself.</p>
</div>
<div class="lineBetweenText"></div>
<div id="whatIDo">
<h3><b>What do I do?</b></h3>
<p><br>I take <b>photos</b> in all the places I visit, and I'm building up a <b>portfolio</b> of my experiences.<br><br>
I enjoy programming in <b>JavaScript</b> and <b>HTML</b>, now I'm studying <b>Python</b> regarding the field of AI.<br><br>
I am an admin in the <b>AcsAi Sapienza's course Discord server</b>, with the goal of rounding up a <b>community</b> for all the students of the course and for all
the other people that are interested in the course.</p>
</div>
<div id="myProjects">
<a href="https://discord.gg/vekTABg4Aj" target="_blank" rel="noopener noreferrer" class="button discordServerACSAI">
<div class="dsProjImg"></div>
<h3 class="buttonsH3">AcsAi Discord server</h3>
<p class="buttonsP">Server of the <b>Applied Computer Science and Artificial Intelligence</b> course @ <b>Sapienza</b></p>
</a>
<a href="portfolio/portfolio.html" target="_self" rel="noopener noreferrer" class="button portfolio">
<div class="portProjImgs">
<div class="portProjImg1"></div>
<div class="portProjImg2"></div>
</div>
<h3 class="buttonsH3">Portfolio</h3>
<p class="buttonsP">My personal <b>portfolio</b> about my travels around the <b>world</b></p>
</a>
</div>
<div class="lineBetweenText" style="margin-top: 40px"></div>
<div id="informationsSection">
<h3><b>Get in touch</b></h3>
<p><br>Do you want to stay in touch with me? You can contact me by writing an email to <b>[email protected]</b>, or by following me on the socials listed on the left side of this page.<br><br>You just have to click them!</p>
</div>
</div>
</div>
<div id="bottomPage">
<div id="contactMeSection">
<h3 class="bottomH3">Contact me</h3>
<div class="littleLine"></div>
<p class="bottomP">You can use the socials above<br>to reach me on any platform you want.<br>If you desire, you can mail me at<br><b>[email protected]</b></p>
</div>
<div class="spaceBetween"></div>
<div id="infoSection">
<h3 class="bottomH3">Info</h3>
<div class="littleLine"></div>
<p class="bottomP"><b>©Copyright Leonardo Biason</b><br>All rights reserved. 2022<br>The photoes used in this site<br>are all made by me</p>
</div>
<div class="spaceBetween"></div>
<div id="navigationSection">
<h3 class="bottomH3">Navigation</h3>
<div class="littleLine"></div>
<a class="fa-solid fa-circle-arrow-up fa-3x" href="#top"></a>
<p class="bottomP"><b>Go to the top</b></p>
</div>
</div>
</body>
</html>
<!-- console.log(fetch("https://discord.com/api/v10/user/496715592384905220").then(response => response.json())) -->
<!-- Where to reach me: You can find me on Discord on the AcsAi server as an admin or on my Instagram page dedicated for my photos. If you want to stay in touch with me
you can reach me both via mail or via any social media linked on the right -->