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

 
(241 intermediate revisions by the same user not shown)
Line 1: Line 1:
 
{{BGU_Israel}}
 
{{BGU_Israel}}
<!DOCTYPE html>
+
{{Template:BGU_Israel/header}}
 
<html lang="en">
 
<html lang="en">
 
<head>
 
<head>
 
    
 
    
  <title>OriginALS</title>
+
</head>
  <meta charset="utf-8">
+
<body>
   <meta name="viewport" content="width=device-width, initial-scale=1">
+
    <link type="text/css" rel="stylesheet" href="style.css">
+
   <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">
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
+
      <div class="container my-auto">
  <link href="https://fonts.googleapis.com/css?family=Montserrat" rel="stylesheet" type="text/css">
+
          <h1 class="animated fadeInUp">Meet our Team</h1>
  <link href="https://fonts.googleapis.com/css?family=Lato" rel="stylesheet" type="text/css">
+
      </div>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
+
    </header>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
+
 
<style>
+
 
    body {
+
<style>
      font: 400 15px Segoe UI !important;
+
.bg-grey, #team-photos {
      line-height: 1.8;
+
    margin-top:0 !important;
      color: #818181;
+
}
  }
+
#team-photos .thumbnail {
  h1 {
+
    margin:0 15px;
      font-size: 32px!important;
+
    padding-bottom:0;
      font-family: Segoe UI Light!important;
+
    background-color:#ededed;
      text-transform: capitalize;
+
      color: #303030;
+
      font-weight: 600;
+
      margin-bottom: 30px !important;
+
  }
+
  h4 {
+
      font-size: 19px;
+
      line-height: 1.375em;
+
      color: #303030;
+
      font-weight: 400;
+
      margin-bottom: 30px;
+
  } 
+
      p, ol {
+
          font-size: 16px !important;
+
         
+
          color:#010101 !important;
+
      }
+
  .jumbotron {
+
      background-color: #f4511e;
+
      color: #fff;
+
      padding: 100px 25px;
+
      font-family: Montserrat, sans-serif;
+
  }
+
  .container-fluid {
+
      padding: 60px 50px;
+
  }
+
  .bg-grey {
+
      background-color: #f6f6f6;
+
  }
+
  .logo-small {
+
      color: #f4511e;
+
      font-size: 50px;
+
  }
+
  .logo {
+
      color: #f4511e;
+
      font-size: 200px;
+
  }
+
  .thumbnail {
+
      padding: 0 0 15px 0;
+
      border: none;
+
      border-radius: 0;
+
  }
+
  .thumbnail img {
+
      width: 100%;
+
      height: 100%;
+
      margin-bottom: 10px;
+
  }
+
  .carousel-control.right, .carousel-control.left {
+
      background-image: none;
+
      color: #f4511e;
+
  }
+
  .carousel-indicators li {
+
      border-color: #f4511e;
+
  }
+
  .carousel-indicators li.active {
+
      background-color: #f4511e;
+
  }
+
  .item h4 {
+
      font-size: 19px;
+
      line-height: 1.375em;
+
      font-weight: 400;
+
      font-style: italic;
+
      margin: 70px 0;
+
  }
+
  .item span {
+
      font-style: normal;
+
  }
+
  .panel {
+
      border: 1px solid #f4511e;
+
      border-radius:0 !important;
+
      transition: box-shadow 0.5s;
+
  }
+
  .panel:hover {
+
      box-shadow: 5px 0px 40px rgba(0,0,0, .2);
+
  }
+
  .panel-footer .btn:hover {
+
      border: 1px solid #f4511e;
+
      background-color: #fff !important;
+
      color: #f4511e;
+
  }
+
  .panel-heading {
+
      color: #fff !important;
+
      background-color: #f4511e !important;
+
      padding: 25px;
+
      border-bottom: 1px solid transparent;
+
      border-top-left-radius: 0px;
+
      border-top-right-radius: 0px;
+
      border-bottom-left-radius: 0px;
+
      border-bottom-right-radius: 0px;
+
  }
+
  .panel-footer {
+
      background-color: white !important;
+
  }
+
  .panel-footer h3 {
+
      font-size: 32px;
+
  }
