-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
158 lines (142 loc) · 7.78 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
<!-- Well hello there ;) -->
<!DOCTYPE HTML>
<html>
<head>
<title>Yassin Abdelhady</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<link rel="stylesheet" href="assets/css/main.css" />
<link rel="icon" type="image/x-icon" href="pineapple.ico">
</head>
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-BDLRMCT2YZ"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-BDLRMCT2YZ');
</script>
<body class="is-preload">
<!-- Header -->
<header id="header">
<div class="inner">
<img class="image avatar" src="images/headshot.jpeg" alt="" />
<h1><strong>Yassin Abdelhady</strong></h1>
<!-- <h1>Data Analyst | Data Scientist</h1> -->
</h1>
<br /><i class='fas fa-map-marker-alt' style='font-size:14px'></i> Spain
</div>
</header>
<!-- Main -->
<div id="main">
<!-- One -->
<section id="one">
<header class="major">
<h2>Solutions Engineer
<!-- <br /> -->
@<a href = 'https://tryotter.com/' target="_blank">Otter</a></h2>
<p>
As a passionate data enthusiast, I have chosen to pursue a master's degree in Computational Social Sciences.
My aim is to expand my knowledge of human behavior and social sciences by integrating the computational methods that I have already acquired through my B.B.A.
This will enable me to effectively analyze and understand human patterns. In addition to my academic pursuits, I also possess a sociable personality and a love for travel.
</p>
</header>
</section>
<!-- Two -->
<section id="two">
<center><h2>Time Line Summary</h2></center>
<img class="image fit thumb" t src="r/timeline/timeline.png" alt="" style="width: 75%;display: block;margin-left: auto;margin-right: auto;"/>
<!-- <h3>Time Line</h3> -->
<!-- <p>Lorem ipsum dolor sit amet nisl sed nullam feugiat.</p> -->
<!-- <div style="float: left;"> -->
<ul class="actions">
<li style="float: left;"><a href="timeline/education.html" class="button">Education</a></li>
<li style="float: left;"><a href="timeline/experience.html" class="button">Experience</a></li>
<!-- <li style="float: left;"><a href="https://drive.google.com/uc?export=download&id=1dZt0J-HD755Jfjo79L6PGX-BUl7qCb-P" class="button" >Resume</a></li> -->
<li style="float: left;"><a href="https://docs.google.com/document/d/1dZt0J-HD755Jfjo79L6PGX-BUl7qCb-P/export?format=pdf" class="button" >Resume</a></li>
<br>
<li style = "color:transparent">blank</li>
</ul>
</section>
<!-- <br><br> -->
<!-- Three -->
<section id="three">
<center><strong><h1>Skills</h1></strong></center>
<!-- <i class='fab fa-python' style='font-size:86px'></i> -->
<!-- <i class='fab fa-R' style='font-size:36px'></i> -->
<ul class="actions">
<li style="float: left;" ><img src="images/thumbs/python.png" style="height: 75px;" title='Python'></img></li>
<li style="float: left;"><img src="images/thumbs/R.png" style="height: 75px;" title='R'></img></li>
<li style="float: left; margin-left: 5px;"><img src="images/thumbs/sql.png" style="height: 75px;" title='SQL'></img></li>
<li style="float: left;"><img src="images/thumbs/git.png" style="height: 75px;" title='Git'></img></li>
<!-- <li style="float: left;border-left: 2px solid black;height: 75px; margin-left: 25px;"></li> -->
<li style="float: left;"><img src="images/thumbs/Power_BI.png" style="height: 75px;" title='Power BI'></img></li>
<li style="float: left;"><img src="images/thumbs/Looker.png" style="height: 75px;" title='Looker'></img></li>
<li style="float: left;"><img src="images/thumbs/tableau.png" style="height: 75px;" title='Tableau'></img></li>
<!-- <br> -->
<li style = "color:transparent;">blank</li>
</ul>
</section>
<!-- Four -->
<section id="four">
<h2>Recent Work</h2>
<div class="row">
<article class="col-6 col-12-xsmall work-item">
<a href="projects/theguardianapi/TheGuardianApi.html" class="image fit thumb"><img src="projects/theguardianapi/rpackages.png" alt="" /></a>
<a href="https://github.com/Yassinabdelhadyy/theguardian">
<h3>The Guardian API</h3>
</a>
<p>
The aim of theguardian package is to effortlessly retrieve information from The Guardian newspaper API.
</p>
</article>
<article class="col-6 col-12-xsmall work-item">
<!-- <a href="images/fulls/01.jpg" class="image fit thumb"><img src="images/thumbs/01.jpg" alt="" /></a> -->
<a href="projects/datavisproject/100490068.html" class="image fit thumb" ><img src="projects\datavisproject\Replication.png" alt="Replication" /></a>
<a href= "https://csslab.uc3m.es/dataviz/projects/2022/100490068/ ">
<h3>Military Spending By Country</h3>
</a>
<p>In this article I have a walkthrough on how to create a graph as closely as possible that was published by the New York Times with ggplot2, but is it graph or a map paste(graph,map); it is both. It shows the country military spending in respect to the geolocation of the country.</p>
</article>
<article class="col-6 col-12-xsmall work-item">
<a href="projects/enta5abat/enta5abat.html" class="image fit thumb"><img src="projects\enta5abat\images\enta5abatlogo.png" alt="" /></a>
<a href ="http://reso.great-site.net/?i=1" target="_blank"><h3>Enta5abat</h3></a>
<p>A website for holding elections.</p>
</article>
<!-- <article class="col-6 col-12-xsmall work-item">
<a href="#" class="image fit thumb"><img src="images/thumbs/02.jpg" alt="" /></a>
<a href ="http://reso.great-site.net/?i=1" target="_blank"><h3></h3></a>
<p></p>
</article> -->
</div>
<ul class="actions">
<li><a href="projects/projects.html" class="button">Full Portfolio</a></li>
</ul>
</section>
</div>
<!-- Footer -->
<footer id="footer">
<div class="inner">
<ul class="icons">
<!-- <li><a href="#" class="icon brands fa-twitter"><span class="label">Twitter</span></a></li> -->
<li><a href="https://github.com/Yassinabdelhadyy" class="icon brands fa-github" target="_blank" ><span class="label">Github</span></a></li>
<li><a href="https://stackoverflow.com/users/20646797/yassinabdelhady" class="icon brands fa-stack-overflow" target="_blank"><span class="label">Stack overflow</span></a></li>
<li><a href="https://www.linkedin.com/in/yassin-abdelhady/" class="icon brands fa-linkedin" target="_blank"><span class="label">LinkedIn</span></a></li>
<!-- <li><a href="#" class="icon brands fa-dribbble"><span class="label">Dribbble</span></a></li> -->
<li><a href="mailto:[email protected]" class="icon solid fa-envelope" target="_blank"><span class="label">Email</span></a></li>
</ul>
<ul class="copyright">
<li>© 2023 - <script>document.write(/\d{4}/.exec(Date())[0])</script> Yassin Abdelhady</li>
<!-- <li>Design: <a href="http://html5up.net">HTML5 UP</a></li> -->
</ul>
</div>
</footer>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.poptrox.min.js"></script>
<script src="assets/js/browser.min.js"></script>
<script src="assets/js/breakpoints.min.js"></script>
<script src="assets/js/util.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>