Skip to content

Commit

Permalink
Merge pull request #114 from Meriem-BenIsmail/meriem-info
Browse files Browse the repository at this point in the history 
 meriem info added
  • Loading branch information
@JohanMabille
JohanMabille authored Mar 1, 2024
2 parents d256e07 + d0d63be commit 15d18b3
Show file tree
Hide file tree
Showing 4 changed files with 144 additions and 1 deletion.
Binary file added img/avatar/Meriem.jpg
View file
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 img/avatar/[email protected]
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
121 changes: 121 additions & 0 deletions meriem.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,121 @@
<!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" />
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
<!-- Bootstrap -->
<link href="css/bootstrap.min.css" rel="stylesheet" />
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="js/html5shiv.min.js"></script>
<script src="js/respond.min.js"></script>
<![endif]-->

<link href="css/styles.css" rel="stylesheet" />
<title>Meriem Ben Ismail - Software Engineering Intern</title>
</head>

<body>
<div id="content-head"></div>
<div class="container-fluid fond fond5 parallax">
<div class="container">
<div class="col-md-10 col-md-push-1 fleche-retour">
<a href="the-team.html"><img class="fleche-gauche" src="img/fleche-gauche.svg" /><span>The
team</span></a>
</div>
</div>
</div>
<div class="container">
<div class="col-md-8 col-md-push-2">
<div class="fiche">
<div class="text-center">
<img src="img/avatar/Meriem.jpg" srcset="img/avatar/[email protected] 2x" class="img-circle avatar" />
<h3>
<strong>Meriem Ben Ismail</strong><br />
Software Engineering Intern
</h3>
<div class="reseau">
<a target="_blank" href="https://github.com/Meriem-BenIsmail"><img class="twi-gith"
src="img/github.svg"></a>
</div>
<p>@Meriem-BenIsmail</p>
</div>
<div class="description">
<p>
<p>Meriem Ben Ismail is a Software Engineering Intern at QuantStack.
She is currently a final-year undergraduate student pursing a software engineering degree at the
national
institute of applied sciences and technology in Tunisia. Her deep interests lie in Software
Development, DevOps, and Machine Learning</p>
<p>Before joining Quantstack, Meriem gained extensive experience in Web Development, employing a
range of frameworks and practices including DevOps.
Additionally, she contributed to projects in Machine Learning and Computer Vision.</p>

<!-- <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> -->

</p>
</div>
</div>
</div>
</div>

<div class="spacer big"></div>

<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="js/jquery.min.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="js/bootstrap.min.js"></script>

<div id="content-foot"></div>
<script src="js/include-menus.js"></script>
<script>
function isInViewport(node) {
var rect = node.getBoundingClientRect();
return (
(rect.height > 0 || rect.width > 0) &&
rect.bottom >= 0 &&
rect.right >= 0 &&
rect.top <=
(window.innerHeight || document.documentElement.clientHeight) &&
rect.left <=
(window.innerWidth || document.documentElement.clientWidth)
);
}

$(window).scroll(function () {
var scrolled = $(window).scrollTop();
$(".parallax").each(function (index, element) {
var initY = $(this).offset().top + 200;
var height = $(this).height();
var endY = initY + $(this).height();
// Check if the element is in the viewport.
var visible = isInViewport(this);
if (visible) {
var diff = scrolled - initY;
var ratio = Math.round((diff / height) * 100);
var move = parseInt(-(ratio * 1.5));
// if (move>90)move = 90;
$(this).css("background-position", "center " + move + "px");
}
});

$(".icons").each(function (index, element) {
var visible = isInViewport(this);
if (visible) {
$(".icon-content").each(function (index, element) {
$(this)
.delay(index * 500)
.fadeIn();
});
}
});
});
</script>
</body>

</html>
24 changes: 23 additions & 1 deletion the-team.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -619,10 +619,32 @@ <h3><a href="javascript:;">Nour Cheour </a><br/>
</div>
</div>
</div>
<div class="col-md-4">
<div class="portrait-bis">
<div data-href="meriem.html">
<div class="haut-portrait">
</div>
<div class="text-center">
<a href="javascript:;" class="img-circle avatar">
<img src="img/avatar/Meriem.jpg" srcset="img/avatar/[email protected] 2x" class="img-circle avatar">
</a>
<h3><a href="javascript:;">Meriem Ben Ismail</a><br/>
Software Engineering Intern
</h3>
<a href="javascript:;"><img class="fleche" src="img/fleche-droite.svg"></a>
</div>
</div>
<div class="text-center">
<div class="reseau">
<a target="_blank" href="https://github.com/Meriem-BenIsmail"><img class="twi-gith" src="img/github.svg"></a>
</div>
<p>@Meriem-BenIsmail</p>
</div>
</div>
</div>
</div>
</div>


<div class="container">
<h2 class="col-md-10 col-md-push-1">QuantStack Collaborators</h2>
<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>
Expand Down

0 comments on commit 15d18b3

Please sign in to comment.