+
  .panel-footer h4 {
+
      color: #aaa;
+
      font-size: 14px;
+
  }
+
  .panel-footer .btn {
+
      margin: 15px 0;
+
      background-color: #f4511e;
+
      color: #fff;
+
  }
+
  .navbar {
+
      margin-bottom: 10px; !important;
+
      background-color: #fff !important;
+
      z-index: 9999!important;
+
      border: 0 !important;
+
    text-transform:uppercase !important;
+
      border-radius: 0 !important;
+
      font-family: 'Segoe UI Light'!important;
+
      font-weight: 600!important;
+
      color:#000!important;
+
padding-top:10px;
+
  }
+
  .navbar-brand {
+
  padding: 0px;
+
 
}
 
}
.navbar-brand>img {
+
#team-photos .thumbnail img {
  height: 100%;
+
    margin:0;
  padding: 0 0 10px 20px;
+
    padding:0;
  width: auto;
+
 
}
 
}
  .navbar-nav li a:hover, .navbar-nav li.active a {
 
      color: #0186ac !important;
 
      background-color: #fff !important;
 
  }
 
  .navbar-default .navbar-toggle {
 
      border-color: transparent;
 
      color: #fff !important;
 
  }
 
  
  .slideanim {visibility:hidden;}
+
#team-photos .thumbnail .caption {
  .slide {
+
    background-color:#333;
      animation-name: slide;
+
    position:relative;
      -webkit-animation-name: slide;
+
    color:#fff !important;
      animation-duration: 1s;
+
    margin-top:0 !important;
      -webkit-animation-duration: 1s;
+
     padding:0;
      visibility: visible;
+
    height:70px;
  }
+
     overflow:hidden;
  @keyframes slide {
+
     -webkit-transition: height 0.5s ease-out, background-color 0.5s;  
     0% {
+
     transition: height 0.5s ease-out, background-color 0.5s;
      opacity: 0;
+
}  
      transform: translateY(70%);
+
#team-photos .thumbnail .caption:after {
     }
+
  background-color:#ededed;
    100% {
+
}
      opacity: 1;
+
      transform: translateY(0%);
+
     }
+
  }
+
  @-webkit-keyframes slide {
+
    0% {
+
      opacity: 0;
+
      -webkit-transform: translateY(70%);
+
     }
+
    100% {
+
      opacity: 1;
+
      -webkit-transform: translateY(0%);
+
    }
+
  }
+
  @media screen and (max-width: 768px) {
+
    .col-sm-4 {
+
      text-align: center;
+
      margin: 25px 0;
+
    }
+
    .btn-lg {
+
        width: 100%;
+
        margin-bottom: 35px;
+
    }
+
  }
+
  @media screen and (max-width: 480px) {
+
    .logo {
+
        font-size: 150px;
+
    }
+
  }
+
  
    header.masthead {
+
#team-photos .thumbnail .caption h3 {
  padding-top: 10rem;
+
    font-family:'Segoe UI Light';
  padding-bottom: calc(10rem - 56px);
+
    text-transform:uppercase;
  background-image:url('https://static.igem.org/mediawiki/2018/2/2e/T--BGU_Israel--home_banner.jpg');
+
    font-weight:600;
min-height: 600px;
+
    font-size:18px;
  background-position: center center;
+
    margin-top:0 !important;
  -webkit-background-size: cover;
+
    padding:15px 0 0 0;
  -moz-background-size: cover;
+
   
  -o-background-size: cover;
+
}
  background-size: cover;
+
#team-photos .thumbnail .caption h5 {
 +
    font-family:'Segoe UI Light';
 +
    font-size:16px;
 +
font-weight: bold;
 +
    margin-top:0 !important;
 +
    padding:5px 0 5px 0;
 +
   
 +
}
 +
#team-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;
 +
   
 +
}
 +
#team-photos .thumbnail .caption:hover  {
 +
    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 only screen and (max-device-width: 1366px) {
+
@media screen and (max-width: 600px){  
     .parallax {
+
     #team-photos .thumbnail {
         background-attachment: scroll;
+
         margin-top:20px;
 
     }
 
     }
 
}
 
}
      #abstract p, #abstract ol {
