Difference between revisions of "Team:TECHNION-ISRAEL/example 2"

(Blanked the page)
 
(13 intermediate revisions by the same user not shown)
Line 1: Line 1:
{{:Team:TECHNION-ISRAEL/navbar}}
 
  
<html lang="en">
 
<head>
 
<!-- Title for the page & metadata  -->
 
<title>TEAM</title>
 
<meta charset="utf-8">
 
<meta name="viewport" content="width=device-width, initial-scale=1">
 
 
  <!-- Bootstrap CSS -->
 
<link rel="stylesheet" type="text/css" href="https://2017.igem.org/Team:TECHNION-ISRAEL/bootstrap.min.css/CSS?action=raw&ctype=text/css"/>
 
<link rel="stylesheet" type="text/css" href="https://2017.igem.org/Team:TECHNION-ISRAEL/bootstrap-theme.min.css/CSS?action=raw&ctype=text/css"/>
 
<!-- Bootstrap JS -->
 
<script type="text/javascript" src="https://2017.igem.org/Team:TECHNION-ISRAEL/jquery-2.1.1.min.js/Javascript?action=raw&ctype=text/javascript"></script>
 
<script type="text/javascript" src="https://2017.igem.org/Team:TECHNION-ISRAEL/bootstrap.min.js/Javascript?action=raw&ctype=text/javascript"></script>
 
<!-- ===================Basic Bootstrap's CSS and JS=================== -->
 
<!-- Our wiki CSS -->
 
<link rel="stylesheet" type="text/css" href="https://2017.igem.org/Team:TECHNION-ISRAEL/CSS?action=raw&ctype=text/css"/>
 
 
<!-- fonts -->
 
  <!-- Fonts -->
 
<script src="https://use.fontawesome.com/597ba5ca72.js"></script>
 
<link href="https://fonts.googleapis.com/css?family=Assistant" rel="stylesheet" rel="stylesheet">
 
<link href="https://fonts.googleapis.com/css?family=Quicksand:400,500" rel="stylesheet">
 
 
 
<!-- =================== tooltipster's CSS and JS=================== -->
 
 
<link rel="stylesheet" type="text/css" href="https://2017.igem.org/Team:TECHNION-ISRAEL/tooltipster.bundle.min.css/CSS?action=raw&ctype=text/css"/>
 
 
 
<script>
 
window.addEventListener("hashchange", function() { scrollBy(0, -130) })
 
</script>
 
 
<script>
 
 
//up arrow:
 
$(document).ready(function(){
 
$(window).scroll(function () {
 
if ($(this).scrollTop() > 350) {
 
$('#back-to-top').fadeIn();
 
} else {
 
$('#back-to-top').fadeOut();
 
}
 
});
 
// scroll body to 0px on click
 
$('#back-to-top').click(function () {
 
 
$('body,html').animate({
 
scrollTop: 0
 
}, 800);
 
return false;
 
});
 
 
 
 
});
 
 
</script>
 
 
 
 
 
<script>
 
$(document).ready(function() {
 
  $('.tooltip').tooltipster({
 
 
  });
 
});
 
</script>
 
 
<style>
 
 
 
.mw-content-ltr ul, .mw-content-rtl .mw-content-ltr ul {
 
list-style-type: none;
 
list-style-image: none;
 
}
 
 
img.map, map area{
 
outline: none;
 
}
 
 
.info-list > ul {
 
margin-left: 0px;
 
margin-right: 0px;
 
padding-left: 0px;
 
padding-right 20px;
 
padding-top:10px;
 
padding-bottom:10px;
 
}
 
 
 
.info-list > ul li {
 
margin-left: 0px;
 
margin-right: 30px;
 
padding-left: 0px;
 
padding-right 0px;
 
font-family: 'Assistant', Arial, sans-serif;
 
font-weight : normal;
 
font-size: 18px;
 
font-style: normal;
 
font-variant: normal;
 
font-weight: 400;
 
line-height: 28px;
 
}
 
 
.team-cover {
 
 
margin-top: 25px;
 
margin-bottom: 25px;
 
}
 
 
ul[title]::before {
 
content: attr(title);
 
/* then add some nice styling as needed, eg: */
 
display: block;
 
padding: 4px;
 
margin-top: 10px;
 
font-size: 22px;
 
font-family: 'Quicksand', sans-serif;}
 
 
.vertical-align {
 
display: flex;
 
align-items: center;
 
 
}
 
 
 
