Skip to content

Commit

Permalink
first version
Browse files Browse the repository at this point in the history
  • Loading branch information
@d-elicio
d-elicio authored Apr 3, 2023
0 parents commit e475152
Show file tree
Hide file tree
Showing 13 changed files with 14,557 additions and 0 deletions.
Binary file added images/Breast cancer detection and classification.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/C to D Simple transpiler project.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/Music Recommender System models from scratch2.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/Oil spills detection and segmentation in sar images.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/freelancer_icon-orange-removebg-preview.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/icon.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/profile_photo.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
7,128 changes: 7,128 additions & 0 deletions index.css

Large diffs are not rendered by default.

169 changes: 169 additions & 0 deletions index.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,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!&nbsp;<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>.&nbsp;<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.&nbsp;<br><br>I'm also a <b>Freelancer</b>, and you can find my profile&nbsp;<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.&nbsp;<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>. &nbsp;</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>&nbsp;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&nbsp;© 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>
64 changes: 64 additions & 0 deletions index.scss
Original file line number Diff line number Diff line change
@@ -0,0 +1,64 @@
// Options
//
// Quickly modify global styling by enabling or disabling optional features.

$enable-rounded: true !default;
$enable-shadows: true;
$enable-transitions: true;
$enable-hover-media-query: false;
$enable-grid-classes: true;
$enable-print-styles: true;

// Variables
//
// Colors

$theme-colors: (
primary: #F13810,
secondary: #312F2E,
light: #f3f3f3,
dark: #151515,
info: #ccc,
success: #28a745,
warning: #ffc107,
danger: #dc3545
);

$body-bg: white;
$body-color: #333;


$body-color-inverse: invert($body-color) !default;
$link-color: #12bbad;

// Fonts
$font-family-base: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
$headings-font-family: $font-family-base;
$display-font-family: $font-family-base;

$headings-font-weight: 200;
$lead-font-size: 1.30rem;

$spacer: 1.5rem;




@import 'bootstrap-4.3.1';


.mx-auto {
}

.d-flex {
}

.justify-content-center {
}

.align-items-center {
}

.hover {
text-shadow: 0px 0px 4px black;
}
Loading

0 comments on commit e475152

Please sign in to comment.