+
.arrow-right {
          text-align: justify;
+
-ms-transform: rotate(90deg); /* IE 9 */
      }
+
    -webkit-transform: rotate(90deg); /* Safari 3-8 */
      #myBtn {
+
    transform: rotate(90deg);
  display: none;
+
    margin-top: 70%
         
+
 
  position: fixed;
+
  bottom: 20px;
+
  right: 20px;
+
  z-index: 99;
+
  font-size: 16px;
+
  border: none;
+
  outline: none;
+
  background-color: #0186ac;
+
  color: white;
+
  cursor: pointer;
+
  padding: 12px 15px 12px 15px;
+
  border-radius: 100px;
+
 
}
 
}
 +
.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;
  
#myBtn:hover {
 
  background-color: #555;
 
 
}
 
}
      footer {
+
 
          background-color:#262626;
+
 
          color:#fff !important;
+
#thumb:hover #arrow-daniel {
      }
+
  background-color:#ededed !important;
    .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
+
        background: #fff !important;
+
        color:#0186ac !important;
+
    }
+
    .navbar-right .dropdown-menu {
+
       
+
    }
+
    #mainMenu .dropdown-menu {
+
        border:0 !important;
+
        right:auto !important;
+
        border-radius: 0 !important;
+
        text-transform: capitalize;
+
        font-size:18px;
+
    }
+
  @media screen and (min-width: 600px) {
+
    .dropdown:hover .dropdown-menu {
+
    display: block;
+
    margin-top: 0;
+
        color:#fff;
+
 
  }
 
  }
    }
 
    .gray-section {
 
        background-color:#ededed;
 
    }
 
    .sub-page-header {
 
          padding-top: 10rem;
 
  padding-bottom: calc(10rem - 56px);
 
  background-image:url('https://static.igem.org/mediawiki/2018/2/2e/T--BGU_Israel--home_banner.jpg');
 
height:200px !important;
 
 
 
    /* Create the parallax scrolling effect */
 
    background-attachment: fixed;
 
background-position: top center;
 
    background-repeat: no-repeat;
 
    background-size: cover;
 
    }
 
    </style>
 
</head>
 
<body id="myPage"  data-spy="scroll" data-target=".navbar" data-offset="60">
 
    <div id="top"></div>
 
    <a id="myBtn" class="button" href="#top" title="To Top">
 
    <span class="glyphicon glyphicon-chevron-up"></span>
 
  </a>
 
  
