(124 intermediate revisions by the same user not shown) | |||
Line 7: | Line 7: | ||
<body> | <body> | ||
− | <header | + | <header style="background-image:url('https://static.igem.org/mediawiki/2018/1/13/T--BGU_Israel--orange_subhead.png')!important;" class="sub-page-header text-center"> |
<div class="container my-auto"> | <div class="container my-auto"> | ||
<h1 class="animated fadeInUp">Meet our Team</h1> | <h1 class="animated fadeInUp">Meet our Team</h1> | ||
</div> | </div> | ||
</header> | </header> | ||
− | + | ||
− | + | ||
− | + | ||
<style> | <style> | ||
Line 23: | Line 21: | ||
margin:0 15px; | margin:0 15px; | ||
padding-bottom:0; | padding-bottom:0; | ||
+ | background-color:#ededed; | ||
} | } | ||
#team-photos .thumbnail img { | #team-photos .thumbnail img { | ||
Line 31: | Line 30: | ||
#team-photos .thumbnail .caption { | #team-photos .thumbnail .caption { | ||
background-color:#333; | background-color:#333; | ||
+ | position:relative; | ||
color:#fff !important; | color:#fff !important; | ||
margin-top:0 !important; | margin-top:0 !important; | ||
padding:0; | padding:0; | ||
− | height: | + | height:70px; |
+ | overflow:hidden; | ||
+ | -webkit-transition: height 0.5s ease-out, background-color 0.5s; | ||
+ | transition: height 0.5s ease-out, background-color 0.5s; | ||
} | } | ||
+ | #team-photos .thumbnail .caption:after { | ||
+ | background-color:#ededed; | ||
+ | } | ||
#team-photos .thumbnail .caption h3 { | #team-photos .thumbnail .caption h3 { | ||
Line 49: | Line 55: | ||
font-family:'Segoe UI Light'; | font-family:'Segoe UI Light'; | ||
font-size:16px; | font-size:16px; | ||
− | + | font-weight: bold; | |
margin-top:0 !important; | margin-top:0 !important; | ||
padding:5px 0 5px 0; | padding:5px 0 5px 0; | ||
Line 56: | Line 62: | ||
#team-photos .thumbnail .caption p { | #team-photos .thumbnail .caption p { | ||
font-family:'Segoe UI'; | font-family:'Segoe UI'; | ||
− | font-size: | + | font-size:14px; |
+ | font-weight:400 !important; | ||
margin-top:0 !important; | margin-top:0 !important; | ||
color:#fff !important; | color:#fff !important; | ||
Line 62: | Line 69: | ||
} | } | ||
− | + | #team-photos .thumbnail .caption:hover { | |
− | + | ||
background-color:#0186ac !important; | background-color:#0186ac !important; | ||
+ | height:200px !important; | ||
+ | -webkit-transition: height 0.5s ease-in, background-color 0.5s; | ||
+ | transition: height 0.5s ease-in, background-color 0.5s; | ||
+ | } | ||
+ | @media screen and (max-width: 600px){ | ||
+ | #team-photos .thumbnail { | ||
+ | margin-top:20px; | ||
+ | } | ||
+ | } | ||
+ | .arrow-right { | ||
+ | -ms-transform: rotate(90deg); /* IE 9 */ | ||
+ | -webkit-transform: rotate(90deg); /* Safari 3-8 */ | ||
+ | transform: rotate(90deg); | ||
+ | margin-top: 70% | ||
+ | |||
+ | } | ||
+ | .arrow-right img, .arrow-left img { | ||
+ | width:30px; | ||
+ | } | ||
+ | .arrow-left{ | ||
+ | -ms-transform: rotate(270deg); /* IE 9 */ | ||
+ | -webkit-transform: rotate(270deg); /* Safari 3-8 */ | ||
+ | transform: rotate(270deg); | ||
+ | margin-top: 70% | ||
+ | } | ||
+ | |||
+ | .arrowdown { | ||
+ | margin-left:42%; | ||
+ | width: 0; | ||
+ | height: 0; | ||
+ | border-left: 15px solid transparent; | ||
+ | border-right: 15px solid transparent; | ||
+ | background-color:#ededed; | ||
+ | border-top: 20px solid #333; | ||
+ | |||
+ | } | ||
+ | |||
+ | |||
+ | #thumb:hover #arrow-daniel { | ||
+ | background-color:#ededed !important; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | #sup-photos .thumbnail { | ||
+ | margin:0 15px; | ||
+ | padding-bottom:0; | ||
+ | background-color:#ededed; | ||
+ | } | ||
+ | #tsup-photos .thumbnail img { | ||
+ | margin:0; | ||
+ | padding:0; | ||
+ | } | ||
+ | |||
+ | #sup-photos .thumbnail .caption { | ||
+ | background-color:#333; | ||
+ | position:relative; | ||
+ | color:#fff !important; | ||
+ | margin-top:0 !important; | ||
+ | padding:0; | ||
+ | height:85px; | ||
+ | overflow:hidden; | ||
+ | } | ||
+ | |||
+ | #sup-photos .thumbnail .caption h3 { | ||
+ | font-family:'Segoe UI Light'; | ||
+ | text-transform:uppercase; | ||
+ | font-weight:600; | ||
+ | font-size:18px; | ||
+ | margin-top:0 !important; | ||
+ | padding:15px 0 0 0; | ||
− | - | + | } |
+ | #sup-photos .thumbnail .caption h5 { | ||
+ | font-family:'Segoe UI light'; | ||
+ | font-size:16px; | ||
+ | margin-top:0 !important; | ||
+ | padding:5px 0 5px 0; | ||
+ | } | ||
+ | #sup-photos .thumbnail .caption p { | ||
+ | font-family:'Segoe UI'; | ||
+ | font-size:14px; | ||
+ | font-weight:400 !important; | ||
+ | margin-top:0 !important; | ||
+ | color:#fff !important; | ||
+ | padding:5px 12px 5px 12px; | ||
} | } | ||
+ | |||
+ | |||
</style> | </style> | ||
<!-- Container (About Section) --> | <!-- Container (About Section) --> | ||
Line 77: | Line 174: | ||
<div class="container"> | <div class="container"> | ||
<div id="myCarousel" class="carousel slide text-center" data-ride="carousel"> | <div id="myCarousel" class="carousel slide text-center" data-ride="carousel"> | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | <!-- | + | <!-- MorP--> |
<div class="carousel-inner" role="listbox"> | <div class="carousel-inner" role="listbox"> | ||
− | <div class="row"> | + | <div class="item active" style="background:#ededed!important"> |
− | + | <div class="row"> | |
+ | <div class="col-sm-6 col-md-4"> | ||
+ | <div id="thumb" class="thumbnail"> | ||
+ | <img src="https://static.igem.org/mediawiki/2018/0/00/T--BGU_Israel--team_morp_color.jpg" alt="..."> | ||
+ | <div id="caption-daniel" class="caption"> | ||
+ | <h3>Mor Pasi</h3> | ||
+ | <h5>Team Leader<h5> | ||
+ | <p style="text-align:left!important;font-size:14px!important"> | ||
+ | <u>Degree</u>: Biotechnology engineering<br/> | ||
+ | <u>Super name</u>: Plasmida<br/> | ||
+ | <u>Power</u>: Uses the Plasmids of Justice to introduce a bit of logic into each cell that dares to confront her.<br/></p> | ||
+ | </div> | ||
+ | |||
+ | </div> | ||
+ | </div> | ||
+ | <!-- Liat --> | ||
+ | <div class="col-sm-6 col-md-4"> | ||
<div class="thumbnail"> | <div class="thumbnail"> | ||
− | <img src="https://static.igem.org/mediawiki/2018/ | + | <img src="https://static.igem.org/mediawiki/2018/7/76/T--BGU_Israel--team_lia_color.jpg" alt="..."> |
<div class="caption"> | <div class="caption"> | ||
− | <h3> | + | <h3>Liat Tsoran</h3> |
− | <p> | + | <h5>Project Idea<h5> |
− | + | <p style="text-align:left!important;font-size:14px!important"> | |
+ | <u>Degree</u>: Biology<br/> | ||
+ | <u>Super name</u>: Glia-girl<br/> | ||
+ | <u>Power</u>: Can telepathically control all the nervous system cells of her enemies – she will blow your mind.</p> | ||
</div> | </div> | ||
+ | |||
</div> | </div> | ||
</div> | </div> | ||
+ | |||
+ | <!-- Nitzan --> | ||
+ | <div class="col-sm-6 col-md-4"> | ||
+ | <div class="thumbnail"> | ||
+ | <img src="https://static.igem.org/mediawiki/2018/e/e6/T--BGU_Israel--team_nit_color.jpg" alt="..."> | ||
+ | <div class="caption"> | ||
+ | <h3>Nitzan Keidar</h3> | ||
+ | <h5>Promotor assays<h5> | ||
+ | <p style="text-align:left!important;font-size:14px!important"> | ||
+ | <u>Degree</u>: Biology<br/> | ||
+ | <u>Super name</u>: UV woman<br/> | ||
+ | <u>Power</u>: Her eyes radiate UV rays that can sterilize any surface in a blink of an eye and give a great suntan.</p> | ||
+ | </div> | ||
+ | |||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <!-- MorS --> | ||
+ | <div class="item" style="background:#ededed!important"> | ||
+ | <div class="row"> | ||
+ | <div class="col-sm-6 col-md-4"> | ||
+ | <div class="thumbnail"> | ||
+ | <img src="https://static.igem.org/mediawiki/2018/e/e7/T--BGU_Israel--team_mors_color.jpg" alt="..."> | ||
+ | <div class="caption"> | ||
+ | <h3>Mor Sela</h3> | ||
+ | <h5>Astrocyte Activation<h5> | ||
+ | <p style="text-align:left!important;font-size:14px!important"> | ||
+ | <u>Degree</u>: Chemistry <br/> | ||
+ | <u>Super name</u>: Reagenta<br/> | ||
+ | <u>Power</u>: Chemistry superhero! She can make reagents and solution from thin air and uses them for her advantage.</p> | ||
+ | </div> | ||
+ | |||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <!-- Ori --> | ||
<div class="col-sm-6 col-md-4"> | <div class="col-sm-6 col-md-4"> | ||
+ | <div class="thumbnail"> | ||
+ | <img src="https://static.igem.org/mediawiki/2018/a/af/T--BGU_Israel--team_ori_color.jpg" alt="..."> | ||
+ | <div class="caption"> | ||
+ | <h3>Ori tulchinsky</h3> | ||
+ | <h5>Virus Infections<h5> | ||
+ | <p style="text-align:left!important;font-size:14px!important"> | ||
+ | <u>Degree</u>: Medicine<br/> | ||
+ | <u>Super name</u>: Virio<br/> | ||
+ | <u>Power</u>: Evil genius who uses engineered viruses that allow him to infect innocent people and control their thoughts</p> | ||
+ | </div> | ||
+ | |||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <!-- Daniel --> | ||
+ | <div class="col-sm-6 col-md-4"> | ||
<div class="thumbnail"> | <div class="thumbnail"> | ||
<img src="https://static.igem.org/mediawiki/2018/b/b2/T--BGU_Israel--team_dan_color.jpg" alt="..."> | <img src="https://static.igem.org/mediawiki/2018/b/b2/T--BGU_Israel--team_dan_color.jpg" alt="..."> | ||
Line 103: | Line 269: | ||
<h3>Daniel Deitch</h3> | <h3>Daniel Deitch</h3> | ||
<h5>Designer<h5> | <h5>Designer<h5> | ||
− | + | <p style="text-align:left!important;font-size:14px!important"> | |
− | + | <u>Degree</u>: Biology-Psychology<br/> | |
+ | <u>Super name</u>: Agar Boi<br/> | ||
+ | <u>Power</u>: A powerful superhero that can shoot hot agarose from its hands, when its cools, the criminals get stuck in the gel!</p> | ||
</div> | </div> | ||
+ | |||
</div> | </div> | ||
</div> | </div> | ||
− | + | </div> | |
+ | </div> | ||
+ | |||
+ | <!-- Avital --> | ||
+ | <div class="item" style="background:#ededed!important"> | ||
+ | <div class="row"> | ||
+ | <div class="col-sm-6 col-md-4"> | ||
+ | <div class="thumbnail"> | ||
+ | <img src="https://static.igem.org/mediawiki/2018/a/a3/T--BGU_Israel--team_avi_color.jpg" alt="..."> | ||
+ | <div class="caption"> | ||
+ | <h3>Avital Bailen</h3> | ||
+ | <h5>Human Practices<h5> | ||
+ | <p style="text-align:left!important;font-size:14px!important"> | ||
+ | <u>Degree</u>: Biology<br/> | ||
+ | <u>Super name</u>: Falcon girl<br/> | ||
+ | <u>Power</u>: A talented sniper who uses her Falcon rifle to hit a target from miles. Specializes in 50 ml rounds.</p> | ||
+ | </div> | ||
+ | |||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <!-- Sagi --> | ||
+ | <div class="col-sm-6 col-md-4"> | ||
+ | <div class="thumbnail"> | ||
+ | <img src="https://static.igem.org/mediawiki/2018/8/81/T--BGU_Israel--team_sag_color.jpg" alt="..."> | ||
+ | <div class="caption"> | ||
+ | <h3>Sagi Angel</h3> | ||
+ | <h5>Social Media<h5> | ||
+ | <p style="text-align:left!important;font-size:14px!important"> | ||
+ | <u>Degree</u>: Biotechnology engineering<br/> | ||
+ | <u>Super name</u>: Incubato<br/> | ||
+ | <u>Power</u>: With the amazing power of heating things to exactly 37C and to vibrate his hands at 240 rpm.</p> | ||
+ | </div> | ||
+ | |||
+ | </div> | ||
+ | </div> | ||
+ | <!-- Einan --> | ||
+ | <div class="col-sm-6 col-md-4"> | ||
<div class="thumbnail"> | <div class="thumbnail"> | ||
<img src="https://static.igem.org/mediawiki/2018/2/2e/T--BGU_Israel--team_ein_color.jpg" alt="..."> | <img src="https://static.igem.org/mediawiki/2018/2/2e/T--BGU_Israel--team_ein_color.jpg" alt="..."> | ||
<div class="caption"> | <div class="caption"> | ||
− | <h3>Einan </h3> | + | <h3>Einan Farhi</h3> |
− | <p> | + | <h5>Transfections<h5> |
− | + | <p style="text-align:left!important;font-size:14px!important"> | |
+ | <u>Degree</u>: Biology<br/> | ||
+ | <u>Super name</u>: Articleman<br/> | ||
+ | <u>Power</u>: Remember every article he touches and uses the knowledge he earn to outwit his opponents.</p> | ||
</div> | </div> | ||
+ | |||
</div> | </div> | ||
</div> | </div> | ||
− | |||
</div> | </div> | ||
</div> | </div> | ||
Line 125: | Line 334: | ||
<!-- Left and right controls --> | <!-- Left and right controls --> | ||
<a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev"> | <a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev"> | ||
− | < | + | <div class="arrow-left"> |
− | + | <img src="https://static.igem.org/mediawiki/2018/0/0d/T--BGU_Israel--team_arrow_dark.png"> | |
+ | </img></div> | ||
+ | |||
</a> | </a> | ||
<a class="right carousel-control" href="#myCarousel" role="button" data-slide="next"> | <a class="right carousel-control" href="#myCarousel" role="button" data-slide="next"> | ||
− | + | <div class="arrow-right"> | |
− | + | <img src="https://static.igem.org/mediawiki/2018/0/0d/T--BGU_Israel--team_arrow_dark.png"> | |
+ | </img></div> | ||
+ | |||
</a> | </a> | ||
</div> | </div> | ||
</div> | </div> | ||
</div> | </div> | ||
− | |||
− | |||
</div> | </div> | ||
+ | </div> | ||
+ | |||
<div class="bg-white"> | <div class="bg-white"> | ||
Line 143: | Line 356: | ||
<div class="row"> | <div class="row"> | ||
<h1>Supervisors</h1> | <h1>Supervisors</h1> | ||
− | |||
− | |||
− | |||
</div> | </div> | ||
− | <div class="row"> | + | <div id="sup-photos" class="row"> |
− | <div class="col-sm- | + | <div class="col-sm-3"> |
− | + | <div class="thumbnail"> | |
− | <h3> | + | <img src="https://static.igem.org/mediawiki/2018/f/f1/T--BGU_Israel--team_lital.png" alt="..."> |
− | < | + | <div class="caption"> |
+ | <h3>PROF. LITAL ALFONTA</h3> | ||
+ | <h5><b>Principal Investigator</b><h5><br/><br/> | ||
</div> | </div> | ||
− | |||
− | |||
− | |||
− | |||
</div> | </div> | ||
− | |||
− | |||
− | |||
− | |||
</div> | </div> | ||
− | + | ||
+ | |||
+ | |||
+ | <div class="col-sm-3"> | ||
+ | <div class="thumbnail"> | ||
+ | <img src="https://static.igem.org/mediawiki/2018/a/af/T--BGU_Israel--team_ramon.png" alt="..."> | ||
+ | <div class="caption"> | ||
+ | <h3>Dr. Ramon Birnbaum</h3> | ||
+ | <h5><b>Principal Investigator</b><h5><br/><br/> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="col-sm-3"> | ||
+ | <div class="thumbnail"> | ||
+ | <img src="https://static.igem.org/mediawiki/2018/7/74/T--BGU_Israel--team_dror.png" alt="..."> | ||
+ | <div class="caption"> | ||
+ | <h3>Dror Aizik</h3> | ||
+ | <h5><b>Instructor</b><h5><br/><br/> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="col-sm-3"> | ||
+ | <div class="thumbnail"> | ||
+ | <img src="https://static.igem.org/mediawiki/2018/3/34/T--BGU_Israel--team_eden.png" alt="..."> | ||
+ | <div class="caption"> | ||
+ | <h3>Eden Ozer</h3> | ||
+ | <h5><b>Instructor</b><h5><br/><br/> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
</div> | </div> | ||
</div> | </div> |
Latest revision as of 18:19, 17 October 2018