|
|
(237 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 {
| + | |
− | font: 400 15px Segoe UI !important;
| + | |
− | line-height: 1.8;
| + | |
− | color: #818181;
| + | |
− | }
| + | |
− | h1 {
| + | |
− | font-size: 32px!important;
| + | |
− | font-family: Segoe UI Light!important;
| + | |
− | 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;
| + | |
− | position:relative;
| + | |
− | left:-55%;
| + | |
− | text-align:left;
| + | |
| | | |
− | }
| |
− | .carousel-indicators li.active {
| |
− | background-color: #f4511e;
| |
− | position:relative;
| |
− | left:-55%;
| |
− | text-align:left;
| |
| | | |
− | }
| + | <style> |
− | .item h4 {
| + | .bg-grey, #team-photos { |
− | font-size: 19px;
| + | margin-top:0 !important; |
− | 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 { |
− | height: 100%;
| + | margin:0 15px; |
− | padding: 0 0 10px 20px;
| + | padding-bottom:0; |
− | width: auto;
| + | background-color:#ededed; |
| + | } |
| + | #team-photos .thumbnail img { |
| + | margin:0; |
| + | padding:0; |
| } | | } |
− | .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;
| + | |
| } | | } |
− | @media only screen and (max-device-width: 1366px) { | + | #team-photos .thumbnail .caption h5 { |
− | .parallax { | + | font-family:'Segoe UI Light'; |
− | background-attachment: scroll; | + | 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 screen and (max-width: 600px){ |
| + | #team-photos .thumbnail { |
| + | 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="team-photos" class="bg-grey"> |
| + | <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="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> |
| + | <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> | | </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 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> |
− | <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 581: |
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}} |