<nav id="mainMenu" class="navbar navbar-default navbar-fixed-top">
 
  <div class="container">
 
    <div class="navbar-header">
 
      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
 
        <span class="icon-bar"></span>
 
        <span class="icon-bar"></span>
 
        <span class="icon-bar"></span>                       
 
      </button>
 
      <a class="navbar-brand" href="index.html"><img src="https://static.igem.org/mediawiki/2018/3/32/T--BGU_Israel--logo_colored.png"></a>
 
    </div>
 
    <div class="collapse navbar-collapse" id="myNavbar">
 
      <ul class="nav navbar-nav navbar-right">
 
        <li><a href="index.html">Home</a></li>
 
        <li class="dropdown">
 
        <a class="dropdown-toggle" data-toggle="dropdown" href="https://2018.igem.org/Team:BGU_Israel/Description">Project
 
        </a>
 
        <ul class="dropdown-menu pull-right">
 
          <li><a href="https://2018.igem.org/Team:BGU_Israel/Description ">Description</a></li>
 
          <li><a href="https://2018.igem.org/Team:BGU_Israel/Design">Design</a></li>
 
            <li><a href="https://2018.igem.org/Team:BGU_Israel/Results">Results</a></li>
 
          <li><a href="https://2018.igem.org/Team:BGU_ISRAEL/Protocols">Protocols</a></li>
 
            <li><a href="https://2018.igem.org/Team:BGU_ISRAEL/Notebook">Notebook</a></li>
 
           
 
        </ul>
 
      </li>
 
          <li class="dropdown">
 
        <a class="dropdown-toggle" data-toggle="dropdown" href="https://2018.igem.org/Team:BGU_Israel/Description">Team
 
        </a>
 
        <ul class="dropdown-menu pull-right">
 
          <li><a href="https://2018.igem.org/Team:BGU_Israel/Team">Members</a></li>
 
          <li><a href="https://2018.igem.org/Team:BGU_Israel/Collaborations">Collaborations</a></li>
 
        </ul>
 
      </li>
 
          <li class="dropdown">
 
        <a class="dropdown-toggle" data-toggle="dropdown" href="https://2018.igem.org/Team:BGU_Israel/Description">Parts
 
        </a>
 
        <ul class="dropdown-menu pull-right">
 
          <li><a href="https://2018.igem.org/Team:BGU_Israel/Parts">Team Parts</a></li>
 
          <li><a href="https://2018.igem.org/Team:BGU_Israel/BasicParts ">Basic Parts</a></li>
 
            <li><a href="https://2018.igem.org/Team:BGU_Israel/PartImprovement">Part Improvement</a></li>
 
          <li><a href="https://2018.igem.org/Team:BGU_Israel/PartCollection">Part Collection</a></li>
 
        </ul>
 
      </li>
 
  
  <li class="dropdown">
 
        <a class="dropdown-toggle" data-toggle="dropdown" href="https://2018.igem.org/Team:BGU_Israel/Description">Practices
 
  
        </a>
 
        <ul class="dropdown-menu pull-right">
 
          <li><a href="https://2018.igem.org/Team:BGU_ISRAEL/ALSConference">ALS Conference</a></li>
 
          <li><a href="https://2018.igem.org/Team:BGU_ISRAEL/ALSFunding">Funding Race</a></li>
 
            <li><a href="https://2018.igem.org/Team:BGU_Israel/InterLab">InterLab</a></li>
 
          <li><a href="https://2018.igem.org/Team:BGU_ISRAEL/EthicsAndSafety">Ethics and Safty</a></li>
 
        </ul>
 
      </li>
 
        <li><a href="https://2018.igem.org/Team:BGU_ISRAEL/Attributions">Attributions</a></li>
 
          <!--<li><a href="https://2018.igem.org/Team:BGU_ISRAEL/Achievments">Achievments</a></li>-->
 
      </ul>
 
    </div>
 
  </div>
 
</nav>
 
  <header  class="sub-page-header text-center">
 
      <div class="container my-auto">
 
          <h1>Team</h1>
 
      </div>
 
    </header>
 
  
<script>
 
   
 
</script>
 
<!-- Container (About Section) -->
 
    <style>
 
  .img-container {
 
  position:relative;
 
  height:250px;
 
  width:250px;
 
  margin:0 auto;
 
}
 
  
.img-container img {
 
  position:absolute;
 
  display: block;
 
  left:0;
 
  -webkit-transition: opacity 1s ease-in-out;
 
  -moz-transition: opacity 1s ease-in-out;
 
  -o-transition: opacity 1s ease-in-out;
 
  transition: opacity 1s ease-in-out;
 
    height:250px;
 
  width:250px;
 
}
 
  
.img-container img.top:hover  {
+
 
  opacity:0;
+
 
 +
#sup-photos .thumbnail {
 +
    margin:0 15px;
 +
    padding-bottom:0;
 +
    background-color:#ededed;
 
}
 
}
.img-overlay:hover ~ #img-container img.top {
+
#tsup-photos .thumbnail img {
opacity:0;
+
    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;
 +
}
  
.img-overlay {
+
#sup-photos .thumbnail .caption h3 {
  position: absolute;
+
    font-family:'Segoe UI Light';
  bottom: 0;
+
    text-transform:uppercase;
  left: 0;
+
    font-weight:600;
  right: 0;
+
    font-size:18px;
  background-color: rgba(1,134,172, 0.5);
+
    margin-top:0 !important;
  overflow: hidden;
+
    padding:15px 0 0 0;
  width: 100%;
+
   
  height: 0%;
+
  transition: .5s ease;
+
 
}
 
}
 +
#sup-photos .thumbnail .caption h5 {
 +
    font-family:'Segoe UI light';
 +
    font-size:16px;
  
