-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
169 lines (166 loc) · 10.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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" type="text/css">
<link rel="stylesheet" href="index.css">
<title>Domenico Elicio</title>
<meta name="description" content="Domenico Elicio's portfolio website">
<meta name="keywords" content="portfolio website domenico elicio">
<link rel="icon" href="images/icon.jpg">
</head>
<body>
<div class="pb-4 bg-secondary">
<div class="container">
<div class="row">
<div class="col-md-12">
<ul class="nav nav-pills d-flex flex-row justify-content-center text-white" style="">
<li class="nav-item text-white"> <a href="#" class="nav-link active">Homepage</a> </li>
<li class="nav-item text-secondary" style=""> <a class="nav-link" href="#about" data-target="#about">About Me</a> </li>
<li class="nav-item"> <a class="nav-link" href="#projects">Projects</a> </li>
<li class="nav-item"> <a href="#contacts" class="nav-link">Contacts</a> </li>
</ul>
</div>
</div>
</div>
</div>
<div class="py-3 bg-secondary">
<div class="container">
<div class="row" style="">
<div class="col-8 col-lg-4 col-md-4 col-sm-5" style=""><img class="img-fluid d-block rounded-circle" src="images/profile_photo.png" width="700
700
500" height="700
700"></div>
<div class="col-md-8" style="">
<p class="text-white lead mt-5">Hey there! <br><br>I’m <b>Domenico Elicio</b>, a Computer Science Master's Degree and I’m interested in Machine Learning topics. Welcome to my portfolio website!</p>
</div>
</div>
</div>
</div>
<div class="pt-5 pb-3">
<div class="container">
<div class="row">
<div class="col-md-12">
<h1 class="" id="about"><b>About me</b></h1>
</div>
</div>
<div class="row">
<div class="col-md-12">
<p class="lead" style="">I am an Italian developer and I have achieved the <b>Bachelor's Degree in Computer Science and Automation Engineering</b> at the <a href="https://www.poliba.it" target="_blank">Polytechnic of Bari</a> in <i>February, 2020</i> and the <b>Computer Science Master's Degree</b> at the same university in <i>March, 2023</i>. <br><br>I like everything related to Computer Science and programming in general, but at the moment I'm particularly interested in <b>Machine Learning</b> topics and everything related to them. <br><br>I'm also a <b>Freelancer</b>, and you can find my profile <a href="https://www.freelancer.co.it/u/DomenicoElicio" target="_blank">here</a>. Hire me by clicking the button below!<br><br>On this site you can see some of my past project works, check for any update and find all my <a href="#contacts">contact </a> informations.</p>
</div>
</div>
</div>
</div>
<div class="py-4">
<div class="container">
<div class="row">
<div class="col-md-6 d-flex justify-content-center"><a class="btn btn-outline-primary" href="under_construction_page.html" style="">Download my CV</a></div>
<div class="col-md-6 d-flex justify-content-center"><a class="btn btn-outline-primary" href="https://www.freelancer.co.it/get/DomenicoElicio?f=give" style="" target="_blank">Hire me as a Freelancer!</a></div>
</div>
</div>
</div>
<div class="pt-5 pb-3">
<div class="container">
<div class="row">
<div class="col-md-12">
<h1 class="" id="projects"><b>Projects</b></h1>
</div>
</div>
</div>
</div>
<div class="pb-5">
<div class="container">
<div class="row">
<div class="col-md-12">
<p class="lead" style="">Here you can see some of my most interesting university and personal projects, presented with a short description. <br>If you want to know more about these projects, please take a look at my <a href="https://github.com/d-elicio" target="_blank">GitHub profile</a>. </p>
</div>
</div>
</div>
</div>
<div class="py-5 mb-5" style="">
<div class="container">
<div class="row">
<div class="col-md-4">
<div class="card"> <img class="card-img-top" src="images/Music Recommender System models from scratch2.png" alt="Card image cap">
<div class="card-body m-1">
<a class="btn btn-info btn-sm btn:hover">Python</a>
<a class="btn btn-info btn-sm btn:hover">Pandas</a>
<a class="btn btn-info btn-sm btn:hover">Numpy</a>
<h4 class="card-title text-center mt-2"><b><a href="https://github.com/d-elicio/Music-Recommender-System-from-scratch" target="_blank">Music Recommender System from scratch</a></b></h4>
<p class="card-text text-center">Design and implementation of different simple <b>state-of-art models</b> for a musical recommendation system <b>from scratch</b></p> <a href="https://github.com/d-elicio/Music-Recommender-System-from-scratch" class="btn btn-primary btn-block" target="_blank">View on GitHub</a>
</div>
</div>
</div>
<div class="col-md-4">
<div class="card"> <img class="card-img-top" src="images/C to D Simple transpiler project.png" alt="Card image cap">
<div class="card-body m-1">
<a class="btn btn-info btn-sm btn:hover">C</a>
<a class="btn btn-info btn-sm btn:hover">Flex</a>
<a class="btn btn-info btn-sm btn:hover">Bison</a>
<h4 class="card-title text-center mt-2"><b><a href="https://github.com/d-elicio/C-to-D-Transpiler-Project" target="_blank">C to D Transpiler</a></b></h4>
<p class="card-text text-center mb-3">Design and implementation of a transpiler to convert simple programs written using a <b>subset of C language</b> in an equivalent program in <b>D language</b></p> <a href="https://github.com/d-elicio/C-to-D-Transpiler-Project" class="btn btn-primary btn-block" target="_blank">View on GitHub</a>
</div>
</div>
</div>
<div class="col-md-4">
<div class="card"> <img class="card-img-top" src="images/Oil spills detection and segmentation in sar images.png" alt="Card image cap">
<div class="card-body">
<a class="btn btn-info btn-sm btn:hover">Matlab</a>
<h4 class="card-title text-center mt-2"><b><a href="https://github.com/d-elicio/Oil-Spill-Detection-in-SAR-images" target="_blank">Oil Spill Detection in SAR images</a></b></h4>
<p class="card-text text-center">Design and implementation of Image Processing <b>segmentation techniques</b> for <b>oil spill detection</b> in SAR images</p> <a href="https://github.com/d-elicio/Oil-Spill-Detection-in-SAR-images" class="btn btn-primary btn-block" target="_blank">View on GitHub</a>
</div>
</div>
</div>
<div class="col-md-4 mt-3">
<div class="card"> <img class="card-img-top" src="images/Breast cancer detection and classification.png" alt="Card image cap">
<div class="card-body">
<a class="btn btn-info btn-sm btn:hover">Python</a>
<a class="btn btn-info btn-sm btn:hover">Spark</a>
<a class="btn btn-info btn-sm btn:hover">Pandas</a>
<h4 class="card-title mt-2 text-center"><b class="text-center"><a href="https://github.com/d-elicio/Breast-Cancer-Detection" target="_blank">Breast cancer Detection and Classification</a></b></h4>
<p class="card-text text-center">Design and implementation of a Machine Learning <b>Spark</b> application for breast cancer <b>detection</b> and <b>classification</b></p> <a href="https://github.com/d-elicio/Breast-Cancer-Detection" class="btn btn-primary btn-block" target="_blank">View on GitHub</a>
</div>
</div>
</div>
<div class="col-md-4 mt-3"></div>
<div class="col-md-4 mt-3"></div>
</div>
</div>
</div>
<div class="text-info mt-5 pt-5 pb-4" style="background-image: linear-gradient(to bottom, rgba(0, 0, 0, .75), rgba(0, 0, 0, .75)), url(https://static.pingendo.com/cover-bubble-dark.svg); background-position: center center, center center; background-size: cover, cover; background-repeat: repeat, repeat;">
<div class="container">
<div class="row">
<div class="col-md-12 text-center align-self-center p-4">
<h1 class="text-primary" id="contacts"><b>Contacts</b></h1>
<p class="lead text-white">Here you can find all the info about my socials where you can contact me</p>
<p class="mb-5 text-primary text-left"><br></p>
<div class="row">
<div class="col-md-12 d-flex align-items-center justify-content-around"> <a href="https://www.linkedin.com/in/domenico-elicio/?locale=en_US" class="text-decoration-none" target="_blank">
<i class="d-block fa mx-2 fa-4x fa-linkedin-square text-primary"></i>
</a> <a class="text-decoration-none" target="_blank" href="https://github.com/d-elicio">
<i class="d-block fa mx-2 fa-github fa-4x text-primary"></i>
</a> <a href="https://twitter.com/dome_lic" class="text-decoration-none" target="_blank">
<i class="d-block fa mx-2 fa-twitter fa-4x text-primary"></i>
</a> <a href="mailto:[email protected]" class="text-decoration-none">
<i class="d-block fa fa-envelope-o mx-2 fa-envelope-o fa-4x text-primary"></i>
</a>
<a href="https://www.freelancer.co.it/get/DomenicoElicio?f=give" class="text-decoration-none" target="_blank">
<img src="images/freelancer_icon-orange-removebg-preview.png" width="70" class="">
</a>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-12 text-center">
<h6 class="mt-5 mb-0 pb-0">Copyright © Domenico Elicio</h6>
</div>
</div>
</div>
</div>
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.6/umd/popper.min.js" integrity="sha384-wHAiFfRlMFy6i5SRaxvfOCifBUQy1xHdJ/yoi7FRNXMRBu5WHdZYu1hA6ZOblgut" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous" style=""></script>
</body>
</html>