-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
182 lines (166 loc) · 10.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width", initial-scale>
<meta http-equiv="X-UZ-Compatible" content="ie=edge">
<link rel='icon' href="./images/faviconday.png">
<title>Caterina Motti</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.css" integrity="sha512-NmLkDIU1C/C88wi324HBc+S2kLhi08PN5GDeUVVVC/BVt/9Izdsc9SVeVfA1UZbY3sHUlDSyRXhCzHfr6hmPPw==" crossorigin="anonymous" referrerpolicy="no-referrer" />
<link rel="stylesheet" href="style.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,500;1,100;1,200;1,300&family=Rubik:ital,wght@1,300;1,400;1,500&display=swap" rel="stylesheet">
<script src="https://unpkg.com/scrollreveal@4.0.0/dist/scrollreveal.min.js"></script>
<script src="https://kit.fontawesome.com/268cff249e.js" crossorigin="anonymous"></script>
</head>
<body>
<div class="header">
<ul class="menu">
<li><a href="#home" class="tp">Intro & contacts</a></li>
<li><a href="#aboutme" class="tp">About me</a></li>
<li><a href="#resume" class="tp">Resume</a></li>
<li><a href="#interests" class="tp">Interests</a></li>
</ul>
<div class="hamburger btn">
<span class="bar"></span>
<span class="bar"></span>
<span class="bar"></span>
</div>
</div>
<div class="toggle">
<input type="checkbox" id="switch" class="toggle-input">
</div>
<!-- SECTION INTRO & CONTACTS -->
<div id="home">
<div class="intro">
<div class="intro_content">
<ul> <li id='type' class="typetext"> </li> <li class="blinker"></li> </ul>
<div class="contacts">
<div class="social-links reveal">
<a href="mailto:motti.caterina@gmail.com" target="_blank"><i class="fa fa-envelope"></i></a>
<a href="https://www.linkedin.com/in/motticaterina/" target="_blank"><i class="fa fa-linkedin"></i></a>
<a href="https://github.com/mttcrn" target="_blank"><i class="fa fa-github"></i></a>
<a href="https://twitter.com/mttcrn" target="_blank"><i class="fa fa-twitter"></i></a>
<a href="https://www.instagram.com/iamscate/" target="_blank"><i class="fa fa-instagram"></i></a>
</div>
</div>
<div class="arrow bounce"><a href="#aboutme"><i class="fa fa-angle-down normal-text tp"></i></a></div>
</div>
</div>
</div>
<!-- SECTION ABOUT ME -->
<div id="aboutme">
<div class="cover mt">
<div class="cover_title reveal">
<h2 class="big-text ts">About me.</h2>
</div>
<div class="cover_text reveal">
<p class="mt"> I'm currently in first year of my Master in Computer Science Engineering at Politecnico di Milano.
I have great interest in Cybersecurity and Artificial Intelligence. </p>
<p class="mt"> I'm passionate about solving problems of any kind, I'm very well organized, dynamic and adaptable.
I'm looking for new working opportunities. My goal for now is to grow and learn professionally. </p>
<p class="mt"> Outside of university, I'm interested in travel, explore & photography.
I also enjoy play video games, watch tv series and reading lot of books.</p>
<p class="mt"> Send me a message if you want to link up!</p>
</div>
</div>
</div>
<!-- SECTION RESUME -->
<div id="resume">
<div class="timeline_title mt">
<h2 class="big-text ts">Resume.</br></h2>
</div>
<div class="timeline reveal">
<ul>
<li>
<div class="timeline_content">
<p class="small-text"> September 2023 - currently </p>
<h3 class="normal-text tp"> Master in Computer Science Engineering at Politecnico di Milano </h3>
<p class="small-text"> The courses I enjoyed the most: </p>
<p class="small-text"> Software engineering II (+ project).
</br> Logic & Algebra II.
</br> Advanced computer architecture.
</br> Computer security. </p>
<p class="small-text"> </p>
<p class="small-text"> </p>
</div>
</li>
<li>
<div class="timeline_content">
<p class="small-text"> November 2022 </p>
<h3 class="normal-text tp"> <a href="http://athensnetwork.eu/" class="normal-text ts" target="_blank">Athens network</a> course: "Practice in deep learning" </h3>
<p class="small-text"> I spent a week at Telecom Paris university undertaking a course in deep learning. </p>
<p class="small-text"> The course aimed to teach the basics of supervised machine learning (regression and classification with multilayer sigmoid networks)
and experiment with deep convolutional networks with image classification and generation.</p>
<p class="small-text"> Each year, the programme enables only 130 students enrolled in Politecnico di Milano to participate. </p>
</div>
</li>
<li>
<div class="timeline_content">
<p class="small-text"> January - June 2022 </p>
<h3 class="normal-text tp"> Erasmus at University of Alicante </h3>
<p class="small-text"> I spent half of my second year in Spain, taking three courses regarding telecommunications: digital signal processing,
communication theory and transmission media. </p>
<p class="small-text"> I enjoyed the time spent abroad, I met many people and make a lot of friends from all over the world. </p>
<p class="small-text"> This experience has changed me in many ways, it made me became more open-minded and friendly, but most important it maked
me more motivated to want to do something impactful in my life.</p>
</div>
</li>
<li>
<div class="timeline_content">
<p class="small-text"> 2020 - 2023 </p>
<h3 class="normal-text tp"> Bachelor in Computer Science Engineering at Politecnico di Milano </h3>
<p class="small-text"> I've always had a tendency for logical subjects like math and coding.
It's what pushed me into engineering instead of pure computer science.</p>
<p class="small-text"> The courses I enjoyed the most: </p>
<p class="small-text"> Fundamentals of programming in C.
</br> Computer architecture & operative systems.
</br> Logic & Algebra.
</br> Software engineering (+ project).
</br> Logical networks (+ project).
</br> Algorithms and data structures (+ project). </p>
<p class="small-text"> All projects can be found on my <a href="https://github.com/mttcrn" target="_blank">github</a> profile. </p>
</div>
</li>
<li>
<div class="timeline_content">
<p class="small-text"> 2015 - 2020 </p>
<h3 class="normal-text tp"> Scientific high school diploma in applied sciences at Lyceum Claudio Cavalleri (100/100) </h3>
<p class="small-text"> I was awarded "best student among the 2020 graduates". </p>
<p class="small-text"> I participated in a Erasmus+ project "Able & disable: let's play together" in Bremen (Germany). </p>
<p class="small-text"> I played the role of project manager in the experience of young apprenticeship programme in collaboration with OpenCoesione, organized by the Lombardia region. </p>
</div>
</li>
<div style="clear:both;"></div>
</ul>
</div>
</div>
<!-- SECTION INTRESTS -->
<div id="interests">
<div class="cover mt">
<div class="cover_title reveal">
<h2 class="big-text ts">What I'm <br> intrested in</h2>
</div>
<div class="cover_text reveal">
<h3 class="normal-text tp mt">AI</h3>
<p> What amazes me about AI is the infite possibility that it holds: this technology is reshaping the way we live and work, promising an increasingly connected and intelligent future that can enhance and simplify virtually every aspect of our daily lives. </p>
<p> It is something that has always stimulated man's curiosity and imagination, just think of futuristic and utopian films and books, and which in recent years is becoming reality. </p>
<h3 class="normal-text tp mt">Cybersecurity</h3>
<p> In an increasingly connected world, I think that the topic of information security must be fundamental in every company that deals with managing user data and information. </p>
<p> It is a matter that concerns me personally, as a consumer, and of which I would like to learn more about the IT side. </p>
<h3 class="normal-text tp mt">Front-end development and web design</h3>
<p> I have a strong proficiency in HTML, CSS, and Javascript, allowing me to create visually appealing and interactive web designs with responsive user interfaces. </p>
<p> I'm passionate about web design because it lets me express my creativity, turning imaginative ideas into visually appealing online experiences. </p>
</div>
</div>
</div>
<footer class="mt tp reveal">Created and designed with <i class="far fa-heart tp"></i> by Caterina Motti </footer>
</body>
<!-- SCRIPT JS -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/flickity/2.2.2/flickity.pkgd.min.js" integrity="sha512-cA8gcgtYJ+JYqUe+j2JXl6J3jbamcMQfPe0JOmQGDescd+zqXwwgneDzniOd3k8PcO7Ettp6jA7L4Bhx03SXoA=="
crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script src="scripts.js"></script>
<script src="background.js"></script>
</html>