.img-container:hover .img-overlay {
+
    margin-top:0 !important;
  height: 30%;
+
    padding:5px 0 5px 0;
 +
   
 
}
 
}
 
+
#sup-photos .thumbnail .caption p {
.img-overlay-txt {
+
    font-family:'Segoe UI';
  color: white;
+
    font-size:14px;
  font-size: 20px;
+
    font-weight:400 !important;
  position: absolute;
+
    margin-top:0 !important;
  top: 50%;
+
    color:#fff !important;
  left: 50%;
+
    padding:5px 12px 5px 12px;
  -webkit-transform: translate(-50%, -50%);
+
   
  -ms-transform: translate(-50%, -50%);
+
  transform: translate(-50%, -50%);
+
  text-align: center;
+
 
}
 
}
        #team-photos {
+
 
            margin-top:30px;
+
 
            margin-bottom:30px;
+
        }
+
        #team-photos .carousel-inner {
+
            width:80%;
+
            margin-top: 50px;
+
            margin-bottom:50px;
+
            margin-left:10%;
+
            margin-right:10%;
+
        }
+
        #team-photos .carousel-indicators {
+
            bottom:-50px;
+
        }
+
        #team-photos .carousel-indicators li {
+
            border-color:#0186ac;
+
        }
+
        #team-photos .carousel-indicators li.active {
+
            background-color:#0186ac;
+
        }
+
        #team-photos .carousel-control {
+
            color:#0186ac;
+
            text-shadow: none;
+
        }
+
 
</style>
 
</style>
     <div id="team-photos" class="container">
+
<!-- Container (About Section) -->
    <div id="myCarousel" class="carousel slide text-left" data-ride="carousel">
+
   
     <!-- Indicators -->
+
     <div id="team-photos" class="bg-grey">
    <ol class="carousel-indicators">
+
<div class="container">
      <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
+
     <div id="myCarousel" class="carousel slide text-center" data-ride="carousel">
      <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="item active">
+
       <div class="item active" style="background:#ededed!important">
 
         <div class="row">
 
         <div class="row">
<div class="col-sm-4">
+
<div class="col-sm-6 col-md-4">
     <div class="img-container">
+
     <div id="thumb" class="thumbnail">
        <img class="bottom" src="https://scontent.ftlv2-1.fna.fbcdn.net/v/t1.15752-9/37973538_1066888756812196_7082045950323064832_n.jpg?_nc_cat=0&oh=90856e5cd9d89f76786ffaaa6d3064c3&oe=5BD4BDC1" />
+
      <img src="https://static.igem.org/mediawiki/2018/0/00/T--BGU_Israel--team_morp_color.jpg" alt="...">
        <div class="img-overlay">
+
      <div id="caption-daniel" class="caption">
    <div class="img-overlay-txt">Daniel Deitch
+
        <h3>Mor Pasi</h3>
    <br> Designer <br> </div>
+
        <h5>Team Leader<h5>
  </div>
+
        <p style="text-align:left!important;font-size:14px!important">
  <img class="top" src="https://scontent.ftlv2-1.fna.fbcdn.net/v/t1.15752-9/37931462_1066888683478870_8909214412015927296_n.jpg?_nc_cat=0&oh=fe8951757dada598a4796e97ed220fa6&oe=5BCF5AF3" />
+
<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>
</div>
+
<div class="col-sm-4">
+
     <div class="img-container">
+
        <img class="bottom" src="https://scontent.ftlv2-1.fna.fbcdn.net/v/t1.15752-9/37973538_1066888756812196_7082045950323064832_n.jpg?_nc_cat=0&oh=90856e5cd9d89f76786ffaaa6d3064c3&oe=5BD4BDC1" />
+
        <div class="img-overlay">
+
    <div class="img-overlay-txt">Daniel Deitch
+
    <br> Designer <br> </div>
+
 
   </div>
 
   </div>
  <img class="top" src="https://scontent.ftlv2-1.fna.fbcdn.net/v/t1.15752-9/37931462_1066888683478870_8909214412015927296_n.jpg?_nc_cat=0&oh=fe8951757dada598a4796e97ed220fa6&oe=5BCF5AF3" />