.mentor {
 
max-width: 150px;
 
display:block;
 
margin:auto;
 
}
 
 
 
 
</style>
 
</head>
 
 
<body>
 
<script>
 
 
function ()loading{
 
document.getElementById('loader').style.display="none";
 
}
 
 
 
</script>
 
 
<body onload="loading()">
 
<div style="position:absolute; left=50%;"><img src "https://static.igem.org/mediawiki/2017/3/38/T--TECHNION-ISRAEL--preloader.gif" height: "126" border:"0" id="loader">
 
</div> 
 
 
 
</style>
 
 
 
 
<br>
 
<div class = "container-fluid">
 
 
<div class="row">
 
 
<h1> Team Members </h1>
 
 
<div class="col-md-offset-1 col-md-10">
 
 
<img  class="map" src ="https://static.igem.org/mediawiki/2017/7/73/T--TECHNION-ISRAEL--teamn.jpg" width="700" height="508" style= "display: block; margin: auto;" alt="paining of the team" usemap="#team" hidefocus="true"/>
 
 
<map  name="team">
 
<!---Sally---> <area shape="poly" coords="115,57,179,68,189,123,185,243,150,271,140,264,111,242,76,272,58,311,39,326,19,292,19,236,13,175,15,129,31,100,75,88,62,84,49,84,82,91,95,71"  href="#sally" class="tooltip" title="Sally"  alt="Sally">
 
<!---Nuphar--->  <area shape="poly" coords="223,72,252,65,267,93,295,138,293,162,295,198,291,233,289,256,268,258,248,252,230,227,221,211,202,198,199,178,191,153,187,125,191,96,210,77,202,78" href="#nuphar" class="tooltip" title="Nuphar"  alt="Nuphar">
 
<!---Mai--->  <area shape="poly" coords="291,239,294,192,303,103,346,68,403,67,436,107,408,173,393,218,399,274,373,285,318,271,289,255,281,254" href="#mai" class="tooltip" title="Mai"  alt="Mai">
 
<!---Maya---> <area shape="poly" coords="408,271,398,191,423,151,465,93,510,93,540,121,533,168,527,209,527,232,508,257,445,275" href="#maya" class="tooltip" title="Maya"  alt="Maya">
 
<!---Hadar---> <area shape="poly" coords="539,231,561,110,607,77,651,82,676,116,687,170,676,205,661,213,635,229,602,230" href="#hadar "class="tooltip" title="Hadar"  alt="Hadar">
 
<!---Yehuda---> <area shape="poly" coords="172,428,161,361,153,301,163,261,204,235,237,242,258,263,262,292,260,332,236,378,221,431" href="#yehuda" class="tooltip" title="Yehuda" alt="Yehuda">
 
<!---Dana---> <area shape="poly" coords="333,454,285,467,220,451,210,429,228,397,252,339,279,269,325,272,377,305" href="#dana" class="tooltip" title="Dana" alt="Dana">
 
<!---Shir---> <area shape="poly" coords="378,303,425,285,473,293,477,352,472,403,485,443,484,477,477,479,420,487,354,471,345,402" href="#shir" class="tooltip" title="Shir"  alt="Shir">
 
<!---Noa---> <area shape="poly" coords="604,393,620,306,605,244,564,230,517,244,500,281,486,331,471,409,533,438" href="#noa" class="tooltip" title="Noa"  alt="Noa">
 
 
 
 
 
</map>
 
</div>
 
</div>
 
<br>
 
<br>
 
<div class= "row">
 
<div class =  "col-md-offset-2 col-md-8" >
 
<div class = "team-cover">
 
<div class="row vertical-align " >
 
<div class =  "col-md-3 " >
 
<img class="team" src="https://static.igem.org/mediawiki/2017/8/8d/T--TECHNION-ISRAEL--team7.jpg"
 
alt=""  style= "width: 100%; max-width: 200px; margin:auto; border-radius: 50px; ">
 
