-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
220 lines (186 loc) · 12.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
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="styles.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=Roboto:wght@100;300;400;900&family=Tangerine&display=swap" rel="stylesheet">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="apple-touch-icon" sizes="180x180" href="img/favicons/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="img/favicons/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="img/favicon-16x16.png">
<link rel="manifest" href="/site.webmanifest">
<title>Federico M. | Data Scientist</title>
</head>
<body>
<nav class="navbar">
<div class="menu">
<div class="menu__link"><a class="a_menu" href="#home">Home</a></div>
<div class="menu__link"><a class="a_menu" href="#about-me">About me</a></div>
<div class="menu__link"><a class="a_menu" href="#my-portfolio">Portfolio</a></div>
<div class="menu__link"><a class="a_menu" href="#education">Education</a></div>
<div class="menu__link"><a class="a_menu" href="#contact">Contact</a></div>
</div>
</nav>
<!-- Hero Section -->
<section class="section-hero" id="home">
<div id="particles-js-hero" class="particles-js-hero"></div>
<div class="hero-card">
<h1 class="h1-fm">Federico Martin</h1>
<h3 class="h3-dt">Data Scientist</h3>
<div class="logo-icons">
<a href="https://github.com/anonima-civitano" target="_blank"><img class="logo-git" src="img/icons/github-icon.svg" alt="github logo"></a>
<a href="https://www.linkedin.com/in/federico-martin-chemig-ds/" target="_blank"><img class="logo-lin" src="img/icons/linkedin-icon.svg" alt="icon linkedin"></a>
<a href="#contact"><img class="logo-email" src="img/icons/email-icon.svg"></a>
</div>
<div class="button-hs"><a class="a_" href="#contact">Contact me</a></div>
</div>
</section>
<section class="about-me" id="about-me">
<div class="about-me-card" >
<div class="h-about-me">Hello! I’m<br>Federico Martin</div>
<div class="profile-des">
<p class="p-about-me">I’m a enthusiastic Data Scientist with engineering background (Chemical Engineering) driven and focused on finding those experiences that build character and enrich ones career. Currently working as a Data Scientist in finance field, executing artificial intelligence solutions to increase efficiency, accuracy and utility of data (recommendation systems, churn models, etc.). </p>
</div>
</div>
</section>
<!-- Particles Script -->
<script src="https://cdn.jsdelivr.net/gh/rafasan135/f-datas/js/particles.min.hero.js"></script>
<script src="https://cdn.jsdelivr.net/gh/rafasan135/f-datas/js/app.js"></script>
<!-- End Particles Script -->
<!-- Portfolio Section -->
<section class="my-portfolio" id="my-portfolio">
<div class="my-portfolio-tittle">
<div class="h-my-portfolio">My Portfolio</div>
<p class="p-my-portfolio">My complete projects of Data Science</p>
</div>
<div class="portfolio-cards-container">
<div class="cards1to3">
<div class="card-project">
<img class="img-project" src="img/icons/icon_churn.png"/>
<h3 class="h-projects">Churn Model</h3>
<p class="p-projects">Experience developing Churn Models to predict customer retention in financial business structure. Considering diverse features and using ensemble models.</p>
<div class="btn_github">
<a class="a_btn" href="https://github.com/anonima-civitano" target="_blank">
<div class="visit-project">Visit Project <img class="img-github-proj" src="img/icons/github-icon.svg"/>
</div>
</a>
</div>
</div>
<div class="card-project">
<img class="img-project" src="img/icons/icon_recommendation_project.png"/>
<h3 class="h-projects">Recommender System</h3>
<p class="p-projects">A recommender system for customers, based in their behavior with implicit data. Modern algoritms such SCD++ from scikit-surprise library.</p>
<div class="btn_github">
<a class="a_btn" href="https://github.com/anonima-civitano" target="_blank">
<div class="visit-project"><div class="visit-p">Visit Project</div> <img class="img-github-proj" src="img/icons/github-icon.svg"/></div>
</div>
</a>
</div>
<div class="card-project">
<img class="img-project" src="img/icons/icon_clustering_recommendation.png"/>
<h3 class="h-projects">Clustering for customer segmentation</h3>
<p class="p-projects">Customer segmentation using K-means from Scikit-learn library, comparing general population data and customer population data.</p>
<div class="btn_github">
<a class="a_btn" href="https://github.com/anonima-civitano" target="_blank">
<div class="visit-project"><div class="visit-p">Visit Project</div> <img class="img-github-proj" src="img/icons/github-icon.svg"/></div>
</a>
</div>
</div>
</div>
<div class="cards4to5">
<div class="card-project">
<img class="img-project" src="img/icons/icon_reporting.png"/>
<h3 class="h-projects">Reporting / DashBoards</h3>
<p class="p-projects">Reporting and dashboard making using PowerBI, for a wide range of data type: such data from customers, human resources and revenues.</p>
<div class="btn_github">
<a class="a_btn" href="#portfolio">
<div class="visit-project-nologo"><div class="visit-p">Visit Project</div>
</div>
</a>
</div>
</div>
<div class="card-project">
<img class="img-project" src="img/icons/icon_neural.png"/>
<h3 class="h-projects">Image Recognition</h3>
<p class="p-projects">Neural network prototype for recognition of flower images, using TensorFlow.</p>
<div class="btn_github">
<a class="a_btn" href="https://github.com/anonima-civitano" target="_blank">
<div class="visit-project"><div class="visit-p">Visit Project</div> <img class="img-github-proj" src="img/icons/github-icon.svg"/>
</div>
</a>
</div>
</div>
</div>
</div>
</section>
<!-- Education Section -->
<section class="education-section" id="education">
<div class="h-section">My Education</div>
<div class="container-education">
<div class="card-container card_container_1 animation">
<img class="edu-img" src='img/icons/udacity-icon.jpeg'/>
<div class="education-card">
<h3 class="h3-edu">Master’s Degree in Machine Learning</h3>
<h4>Udacity - 2022</h4>
<p class="edu-par">Grade: Machine Learning with TensorFlow
Project-based course about machine learning techniques used in data science: Supervised Learning, Deep Learning and Unsupervised Learning (Clustering).</p>
</div>
</div>
<div class="card-container card_container_2 animation">
<img class="edu-img" src='img/icons/digital-house-icon.jpeg'/>
<div class="education-card">
<h3 class="h3-edu">Master’s Degree in Data Procesing</h3>
<h4>Digital House - 2020 - 2021</h4>
<p class="edu-par">Machine learning. Time series analysis. Jupyter Lab. Python programming. Libraries: Pandas, Matplotlib, Seaborn, ScikitLearn, Numpy, StatModels.</p>
</div>
</div>
<div class="card-container card_container_3 animation">
<img class="edu-img" src='img/icons/utn-icon.png'/>
<div class="education-card">
<h3 class="h3-edu">Master’s Degree in Data Mining & Data Procecing</h3>
<h4>UTN - 2017</h4>
<p class="edu-par">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do ei adipiscing elit, sed do ei adipiscing elit, sed do ei adipiscing elit, sed do ei,</p>
</div>
</div>
<div class="card-container card-education-end card_container_4 animation">
<img class="edu-img" src='img/icons/utn-icon.png'/>
<div class="education-card">
<h3 class="h3-edu">Engineering Degree </h3>
<h4>UTN Buenos Aires - 2008 - 2015</h4>
<p class="edu-par">Grade: Chemical Engineering
This degree aims of addressing the integral development of process plants industrial projects, applying their academic and professional background and expertise to the performance of feasibility studies, environmental impact assessment, design, estimation, construction, installation, operation as well as devising and tracking of production and commercialization plans. </p>
</div>
</div>
</div>
</section>
<!-- Contact Section -->
<section class="contact" id="contact">
<div id="particles-js" class="particles-js"></div>
<div class="contact__container-tittle">
<div class="contact_tittle">
<div class="h-contact">Get in touch</div>
<div class="sub-h-contact"><a class="a_contact" target="_blank" href="https://github.com/anonima-civitano">GitHub </a> | <a class="a_contact" target="_blank" href="https://www.linkedin.com/in/federico-martin-chemig-ds/">LinkedIn</a>| <a class="a_contact" target="_blank" href="mailto:contact@datascienceflow.tech">Email</a></div>
</div>
<div class="contact-container">
<form class="contact-form">
<p>Your e-mail</p>
<input type="email" class="email-field" placeholder="Write your email here..">
<p>Your message</p>
<textarea type="text" class="textarea-field" placeholder="Write your message here.."></textarea>
<div><input type="button" class="submit-btn" value="Submit"></div>
</form>
</div>
</div>
<footer class="footer">Copyright © 2023 Federico Martin</footer>
</section>
<!-- Particles Script -->
<script src="https://cdn.jsdelivr.net/gh/rafasan135/f-datas/js/particles.min.contact.js"></script>
<script src="https://cdn.jsdelivr.net/gh/rafasan135/f-datas/js/app.js"></script>
<!-- Scroll Sctip -->
<script src="https://cdn.jsdelivr.net/gh/rafasan135/f-datas/js/showScroll.js"></script>
</body>
</html>