+
<!-- Liat -->
 
+
<div class="col-sm-6 col-md-4">
 +
    <div class="thumbnail">
 +
      <img src="https://static.igem.org/mediawiki/2018/7/76/T--BGU_Israel--team_lia_color.jpg" alt="...">
 +
      <div class="caption">
 +
        <h3>Liat Tsoran</h3>
 +
        <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 class="col-sm-4">
+
     <div class="img-container">
+
        <img class="bottom" src="https://scontent.ftlv2-1.fna.fbcdn.net/v/t1.15752-9/37973538_1066888756812196_7082045950323064832_n.jpg?_nc_cat=0&oh=90856e5cd9d89f76786ffaaa6d3064c3&oe=5BD4BDC1" />
+
        <div class="img-overlay">
+
    <div class="img-overlay-txt">Daniel Deitch
+
    <br> Designer <br> </div>
+
 
   </div>
 
   </div>
  <img class="top" src="https://scontent.ftlv2-1.fna.fbcdn.net/v/t1.15752-9/37931462_1066888683478870_8909214412015927296_n.jpg?_nc_cat=0&oh=fe8951757dada598a4796e97ed220fa6&oe=5BCF5AF3" />
+
 
 
+
<!-- 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>
 
     </div>
 
     </div>
 
       </div>
 
       </div>
       <div class="item">
+
 
 +
<!-- MorS -->
 +
       <div class="item" style="background:#ededed!important">
 
         <div class="row">
 
         <div class="row">
<div class="col-sm-4">
+
<div class="col-sm-6 col-md-4">
<div class="img-container">
+
    <div class="thumbnail">
        <img class="bottom" src="https://scontent.ftlv2-1.fna.fbcdn.net/v/t1.15752-9/37973538_1066888756812196_7082045950323064832_n.jpg?_nc_cat=0&oh=90856e5cd9d89f76786ffaaa6d3064c3&oe=5BD4BDC1" />
+
      <img src="https://static.igem.org/mediawiki/2018/e/e7/T--BGU_Israel--team_mors_color.jpg" alt="...">
        <div class="img-overlay">
+
      <div class="caption">
    <div class="img-overlay-txt">Daniel Deitch
+
        <h3>Mor Sela</h3>
    <br> Designer <br> </div>
+
        <h5>Astrocyte Activation<h5>
  </div>
+
<p style="text-align:left!important;font-size:14px!important">
  <img class="top" src="https://scontent.ftlv2-1.fna.fbcdn.net/v/t1.15752-9/37931462_1066888683478870_8909214412015927296_n.jpg?_nc_cat=0&oh=fe8951757dada598a4796e97ed220fa6&oe=5BCF5AF3" />
+
<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>
</div>
+
<div class="col-sm-4">
+
  <div class="img-container">
+
        <img class="bottom" src="https://scontent.ftlv2-1.fna.fbcdn.net/v/t1.15752-9/37973538_1066888756812196_7082045950323064832_n.jpg?_nc_cat=0&oh=90856e5cd9d89f76786ffaaa6d3064c3&oe=5BD4BDC1" />
+
        <div class="img-overlay">
+
     <div class="img-overlay-txt">Daniel Deitch
+
    <br> Designer <br> </div>
+
 
   </div>
 
   </div>
  <img class="top" src="https://scontent.ftlv2-1.fna.fbcdn.net/v/t1.15752-9/37931462_1066888683478870_8909214412015927296_n.jpg?_nc_cat=0&oh=fe8951757dada598a4796e97ed220fa6&oe=5BCF5AF3" />
+
 
 
+
<!-- Ori --> 
 +
<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>
</div>
+
<div class="col-sm-4">
+
<div class="img-container">
+
        <img class="bottom" src="https://scontent.ftlv2-1.fna.fbcdn.net/v/t1.15752-9/37973538_1066888756812196_7082045950323064832_n.jpg?_nc_cat=0&oh=90856e5cd9d89f76786ffaaa6d3064c3&oe=5BD4BDC1" />
+
        <div class="img-overlay">
+
     <div class="img-overlay-txt">Daniel Deitch
+
    <br> Designer <br> </div>