</div>
 
 
<div class = "col-md-5 " >
 
<div class = "info-list">
 
<ul id="noa" title = "Noa Eden">
 
<li> 4th year Biotechnology and food engineering </li>
 
<li> <strong>Age? </strong> 24  </li>
 
<li> <strong>Favorite hobby in iGEM? </strong>  Live in the lab and receive donations. </li>
 
<li> <strong>Favorite hobby outside of iGEM? </strong>  Smothering her dog with hugs and kisses.</li>
 
<li> <strong>One thing no-one knows about me? </strong>  I have four houses.  </li>
 
</ul>
 
</div>
 
</div>
 
</div>
 
</div>
 
 
 
 
<div class = "team-cover">
 
<div class="row vertical-align " >
 
<div class =  "col-md-offset-4 col-md-3 " >
 
<img class="team" src="https://static.igem.org/mediawiki/2017/c/c7/T--TECHNION-ISRAEL--team3.jpg"
 
alt=""  style= "width: 100%; max-width: 200px; margin:auto; border-radius: 50px; ">
 
</div>
 
 
<div class = "col-md-5 " >
 
<div class = "info-list">
 
<ul id="maya" title = "Maya Engal">
 
 
<li> 4th year Biomedical engineering  </li>
 
<li> <strong>Age? </strong> 26  </li>
 
<li> <strong>Favorite hobby in iGEM? </strong>  Making beautiful illustrations as wiki designer. </li>
 
<li> <strong>Favorite hobby outside of iGEM? </strong>  Sleeping in nature.</li>
 
<li> <strong>One thing no-one knows about me? </strong>  ? I almost chose to study psychology, but at the last moment decided to become an engineer. </li>
 
</ul>
 
</div>
 
</div>
 
</div>
 
</div>
 
 
<div class = "team-cover">
 
<div class="row vertical-align " >
 
<div class =  "col-md-3" >
 
<img class="team" src="https://static.igem.org/mediawiki/2017/d/d3/T--TECHNION-ISRAEL--team9.png"
 
alt=""  style= "width: 100%; max-width: 200px; margin:auto; border-radius: 50px; ">
 
</div>
 
 
<div class = "col-md-5 " >
 
<div class = "info-list">
 
<ul id="mai" title = "Mai Eshel">
 
<li> 2nd year Medicine  </li>
 
<li> <strong>Age? </strong> 24  </li>
 
<li> <strong>Favorite hobby in iGEM? </strong>  Anywhere with Wifi you’ll find her building webpages. </li>
 
<li> <strong>Favorite hobby outside of iGEM?</strong>  Salsa dancing </li>
 
<li> <strong>One thing no-one knows about me? </strong>  My name is Mai, but I was born in July.</li>
 
</ul>
 
</div>
 
</div>
 
</div>
 
</div>
 
 
 
 
 
<div class = "team-cover">
 
<div class="row vertical-align " >
 
<div class =  "col-md-offset-4 col-md-3 " >
 
<img class="team" src="https://static.igem.org/mediawiki/2017/8/83/T--TECHNION-ISRAEL--team5.jpg"
 
alt=""  style= "width: 100%; max-width: 200px; margin:auto; border-radius: 50px; ">
 
</div>
 
 
<div class = "col-md-5 " >
 
<div class = "info-list">
 
<ul id="hadar" title = "Hadar Guthmann">
 
<li>Bsc molecular biochemistry</li>
 
<li> <strong>Age? </strong> 21  </li>
 
<li> <strong>Favorite hobby in iGEM? </strong>  Nursing pampered cells and developing mathematical models. </li>
 
<li> <strong>Favorite hobby outside of iGEM?</strong>  Drawing and styling. </li>
 
<li> <strong>One thing no-one knows about me? </strong>  I can speak a little Arabic, Yiddish and Aramaic.</li>
 
</ul>
 
</div>
 
</div>
 
</div>
 
</div>
 
 
 
 
<div class = "team-cover">
 
<div class="row vertical-align " >
 
<div class =  "col-md-3 " >
 
<img class="team" src="https://static.igem.org/mediawiki/2017/9/98/T--TECHNION-ISRAEL--team4.jpg"
 
