Skip to content

Commit 15d18b3

Browse files
JohanMabilleJohanMabille
authored
Merge pull request #114 from Meriem-BenIsmail/meriem-info
 meriem info added
2 parents d256e07 + d0d63be commit 15d18b3

File tree

4 files changed

+144
-1
lines changed

4 files changed

+144
-1
lines changed

‎img/avatar/Meriem.jpg‎

72.4 KB
Loading

‎img/avatar/Meriem@2x.jpg‎

60.2 KB
Loading

‎meriem.html‎

Lines changed: 121 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,121 @@
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>Meriem Ben Ismail - Software Engineering 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/Meriem.jpg" srcset="img/avatar/Meriem@2x.jpg 2x" class="img-circle avatar" />
38+
<h3>
39+
<strong>Meriem Ben Ismail</strong><br />
40+
Software Engineering Intern
41+
</h3>
42+
<div class="reseau">
43+
<a target="_blank" href="https://github.com/Meriem-BenIsmail"><img class="twi-gith"
44+
src="img/github.svg"></a>
45+
</div>
46+
<p>@Meriem-BenIsmail</p>
47+
</div>
48+
<div class="description">
49+
<p>
50+
<p>Meriem Ben Ismail is a Software Engineering Intern at QuantStack.
51+
She is currently a final-year undergraduate student pursing a software engineering degree at the
52+
national
53+
institute of applied sciences and technology in Tunisia. Her deep interests lie in Software
54+
Development, DevOps, and Machine Learning</p>
55+
<p>Before joining Quantstack, Meriem gained extensive experience in Web Development, employing a
56+
range of frameworks and practices including DevOps.
57+
Additionally, she contributed to projects in Machine Learning and Computer Vision.</p>
58+
59+
<!-- <p> is working on scaling and performance improvements for <a target="_blank" href="https://github.com/mamba-org/quetz">Quetz</a> and making the <a target="_blank" href="https://jupyter.org">Jupyter ecosystem</a> more accessible for everyone.</p> -->
60+
61+
</p>
62+
</div>
63+
</div>
64+
</div>
65+
</div>
66+
67+
<div class="spacer big"></div>
68+
69+
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
70+
<script src="js/jquery.min.js"></script>
71+
<!-- Include all compiled plugins (below), or include individual files as needed -->
72+
<script src="js/bootstrap.min.js"></script>
73+
74+
<div id="content-foot"></div>
75+
<script src="js/include-menus.js"></script>
76+
<script>
77+
function isInViewport(node) {
78+
var rect = node.getBoundingClientRect();
79+
return (
80+
(rect.height > 0 || rect.width > 0) &&
81+
rect.bottom >= 0 &&
82+
rect.right >= 0 &&
83+
rect.top <=
84+
(window.innerHeight || document.documentElement.clientHeight) &&
85+
rect.left <=
86+
(window.innerWidth || document.documentElement.clientWidth)
87+
);
88+
}
89+
90+
$(window).scroll(function () {
91+
var scrolled = $(window).scrollTop();
92+
$(".parallax").each(function (index, element) {
93+
var initY = $(this).offset().top + 200;
94+
var height = $(this).height();
95+
var endY = initY + $(this).height();
96+
// Check if the element is in the viewport.
97+
var visible = isInViewport(this);
98+
if (visible) {
99+
var diff = scrolled - initY;
100+
var ratio = Math.round((diff / height) * 100);
101+
var move = parseInt(-(ratio * 1.5));
102+
// if (move>90)move = 90;
103+
$(this).css("background-position", "center " + move + "px");
104+
}
105+
});
106+
107+
$(".icons").each(function (index, element) {
108+
var visible = isInViewport(this);
109+
if (visible) {
110+
$(".icon-content").each(function (index, element) {
111+
$(this)
112+
.delay(index * 500)
113+
.fadeIn();
114+
});
115+
}
116+
});
117+
});
118+
</script>
119+
</body>
120+
121+
</html>

‎the-team.html‎

Lines changed: 23 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -619,10 +619,32 @@ <h3><a href="javascript:;">Nour Cheour </a><br/>
619619
</div>
620620
</div>
621621
</div>
622+
<div class="col-md-4">
623+
<div class="portrait-bis">
624+
<div data-href="meriem.html">
625+
<div class="haut-portrait">
626+
</div>
627+
<div class="text-center">
628+
<a href="javascript:;" class="img-circle avatar">
629+
<img src="img/avatar/Meriem.jpg" srcset="img/avatar/Meriem@2x.jpg 2x" class="img-circle avatar">
630+
</a>
631+
<h3><a href="javascript:;">Meriem Ben Ismail</a><br/>
632+
Software Engineering Intern
633+
</h3>
634+
<a href="javascript:;"><img class="fleche" src="img/fleche-droite.svg"></a>
635+
</div>
636+
</div>
637+
<div class="text-center">
638+
<div class="reseau">
639+
<a target="_blank" href="https://github.com/Meriem-BenIsmail"><img class="twi-gith" src="img/github.svg"></a>
640+
</div>
641+
<p>@Meriem-BenIsmail</p>
642+
</div>
643+
</div>
644+
</div>
622645
</div>
623646
</div>
624647

625-
626648
<div class="container">
627649
<h2 class="col-md-10 col-md-push-1">QuantStack Collaborators</h2>
628650
<h4 class="col-md-10 col-md-push-1">We partner with independent open-source developers and experts of the community on a regular basis.</h4>

0 commit comments

Comments
 (0)