+
 
   </div>
 
   </div>
  <img class="top" src="https://scontent.ftlv2-1.fna.fbcdn.net/v/t1.15752-9/37931462_1066888683478870_8909214412015927296_n.jpg?_nc_cat=0&oh=fe8951757dada598a4796e97ed220fa6&oe=5BCF5AF3" />
+
 
 
+
<!-- Daniel -->
 +
<div class="col-sm-6 col-md-4">
 +
    <div class="thumbnail">
 +
      <img src="https://static.igem.org/mediawiki/2018/b/b2/T--BGU_Israel--team_dan_color.jpg" alt="...">
 +
      <div class="caption">
 +
        <h3>Daniel Deitch</h3>
 +
        <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>
 
       </div>
       <div class="item">
+
 
 +
<!-- Avital -->
 +
       <div class="item" style="background:#ededed!important">
 
           <div class="row">
 
           <div class="row">
<div class="col-sm-4">
+
<div class="col-sm-6 col-md-4">
  <div class="img-container">
+
    <div class="thumbnail">
        <img class="bottom" src="https://scontent.ftlv2-1.fna.fbcdn.net/v/t1.15752-9/37973538_1066888756812196_7082045950323064832_n.jpg?_nc_cat=0&oh=90856e5cd9d89f76786ffaaa6d3064c3&oe=5BD4BDC1" />
+
      <img src="https://static.igem.org/mediawiki/2018/a/a3/T--BGU_Israel--team_avi_color.jpg" alt="...">
        <div class="img-overlay">
+
      <div class="caption">
    <div class="img-overlay-txt">Daniel Deitch
+
        <h3>Avital Bailen</h3>
    <br> Designer <br> </div>
+
        <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>
 
   </div>
  <img class="top" src="https://scontent.ftlv2-1.fna.fbcdn.net/v/t1.15752-9/37931462_1066888683478870_8909214412015927296_n.jpg?_nc_cat=0&oh=fe8951757dada598a4796e97ed220fa6&oe=5BCF5AF3" />
+
 
 
+
<!-- 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>
</div>
+
<div class="col-sm-4">
+
  <div class="img-container">
+
        <img class="bottom" src="https://scontent.ftlv2-1.fna.fbcdn.net/v/t1.15752-9/37973538_1066888756812196_7082045950323064832_n.jpg?_nc_cat=0&oh=90856e5cd9d89f76786ffaaa6d3064c3&oe=5BD4BDC1" />
+
        <div class="img-overlay">
+
     <div class="img-overlay-txt">Daniel Deitch
+
    <br> Designer <br> </div>
+
 
   </div>
 
   </div>
  <img class="top" src="https://scontent.ftlv2-1.fna.fbcdn.net/v/t1.15752-9/37931462_1066888683478870_8909214412015927296_n.jpg?_nc_cat=0&oh=fe8951757dada598a4796e97ed220fa6&oe=5BCF5AF3" />
+
<!-- Einan -->
 
+
<div class="col-sm-6 col-md-4">
 +
    <div class="thumbnail">
 +
      <img src="https://static.igem.org/mediawiki/2018/2/2e/T--BGU_Israel--team_ein_color.jpg" alt="...">
 +
      <div class="caption">
 +
        <h3>Einan Farhi</h3>
 +
        <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 class="col-sm-4">
+
  <div class="img-container">
+
        <img class="bottom" src="https://scontent.ftlv2-1.fna.fbcdn.net/v/t1.15752-9/37973538_1066888756812196_7082045950323064832_n.jpg?_nc_cat=0&oh=90856e5cd9d89f76786ffaaa6d3064c3&oe=5BD4BDC1" />
+
        <div class="img-overlay">
+
     <div class="img-overlay-txt">Daniel Deitch
+
    <br> Designer <br> </div>
+
 
   </div>
 
   </div>
  <img class="top" src="https://scontent.ftlv2-1.fna.fbcdn.net/v/t1.15752-9/37931462_1066888683478870_8909214412015927296_n.jpg?_nc_cat=0&oh=fe8951757dada598a4796e97ed220fa6&oe=5BCF5AF3" />
 
 
 
     
 