alt=""  style= "width: 100%; max-width: 200px; margin:auto; border-radius: 50px; ">
 
</div>
 
 
<div class = "col-md-5 " >
 
<div class = "info-list">
 
<ul id="dana" title = "Dana Kadosh">
 
<li> 4th year Biotechnology and food engineering </li>
 
<li> <strong>Age? </strong> 27  </li>
 
<li> <strong>Favorite hobby in iGEM? </strong>  Using the FACS machine in weird hours. </li>
 
<li> <strong>Favorite hobby outside of iGEM?</strong>  Sleeping as much as possible. </li>
 
<li> <strong>One thing no-one knows about me? </strong> When I can't sleep I try counting bacteria colonies. </li>
 
</ul>
 
</div>
 
</div>
 
</div>
 
</div>
 
 
 
<div class = "team-cover">
 
<div class="row vertical-align " >
 
<div class =  "col-md-offset-4 col-md-3" >
 
<img class="team" src="https://static.igem.org/mediawiki/2017/b/b6/T--TECHNION-ISRAEL--team6.jpg"
 
alt=""  style= "width: 100%; max-width: 200px; margin:auto; border-radius: 50px; ">
 
</div>
 
 
<div class = "col-md-5 " >
 
<div class = "info-list">
 
<ul id="sally" title = "Sally Kortam">
 
<li> Bsc Biochemical Engineering </li>
 
<li> <strong>Age? </strong> 23  </li>
 
<li> <strong>Favorite hobby in iGEM? </strong>  Fighting to grow hpc-7 cells. </li>
 
<li> <strong>Favorite hobby outside of iGEM?</strong>  Running all over the world and taking selfies. </li>
 
<li> <strong>One thing no-one knows about me? </strong> Addicted to online shopping. </li>
 
</ul>
 
</div>
 
</div>
 
</div>
 
</div>
 
 
 
 
 
<div class = "team-cover">
 
<div class="row vertical-align " >
 
<div class =  "col-md-3 " >
 
<img class="team" src="https://static.igem.org/mediawiki/2017/6/62/T--TECHNION-ISRAEL--team8.jpg"
 
alt=""  style= "width: 100%; max-width: 200px; margin:auto; border-radius: 50px; ">
 
</div>
 
 
<div class = "col-md-5 " >
 
<div class = "info-list">
 
<ul id="shir" title = "Shir Ovadia">
 
<li> 4th year Biotechnology and food engineering </li>
 
<li> <strong>Age? </strong> 25  </li>
 
<li> <strong>Favorite hobby in iGEM? </strong>  Passing on Bea’s pearls of wisdom in Tissue culture and Flow jo analyzes.  </li>
 
<li> <strong>Favorite hobby outside of iGEM? </strong>  Planning to go to the gym and not going. </li>
 
<li> <strong>One thing no-one knows about me? </strong>  A dog introduced me to my fiancé.  </li>
 
</ul>
 
</div>
 
</div>
 
</div>
 
</div>
 
 
 
 
 
 
 
 
 
<div class = "team-cover">
 
<div class="row vertical-align " >
 
<div class =  "col-md-offset-4 col-md-3 " >
 
<img class="team" src="https://static.igem.org/mediawiki/2017/f/fd/T--TECHNION-ISRAEL--team1.jpg"
 
alt=""  style= "width: 100%; max-width: 200px; margin:auto; border-radius: 50px; ">
 
</div>
 
 
<div class = "col-md-5 " >
 
<div class = "info-list">
 
<ul id="nuphar" title = "Nuphar Pinchas">
 
<li> 4th year Biotechnology and food engineering  </li>
 
<li> <strong>Age? </strong> 26  </li>
 
<li> <strong>Favorite hobby in iGEM? </strong>  Human practices and Organization of community events. </li>
 
<li> <strong>Favorite hobby outside of iGEM? </strong>  Photoshoots with my fiancé and TRX workouts.</li>
 
<li> <strong>One thing no-one knows about me? </strong>  I Know Morse code -    ….    .-    -    …              -.-.    ---    ---    .-..  </li>
 
</ul>
 
</div>
 
</div>
 
</div>
 
