Difference between revisions of "Team:BGU Israel/Team"

 
(123 intermediate revisions by the same user not shown)
Line 7: Line 7:
 
<body>
 
<body>
 
   
 
   
   <header class="sub-page-header text-center">
+
   <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>
    <script>
+
 
   
+
</script>
+
  
 
<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:200px;
+
    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:600;
+
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:16px;
+
     font-size:14px;
 
     font-weight:400 !important;
 
     font-weight:400 !important;
 
     margin-top:0 !important;
 
     margin-top:0 !important;
Line 63: Line 69:
 
      
 
      
 
}
 
}
 
+
#team-photos .thumbnail .caption:hover   {
.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;
 
      
 
      
     -webkit-transition: background-color 2s;
+
}
 +
#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 78: 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">
     <!-- Indicators -->
+
      
    <ol class="carousel-indicators">
+
      <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
+
      <li data-target="#myCarousel" data-slide-to="1"></li>
+
      <li data-target="#myCarousel" data-slide-to="2"></li>
+
    </ol>
+
  
     <!-- Wrapper for slides -->
+
     <!-- 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="col-sm-6 col-md-4">
+
        <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/a/a3/T--BGU_Israel--team_avi_color.jpg" alt="...">
+
       <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>Thumbnail label</h3>
+
         <h3>Liat Tsoran</h3>
         <p>...</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 104: Line 269:
 
         <h3>Daniel Deitch</h3>
 
         <h3>Daniel Deitch</h3>
 
         <h5>Designer<h5>
 
         <h5>Designer<h5>
        <p>Fun Fact: I have 19 tattoos.</p>
+
      <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 class="col-sm-6 col-md-4">
+
    </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>...</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>
 
       </div>
Line 126: 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">
       <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
+
       <div class="arrow-left">
      <span class="sr-only">Previous</span>
+
<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">
      <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
+
          <div class="arrow-right">
      <span class="sr-only">Next</span>
+
<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 id="abstract" class="container text-center">
 
 
 
</div>
 
</div>
 +
</div>
 +
  
 
       <div class="bg-white">
 
       <div class="bg-white">
Line 144: Line 356:
 
   <div class="row">
 
   <div class="row">
 
       <h1>Supervisors</h1>
 
       <h1>Supervisors</h1>
 
      <p style="margin:0px !important; padding:0!important;"  class="mb-4 justified animated fadeInRight">Our project would not have succeeded without our Human Practices. Our goals and implementation were all a result of involvement in the communities around us and sharing our ideas through discussions with experts. Science cannot proceed unaided and cannot succeed without public support. As a final gesture, we were delighted to host a group of high-school students in our lab. We had a great time explaining to them about iGEM, our project, and our lab. Although we ourselves as undergraduate students are only at the beginning of our scientific careers, it was wonderful to transfer the knowledge we have gathered to a new generation.
 
<br><br><br></p>
 
  
 
   </div>
 
   </div>
     <div class="row">
+
     <div id="sup-photos"  class="row">
     <div class="col-sm-4">
+
     <div class="col-sm-3">
        <img src="dark-lab.jpg" class="img-responsive">  
+
<div class="thumbnail">
         <h3>title</h3>
+
      <img src="https://static.igem.org/mediawiki/2018/f/f1/T--BGU_Israel--team_lital.png" alt="...">
         <p>lorem ipsum bf fd kdfdfkdflsdf</p>
+
      <div class="caption">
 +
         <h3>PROF. LITAL ALFONTA</h3>
 +
         <h5><b>Principal Investigator</b><h5><br/><br/>
 
         </div>
 
         </div>
        <div class="col-sm-4">
 
        <img src="dark-lab.jpg" class="img-responsive">
 
            <h3>title</h3>
 
        <p>lorem ipsum bf fd kdfdfkdflsdf</p>
 
 
         </div>
 
         </div>
        <div class="col-sm-4">
 
        <img src="dark-lab.jpg" class="img-responsive">
 
            <h3>title</h3>
 
        <p>lorem ipsum bf fd kdfdfkdflsdf</p>
 
 
         </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

OriginALS

OriginALS

Meet our Team

Supervisors

...

PROF. LITAL ALFONTA

Principal Investigator


...

Dr. Ramon Birnbaum

Principal Investigator


...

Dror Aizik

Instructor


...

Eden Ozer

Instructor


OriginALS

About Us


The BGU-iGEM team “OriginALS” hopes to develop an innovative therapeutic approach to prolong the life expectancy of ALS patients, using Synthetic Biology. We are dedicated to promoting ALS awareness and research in Israel through public engagement and educational activities.