</div>
 
</div>
 
 
     </div>
 
     </div>
 
       </div>
 
       </div>
Line 573: 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 id="abstract" class="container text-center">
 
 
 
</div>
 
</div>
<div id="video" class="container-fluid text-center gray-section">
 
  <div class="row">
 
<div class="col-sm-8 col-sm-offset-2">
 
    <h1>Long Story Short</h1>
 
 
 
 
</div>
 
</div>
   
 
  </div>
 
 
</div>
 
</div>
<style>
 
    .footer-list {
 
        list-style: none;
 
        color:#a5a5a5;
 
    }
 
    .footer-list-item {
 
        padding:20px 0 20px 0 !important;
 
        border-bottom: 1px solid #a5a5a5;
 
    }
 
    .footer-list .footer-list-item:last-child {
 
        border:0;
 
    }
 
</style>
 
  
<footer class="container-fluid">
 
<div class="row">
 
    <div class="col-md-4">
 
<ul class="footer-list">
 
  <li class="footer-list-item">Ben-Gurion University of the Negev
 
Ben Gurion 1, Beer Sheva 8410501, Israel</li>
 
  <li class="footer-list-item">Second item</li>
 
  <li class="footer-list-item">Third item</li>
 
</ul>
 
    </div>
 
    <div class="col-md-4">
 
    <ul class="footer-list">
 
  <li class="footer-list-item">First item</li>
 
  <li class="footer-list-item">Second item</li>
 
  <li class="footer-list-item">Third item</li>
 
</ul>
 
    </div>
 
    <div class="col-md-4">
 
    <ul class="footer-list">
 
  <li class="footer-list-item">First item</li>
 
  <li class="footer-list-item">Second item</li>
 
  <li class="footer-list-item">Third item</li>
 
<li class="footer-list-item">Third item</li>
 
</ul>
 
    </div>
 
   
 
</div>
 
</footer>
 
  
<script>
+
      <div class="bg-white">
$(document).ready(function(){
+
<div class="container text-center">
  // Add smooth scrolling to all links in navbar + footer link
+
  <div class="row">
  $(".navbar a, #myBtn[href='#top']").on('click', function(event) {
+
       <h1>Supervisors</h1>
    // Make sure this.hash has a value before overriding default behavior
+
    if (this.hash !== "") {
+
       // Prevent default anchor click behavior
+
      event.preventDefault();
+
  
       // Store hash
+
  </div>
       var hash = this.hash;
+
    <div id="sup-photos"  class="row">
 +
    <div class="col-sm-3">
 +
<div class="thumbnail">
 +
       <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>
  
      // Using jQuery's animate() method to add smooth page scroll
 
      // The optional number (900) specifies the number of milliseconds it takes to scroll to the specified area
 
      $('html, body').animate({
 
        scrollTop: $(hash).offset().top
 
      }, 500, function(){
 
 
 
        // Add hash (#) to URL when done scrolling (default click behavior)
 
        window.location.hash = hash;
 
      });
 
    } // End if
 
  });
 
 
 
  $(window).scroll(function() {
 
    $(".slideanim").each(function(){
 
      var pos = $(this).offset().top;
 
  
      var winTop = $(window).scrollTop();
 
        if (pos < winTop + 600) {
 
          $(this).addClass("slide");
 
        }
 
    });
 
  });
 
})
 
</script>
 
  
    <script>
+
    <div class="col-sm-3">
// When the user scrolls down 20px from the top of the document, show the button
+
<div class="thumbnail">
$(window).scroll(function() {
+
      <img src="https://static.igem.org/mediawiki/2018/a/af/T--BGU_Israel--team_ramon.png" alt="...">
     if ($(this).scrollTop() > 20) {
+
      <div class="caption">
         $('#myBtn').fadeIn(400);
+
        <h3>Dr. Ramon Birnbaum</h3>
    } else {
+
        <h5><b>Principal Investigator</b><h5><br/><br/>
         $('#myBtn').fadeOut(400);
+
        </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>
  
</script>
 
 
</body>
 
</body>
 
</html>
 
</html>
 +
{{Template:BGU_Israel/footer}}

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.