Skip to content

Commit 4ee838e

Browse files
kerimbirgikerimbirgi
committed
Add Kerim Birgi
1 parent ab7cc4e commit 4ee838e

File tree

4 files changed

+142
-0
lines changed

4 files changed

+142
-0
lines changed

‎img/avatar/Kerim.jpg

14.6 KB
Loading

‎img/avatar/Kerim@2x.jpg

32.6 KB
Loading

‎kerim.html

Lines changed: 119 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,119 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
4+
<head>
5+
<meta charset="utf-8" />
6+
7+
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
8+
<meta name="viewport" content="width=device-width, initial-scale=1" />
9+
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
10+
<!-- Bootstrap -->
11+
<link href="css/bootstrap.min.css" rel="stylesheet" />
12+
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
13+
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
14+
<!--[if lt IE 9]>
15+
<script src="js/html5shiv.min.js"></script>
16+
<script src="js/respond.min.js"></script>
17+
<![endif]-->
18+
19+
<link href="css/styles.css" rel="stylesheet" />
20+
<title>Kerim Birgi - Scientific Software Developer Intern</title>
21+
</head>
22+
23+
<body>
24+
<div id="content-head"></div>
25+
<div class="container-fluid fond fond5 parallax">
26+
<div class="container">
27+
<div class="col-md-10 col-md-push-1 fleche-retour">
28+
<a href="the-team.html"><img class="fleche-gauche" src="img/fleche-gauche.svg" /><span>The
29+
team</span></a>
30+
</div>
31+
</div>
32+
</div>
33+
<div class="container">
34+
<div class="col-md-8 col-md-push-2">
35+
<div class="fiche">
36+
<div class="text-center">
37+
<img src="img/avatar/Kerim.jpg" srcset="img/avatar/Kerim@2x.jpg 2x" class="img-circle avatar" />
38+
<h3>
39+
<strong>Kerim Birgi</strong><br />
40+
Scientific Software Developer Intern
41+
</h3>
42+
<div class="reseau">
43+
<a target="_blank" href="https://github.com/KGB99"><img class="twi-gith" src="img/github.svg"></a>
44+
</div>
45+
<p>@KGB99</p>
46+
</div>
47+
<div class="description">
48+
<p align="justify">
49+
Kerim is a Scientific Software Development Intern at QuantStack. He recently graduated from ETH Zurich with a Bachelor's degree
50+
in Computer Science. His interests lie in Data Science, Machine Learning, Optimization, High-Performance Computing and Compilers.
51+
</p>
52+
<p align="justify">
53+
Prior to joining QuantStack he conducted research for a Start-Up in the field of Natural Language Processing,
54+
as well as ETH in the field of Machine Learning for Medical Applications.
55+
Additionally, he has worked as a Teaching Assistant for ETH.
56+
</p>
57+
<p align="justify">
58+
In his free time he enjoys producing music, snowboarding, reading, and playing chess.
59+
</p>
60+
</div>
61+
</div>
62+
</div>
63+
</div>
64+
65+
<div class="spacer big"></div>
66+
67+
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
68+
<script src="js/jquery.min.js"></script>
69+
<!-- Include all compiled plugins (below), or include individual files as needed -->
70+
<script src="js/bootstrap.min.js"></script>
71+
72+
<div id="content-foot"></div>
73+
<script src="js/include-menus.js"></script>
74+
<script>
75+
function isInViewport(node) {
76+
var rect = node.getBoundingClientRect();
77+
return (
78+
(rect.height > 0 || rect.width > 0) &&
79+
rect.bottom >= 0 &&
80+
rect.right >= 0 &&
81+
rect.top <=
82+
(window.innerHeight || document.documentElement.clientHeight) &&
83+
rect.left <=
84+
(window.innerWidth || document.documentElement.clientWidth)
85+
);
86+
}
87+
88+
$(window).scroll(function () {
89+
var scrolled = $(window).scrollTop();
90+
$(".parallax").each(function (index, element) {
91+
var initY = $(this).offset().top + 200;
92+
var height = $(this).height();
93+
var endY = initY + $(this).height();
94+
// Check if the element is in the viewport.
95+
var visible = isInViewport(this);
96+
if (visible) {
97+
var diff = scrolled - initY;
98+
var ratio = Math.round((diff / height) * 100);
99+
var move = parseInt(-(ratio * 1.5));
100+
// if (move>90)move = 90;
101+
$(this).css("background-position", "center " + move + "px");
102+
}
103+
});
104+
105+
$(".icons").each(function (index, element) {
106+
var visible = isInViewport(this);
107+
if (visible) {
108+
$(".icon-content").each(function (index, element) {
109+
$(this)
110+
.delay(index * 500)
111+
.fadeIn();
112+
});
113+
}
114+
});
115+
});
116+
</script>
117+
</body>
118+
119+
</html>

‎the-team.html

Lines changed: 23 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -640,6 +640,29 @@ <h3><a href="javascript:;">Anastasiia Sliusar</a><br />
640640
</div>
641641
</div>
642642
</div>
643+
<div class="col-md-4">
644+
<div class="portrait-bis">
645+
<div data-href="kerim.html">
646+
<div class="haut-portrait">
647+
</div>
648+
<div class="text-center">
649+
<a href="javascript:;" class="img-circle avatar">
650+
<img src="img/avatar/Kerim.jpg" srcset="img/avatar/Kerim@2x.jpg 2x" class="img-circle avatar">
651+
</a>
652+
<h3><a href="javascript:;">Kerim Birgi</a><br />
653+
Scientific Software Developer Intern
654+
</h3>
655+
<a href="javascript:;"><img class="fleche" src="img/fleche-droite.svg"></a>
656+
</div>
657+
</div>
658+
<div class="text-center">
659+
<div class="reseau">
660+
<a target="_blank" href="https://github.com/KGB99"><img class="twi-gith" src="img/github.svg"></a>
661+
</div>
662+
<p>@KGB99</p>
663+
</div>
664+
</div>
665+
</div>
643666
</div>
644667
</div>
645668

0 commit comments

Comments
 (0)