</div>
 
 
 
 
 
 
 
 
 
 
 
 
<div class = "team-cover">
 
<div class="row vertical-align " >
 
<div class =  "col-md-3 " >
 
<img class="team" src="https://static.igem.org/mediawiki/2017/9/90/T--TECHNION-ISRAEL--team2.jpg"
 
alt=""  style= "width: 100%; max-width: 200px; margin:auto; border-radius: 50px; ">
 
</div>
 
 
<div class = "col-md-5 " >
 
<div class = "info-list">
 
<ul id="yehuda" title = "Yehuda Wexler">
 
<li> 3rd year Biomedical engineering and medicine  </li>
 
<li> <strong>Age? </strong> 25  </li>
 
<li> <strong>Favorite hobby in iGEM? </strong>  Read every paper in existence and troubleshooting. </li>
 
<li> <strong>Favorite hobby outside of iGEM? </strong>  Eating fast food and long phone calls.</li>
 
<li> <strong>One thing no-one knows about me? </strong>  I am a trained locksmith. </li>
 
</ul>
 
</div>
 
</div>
 
</div>
 
</div>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
</div>
 
</div>
 
 
<br>
 
<br>
 
<br>
 
 
<div class= "row">
 
<div class = "col-md-offset-1 col-md-10">
 
<h2> Mentors:</h2>
 
<br>
 
<br>
 
 
<div class = "col-md-offset-1 col-md-2">
 
<img class="mentor" src="https://static.igem.org/mediawiki/2017/2/23/T--TECHNION-ISRAEL--Roee.jpg" >
 
 
<p style="text-align:center; line-height:16px; margin-top:10px;">
 
Prof. Roee Amit
 
</p>
 
<p style="text-align:center; ;line-height:20px;">
 
Principal investigator           
 
</p>
 
</div>
 
 
<div class = "col-md-2">
 
<img class="mentor" src="https://static.igem.org/mediawiki/2017/6/63/T--TECHNION-ISRAEL--Orna.jpg" >
 
 
  <p style="text-align:center; line-height:16px; margin-top:10px;">
 
Dr. Orna Atar                                   
 
</p>
 
<p style="text-align:center; ;line-height:20px;">
 
Secondary principal investigator                                                                                                                   
 
</p>
 
</div>
 
 
<div class = "col-md-2">
 
<img class="mentor" src="https://static.igem.org/mediawiki/2017/2/28/T--TECHNION-ISRAEL--Inbal.jpg" >
 
 
  <p style="text-align:center; line-height:16px; margin-top:10px;">
 
Inbal Vaknin                                                                                     
 
</p>
 
<p style="text-align:center; ;line-height:20px;">
 
Ph.D candidate, mentor.                                                                                                                   
 
</p>
 
</div>
 
 
 
<div class = "col-md-2">
 
<img class="mentor" src="https://static.igem.org/mediawiki/2017/f/f4/T--TECHNION-ISRAEL--Alexey.jpg" >
 
 
  <p style="text-align:center; line-height:16px; margin-top:10px;">
 
Alexey Tomsov                                                               
 
</p>
 
<p style="text-align:center; ;line-height:20px;">
 
M.Sc, mentor.                                                                                                                   
 
</p>
 
</div>
 
 
 
<div class = "col-md-2">
 
<img class="mentor" src="https://static.igem.org/mediawiki/2017/6/6f/T--TECHNION-ISRAEL--Roni.jpg" >
 
 
  <p style="text-align:center; line-height:16px; margin-top:10px;">
 
Roni Cohen                                                               
 
</p>
 
<p style="text-align:center; ;line-height:20px;">
 
M.Sc, mentor.                                                                                                                   
 
</p>
 
</div>
 
 
 
</div>
 
</div>
 
 
</div>
 
 
 
<a id="back-to-top" href="#" class="btn btn-lg back-to-top" role="button" title="Up" data-toggle="tooltip" data-placement="left"><img src="https://static.igem.org/mediawiki/2017/f/f9/T--TECHNION-ISRAEL--newUpAB.png" alt=""></a>
 
 
</body>
 
</html>
 
 
{{:Team:TECHNION-ISRAEL/sponsors}}
 

Latest revision as of 02:03, 2 November 2017