|
|
| (38 intermediate revisions by 3 users not shown) |
| Line 3: |
Line 3: |
| | <head> | | <head> |
| | <meta charset="utf-8"/> | | <meta charset="utf-8"/> |
| − |
| + | <style type="text/css"> |
| − | <style type="text/css">
| + | #top_menu_14 { |
| − |
| + | |
| − | .abstract {
| + | |
| − | font-size: 130%;
| + | |
| − | }
| + | |
| − |
| + | |
| − | #top_menu_14 { | + | |
| | width: 100%; | | width: 100%; |
| | } | | } |
| Line 27: |
Line 21: |
| | width: 100%; | | width: 100%; |
| | } | | } |
| − | | + | </style> |
| − | h1 {
| + | <link rel="stylesheet" href="https://2015.igem.org/Team:Technion_Israel/main_css?action=raw&ctype=text/css"/> |
| − | border-bottom: none;
| + | |
| − | }
| + | |
| − | | + | |
| − | .main_menu, footer {
| + | |
| − | width: 650px;
| + | |
| − | margin: auto;
| + | |
| − | clear: both;
| + | |
| − | }
| + | |
| − |
| + | |
| − | #igem_login {
| + | |
| − | float: right;
| + | |
| − | color: white;
| + | |
| − | background:#7f7f7f;
| + | |
| − | background:rgba(0,0,0,0.2);
| + | |
| − | }
| + | |
| − |
| + | |
| − | #igem_login:hover {
| + | |
| − | color: blue;
| + | |
| − | }
| + | |
| − |
| + | |
| − | #team_logo {
| + | |
| − | width: 400px;
| + | |
| − | height: auto;
| + | |
| − | display: block;
| + | |
| − | margin: auto;
| + | |
| − | }
| + | |
| − |
| + | |
| − | .facebook_link {
| + | |
| − | margin-top: 5px;
| + | |
| − | }
| + | |
| − |
| + | |
| − | body {
| + | |
| − | font-family: sans-serif;
| + | |
| − | background-image: url("https://static.igem.org/mediawiki/2015/1/1b/Team_Technion_Background_Hair.jpg");
| + | |
| − | }
| + | |
| − |
| + | |
| − | .content {
| + | |
| − | width: 700px;
| + | |
| − | margin: auto;
| + | |
| − | background:#7f7f7f;
| + | |
| − | background:rgba(255,255,255,0.5);
| + | |
| − | }
| + | |
| − |
| + | |
| − | .abstract {
| + | |
| − | position: relative;
| + | |
| − | text-align: left;
| + | |
| − | z-index: 1;
| + | |
| − | margin-left: 10px;
| + | |
| − | }
| + | |
| − |
| + | |
| − | .abstract_title {
| + | |
| − | position: relative;
| + | |
| − | text-align: center;
| + | |
| − | z-index: 1;
| + | |
| − | }
| + | |
| − |
| + | |
| − |
| + | |
| − |
| + | |
| − | /*************************footer****************/
| + | |
| − | footer .team_name {
| + | |
| − | text-align: center;
| + | |
| − | color: white;
| + | |
| − | }
| + | |
| − |
| + | |
| − | footer .connect_links {
| + | |
| − | width: 130px;
| + | |
| − | margin: auto;
| + | |
| − | }
| + | |
| − |
| + | |
| − | footer {
| + | |
| − | background:#7f7f7f;
| + | |
| − | background:rgba(0,0,0,0.5);
| + | |
| − | width: 100%;
| + | |
| − | }
| + | |
| − |
| + | |
| − | footer h3 {
| + | |
| − | margin-top: 0px;
| + | |
| − | margin-bottom: 0px;
| + | |
| − | color: white;
| + | |
| − | }
| + | |
| − |
| + | |
| − | .connect_links {
| + | |
| − | display: flex;
| + | |
| − | }
| + | |
| − | /*************************footer-end*************/
| + | |
| − |
| + | |
| − |
| + | |
| − |
| + | |
| − |
| + | |
| − |
| + | |
| − | /************************************************************************************/
| + | |
| − | /***********************************Buttons******************************************/
| + | |
| − | /************************************************************************************/
| + | |
| − |
| + | |
| − | /*************************one****************/
| + | |
| − | .button_main1 {
| + | |
| − | background: #f33;
| + | |
| − | color: #fff;
| + | |
| − | border: 0;
| + | |
| − | padding: 1em 2em;
| + | |
| − | border-radius: 6px;
| + | |
| − | cursor: pointer;
| + | |
| − | border-bottom: 3px solid #e60000;
| + | |
| − | outline: none;
| + | |
| − | position: relative;
| + | |
| − | overflow: hidden;
| + | |
| − | }
| + | |
| − | .button_main1:hover {
| + | |
| − | border-bottom-width: 2px;
| + | |
| − | margin-top: 0px;
| + | |
| − | }
| + | |
| − | .button_main1:active,
| + | |
| − | .button_main1:focus {
| + | |
| − | border-bottom-width: 1px;
| + | |
| − | margin-top: 2px;
| + | |
| − | -webkit-animation: shakeBtn 20ms infinite;
| + | |
| − | animation: shakeBtn 20ms infinite;
| + | |
| − | }
| + | |
| − | .button_main1 .btn-text {
| + | |
| − | position: relative;
| + | |
| − | z-index: 1;
| + | |
| − | }
| + | |
| − | .button_main1 .btn-bg {
| + | |
| − | position: absolute;
| + | |
| − | background: -webkit-linear-gradient(top, #f99, #ff1a1a);
| + | |
| − | background: linear-gradient(to bottom, #f99, #ff1a1a);
| + | |
| − | top: -100%;
| + | |
| − | left: 0;
| + | |
| − | width: 100%;
| + | |
| − | height: 200%;
| + | |
| − | -webkit-transition: all 600ms ease;
| + | |
| − | transition: all 600ms ease;
| + | |
| − | }
| + | |
| − | .button_main1:hover .btn-bg {
| + | |
| − | top: 0;
| + | |
| − | }
| + | |
| − | /*************************one-end*************/
| + | |
| − | /*************************two****************/
| + | |
| − | .button_main2 {
| + | |
| − | background: #f33;
| + | |
| − | color: #fff;
| + | |
| − | border: 0;
| + | |
| − | padding: 1em 2em;
| + | |
| − | border-radius: 6px;
| + | |
| − | cursor: pointer;
| + | |
| − | border-bottom: 3px solid #e60000;
| + | |
| − | outline: none;
| + | |
| − | position: relative;
| + | |
| − | overflow: hidden;
| + | |
| − | }
| + | |
| − | .button_main2:hover {
| + | |
| − | border-bottom-width: 2px;
| + | |
| − | margin-top: 0px;
| + | |
| − | }
| + | |
| − | .button_main2:active,
| + | |
| − | .button_main2:focus {
| + | |
| − | border-bottom-width: 1px;
| + | |
| − | margin-top: 2px;
| + | |
| − | -webkit-animation: shakeBtn 20ms infinite;
| + | |
| − | animation: shakeBtn 20ms infinite;
| + | |
| − | }
| + | |
| − | .button_main2 .btn-text {
| + | |
| − | position: relative;
| + | |
| − | z-index: 1;
| + | |
| − | }
| + | |
| − | .button_main2 .btn-bg {
| + | |
| − | position: absolute;
| + | |
| − | background: -webkit-linear-gradient(top, #f99, #ff1a1a);
| + | |
| − | background: linear-gradient(to bottom, #f99, #ff1a1a);
| + | |
| − | top: -100%;
| + | |
| − | left: 0;
| + | |
| − | width: 100%;
| + | |
| − | height: 200%;
| + | |
| − | -webkit-transition: all 600ms ease;
| + | |
| − | transition: all 600ms ease;
| + | |
| − | }
| + | |
| − | .button_main2:hover .btn-bg {
| + | |
| − | top: 0;
| + | |
| − | }
| + | |
| − | /*************************two-end*************/
| + | |
| − | /*************************three****************/
| + | |
| − | .button_main3 {
| + | |
| − | background: #f33;
| + | |
| − | color: #fff;
| + | |
| − | border: 0;
| + | |
| − | padding: 1em 2em;
| + | |
| − | border-radius: 6px;
| + | |
| − | cursor: pointer;
| + | |
| − | border-bottom: 3px solid #e60000;
| + | |
| − | outline: none;
| + | |
| − | position: relative;
| + | |
| − | overflow: hidden;
| + | |
| − | }
| + | |
| − | .button_main3:hover {
| + | |
| − | border-bottom-width: 2px;
| + | |
| − | margin-top: 0px;
| + | |
| − | }
| + | |
| − | .button_main3:active,
| + | |
| − | .button_main3:focus {
| + | |
| − | border-bottom-width: 1px;
| + | |
| − | margin-top: 2px;
| + | |
| − | -webkit-animation: shakeBtn 20ms infinite;
| + | |
| − | animation: shakeBtn 20ms infinite;
| + | |
| − | }
| + | |
| − | .button_main3 .btn-text {
| + | |
| − | position: relative;
| + | |
| − | z-index: 1;
| + | |
| − | }
| + | |
| − | .button_main3 .btn-bg {
| + | |
| − | position: absolute;
| + | |
| − | background: -webkit-linear-gradient(top, #f99, #ff1a1a);
| + | |
| − | background: linear-gradient(to bottom, #f99, #ff1a1a);
| + | |
| − | top: -100%;
| + | |
| − | left: 0;
| + | |
| − | width: 100%;
| + | |
| − | height: 200%;
| + | |
| − | -webkit-transition: all 600ms ease;
| + | |
| − | transition: all 600ms ease;
| + | |
| − | }
| + | |
| − | .button_main3:hover .btn-bg {
| + | |
| − | top: 0;
| + | |
| − | }
| + | |
| − | /*************************three-end*************/
| + | |
| − | /*************************four****************/
| + | |
| − | .button_main4 {
| + | |
| − | background: #f33;
| + | |
| − | color: #fff;
| + | |
| − | border: 0;
| + | |
| − | padding: 1em 2em;
| + | |
| − | border-radius: 6px;
| + | |
| − | cursor: pointer;
| + | |
| − | border-bottom: 3px solid #e60000;
| + | |
| − | outline: none;
| + | |
| − | position: relative;
| + | |
| − | overflow: hidden;
| + | |
| − | }
| + | |
| − | .button_main4:hover {
| + | |
| − | border-bottom-width: 2px;
| + | |
| − | margin-top: 0px;
| + | |
| − | }
| + | |
| − | .button_main4:active,
| + | |
| − | .button_main4:focus {
| + | |
| − | border-bottom-width: 1px;
| + | |
| − | margin-top: 2px;
| + | |
| − | -webkit-animation: shakeBtn 20ms infinite;
| + | |
| − | animation: shakeBtn 20ms infinite;
| + | |
| − | }
| + | |
| − | .button_main4 .btn-text {
| + | |
| − | position: relative;
| + | |
| − | z-index: 1;
| + | |
| − | }
| + | |
| − | .button_main4 .btn-bg {
| + | |
| − | position: absolute;
| + | |
| − | background: -webkit-linear-gradient(top, #f99, #ff1a1a);
| + | |
| − | background: linear-gradient(to bottom, #f99, #ff1a1a);
| + | |
| − | top: -100%;
| + | |
| − | left: 0;
| + | |
| − | width: 100%;
| + | |
| − | height: 200%;
| + | |
| − | -webkit-transition: all 600ms ease;
| + | |
| − | transition: all 600ms ease;
| + | |
| − | }
| + | |
| − | .button_main4:hover .btn-bg {
| + | |
| − | top: 0;
| + | |
| − | }
| + | |
| − | /*************************four-end*************/
| + | |
| − | /*************************five****************/
| + | |
| − | .button_main5 {
| + | |
| − | background: #f33;
| + | |
| − | color: #fff;
| + | |
| − | border: 0;
| + | |
| − | padding: 1em 2em;
| + | |
| − | border-radius: 6px;
| + | |
| − | cursor: pointer;
| + | |
| − | border-bottom: 3px solid #e60000;
| + | |
| − | outline: none;
| + | |
| − | position: relative;
| + | |
| − | overflow: hidden;
| + | |
| − | }
| + | |
| − | .button_main5:hover {
| + | |
| − | border-bottom-width: 2px;
| + | |
| − | margin-top: 0px;
| + | |
| − | }
| + | |
| − | .button_main5:active,
| + | |
| − | .button_main5:focus {
| + | |
| − | border-bottom-width: 1px;
| + | |
| − | margin-top: 2px;
| + | |
| − | -webkit-animation: shakeBtn 20ms infinite;
| + | |
| − | animation: shakeBtn 20ms infinite;
| + | |
| − | }
| + | |
| − | .button_main5 .btn-text {
| + | |
| − | position: relative;
| + | |
| − | z-index: 1;
| + | |
| − | }
| + | |
| − | .button_main5 .btn-bg {
| + | |
| − | position: absolute;
| + | |
| − | background: -webkit-linear-gradient(top, #f99, #ff1a1a);
| + | |
| − | background: linear-gradient(to bottom, #f99, #ff1a1a);
| + | |
| − | top: -100%;
| + | |
| − | left: 0;
| + | |
| − | width: 100%;
| + | |
| − | height: 200%;
| + | |
| − | -webkit-transition: all 600ms ease;
| + | |
| − | transition: all 600ms ease;
| + | |
| − | }
| + | |
| − | .button_main5:hover .btn-bg {
| + | |
| − | top: 0;
| + | |
| − | }
| + | |
| − | /*************************five-end*************/
| + | |
| − |
| + | |
| − | /************************************************************************************/
| + | |
| − | /***********************************Buttons-end**************************************/
| + | |
| − | /************************************************************************************/
| + | |
| − |
| + | |
| − |
| + | |
| − |
| + | |
| − |
| + | |
| − |
| + | |
| − |
| + | |
| − |
| + | |
| − |
| + | |
| − |
| + | |
| − |
| + | |
| − |
| + | |
| − |
| + | |
| − |
| + | |
| − |
| + | |
| − |
| + | |
| − |
| + | |
| − | /************************************************************************************/
| + | |
| − | /***********************************dropdown menu************************************/
| + | |
| − | /************************************************************************************/
| + | |
| − |
| + | |
| − | .dropdown {
| + | |
| − | position: fixed;
| + | |
| − | top: 10px;
| + | |
| − | display: inline-block;
| + | |
| − | float: left;
| + | |
| − | z-index: 999;
| + | |
| − | }
| + | |
| − | .dropdown nav {
| + | |
| − | max-height: 0px;
| + | |
| − | overflow: hidden;
| + | |
| − | -webkit-transition: all 600ms ease;
| + | |
| − | transition: all 600ms ease;
| + | |
| − | }
| + | |
| − | .dropdown nav a {
| + | |
| − | display: block;
| + | |
| − | }
| + | |
| − | .dropdown:hover nav {
| + | |
| − | max-height: 999px;
| + | |
| − | }
| + | |
| − | .dropdown a {
| + | |
| − | width: 155px;
| + | |
| − | display: inline-block;
| + | |
| − | background: #33f;
| + | |
| − | background:rgba(0,0,0,0.4);
| + | |
| − | color: #fff;
| + | |
| − | text-decoration: none;
| + | |
| − | text-align: center;
| + | |
| − | padding: 1em 2em;
| + | |
| − | font-family: sans-serif;
| + | |
| − | }
| + | |
| − |
| + | |
| − | .dropdown a:hover {
| + | |
| − | background: #33f;
| + | |
| − | background:rgba(0,0,0,0.8);
| + | |
| − | }
| + | |
| − | /*************************one*****************************/
| + | |
| − | .sub1 {
| + | |
| − | overflow: hidden;
| + | |
| − | display: -webkit-box;
| + | |
| − | display: -webkit-flex;
| + | |
| − | display: -ms-flexbox;
| + | |
| − | display: flex;
| + | |
| − | max-width: 0;
| + | |
| − | max-height: 50px;
| + | |
| − | -webkit-transition: all 600ms ease;
| + | |
| − | transition: all 600ms ease;
| + | |
| − | }
| + | |
| − | .sub1 a {
| + | |
| − | background: #ffb733;
| + | |
| − | background:rgba(255,183,51,0.4);
| + | |
| − | }
| + | |
| − | .main1 {
| + | |
| − | display: -webkit-box;
| + | |
| − | display: -webkit-flex;
| + | |
| − | display: -ms-flexbox;
| + | |
| − | display: flex;
| + | |
| − | }
| + | |
| − |
| + | |
| − | .main1 a {
| + | |
| − | width: 140px;
| + | |
| − | }
| + | |
| − |
| + | |
| − | .main1:hover .sub1 {
| + | |
| − | max-width: 999px;
| + | |
| − | max-height: 50px;
| + | |
| − | }
| + | |
| − | .btn-bg1 {
| + | |
| − | background: #ffb733;
| + | |
| − | background:rgba(255,183,51,0.4);
| + | |
| − | height: 50px;
| + | |
| − | width: 14px;
| + | |
| − | }
| + | |
| − |
| + | |
| − | .sub1 a:hover {
| + | |
| − | background: #ffb733;
| + | |
| − | background:rgba(255,183,51,0.8);
| + | |
| − | }
| + | |
| − | /*************************one*****************************/
| + | |
| − | /*************************two*****************************/
| + | |
| − | .sub2 {
| + | |
| − | overflow: hidden;
| + | |
| − | display: -webkit-box;
| + | |
| − | display: -webkit-flex;
| + | |
| − | display: -ms-flexbox;
| + | |
| − | display: flex;
| + | |
| − | max-width: 0;
| + | |
| − | -webkit-transition: all 600ms ease;
| + | |
| − | transition: all 600ms ease;
| + | |
| − | }
| + | |
| − | .sub2 a {
| + | |
| − | background: #00a600;
| + | |
| − | background:rgba(0,166,0,0.4);
| + | |
| − | }
| + | |
| − | .main2 {
| + | |
| − | display: -webkit-box;
| + | |
| − | display: -webkit-flex;
| + | |
| − | display: -ms-flexbox;
| + | |
| − | display: flex;
| + | |
| − | }
| + | |
| − |
| + | |
| − | .main2 a {
| + | |
| − | width: 140px;
| + | |
| − | }
| + | |
| − |
| + | |
| − | .main2:hover .sub2 {
| + | |
| − | max-width: 999px;
| + | |
| − | max-height: 50px;
| + | |
| − | }
| + | |
| − | .btn-bg2 {
| + | |
| − | background: #00a600;
| + | |
| − | background:rgba(0,166,0,0.4);
| + | |
| − | height: 50px;
| + | |
| − | width: 14px;
| + | |
| − | }
| + | |
| − |
| + | |
| − | .sub2 a:hover {
| + | |
| − | background: #ffb733;
| + | |
| − | background:rgba(0,166,0,0.8);
| + | |
| − | }
| + | |
| − | /*************************two*****************************/
| + | |
| − | /*************************three*****************************/
| + | |
| − | .sub3 {
| + | |
| − | overflow: hidden;
| + | |
| − | display: -webkit-box;
| + | |
| − | display: -webkit-flex;
| + | |
| − | display: -ms-flexbox;
| + | |
| − | display: flex;
| + | |
| − | max-width: 0;
| + | |
| − | -webkit-transition: all 600ms ease;
| + | |
| − | transition: all 600ms ease;
| + | |
| − | }
| + | |
| − | .sub3 a {
| + | |
| − | background: #ff1a1a;
| + | |
| − | background:rgba(255,26,26,0.4);
| + | |
| − | }
| + | |
| − | .main3 {
| + | |
| − | display: -webkit-box;
| + | |
| − | display: -webkit-flex;
| + | |
| − | display: -ms-flexbox;
| + | |
| − | display: flex;
| + | |
| − | }
| + | |
| − |
| + | |
| − | .main3 a {
| + | |
| − | width: 140px;
| + | |
| − | }
| + | |
| − |
| + | |
| − | .main3:hover .sub3 {
| + | |
| − | max-width: 999px;
| + | |
| − | max-height: 50px;
| + | |
| − | }
| + | |
| − | .btn-bg3 {
| + | |
| − | background: #ff1a1a;
| + | |
| − | background:rgba(255,26,26,0.4);
| + | |
| − | height: 50px;
| + | |
| − | width: 14px;
| + | |
| − | }
| + | |
| − |
| + | |
| − | .sub3 a:hover {
| + | |
| − | background: #ffb733;
| + | |
| − | background:rgba(255,26,26,0.8);
| + | |
| − | }
| + | |
| − | /*************************three*****************************/
| + | |
| − | /*************************four*****************************/
| + | |
| − | .sub4 {
| + | |
| − | overflow: hidden;
| + | |
| − | display: -webkit-box;
| + | |
| − | display: -webkit-flex;
| + | |
| − | display: -ms-flexbox;
| + | |
| − | display: flex;
| + | |
| − | max-width: 0;
| + | |
| − | -webkit-transition: all 600ms ease;
| + | |
| − | transition: all 600ms ease;
| + | |
| − | }
| + | |
| − | .sub4 a {
| + | |
| − | background: #a600a6;
| + | |
| − | background:rgba(166,0,166,0.4);
| + | |
| − | }
| + | |
| − | .main4 {
| + | |
| − | display: -webkit-box;
| + | |
| − | display: -webkit-flex;
| + | |
| − | display: -ms-flexbox;
| + | |
| − | display: flex;
| + | |
| − | }
| + | |
| − |
| + | |
| − | .main4 a {
| + | |
| − | width: 140px;
| + | |
| − | }
| + | |
| − |
| + | |
| − | .main4:hover .sub4 {
| + | |
| − | max-width: 999px;
| + | |
| − | max-height: 50px;
| + | |
| − | }
| + | |
| − | .btn-bg4 {
| + | |
| − | background: #a600a6;
| + | |
| − | background:rgba(166,0,166,0.4);
| + | |
| − | height: 50px;
| + | |
| − | width: 14px;
| + | |
| − | }
| + | |
| − |
| + | |
| − | .sub4 a:hover {
| + | |
| − | background: #ffb733;
| + | |
| − | background:rgba(166,0,166,0.8);
| + | |
| − | }
| + | |
| − | /*************************four*****************************/
| + | |
| − | /*************************five*****************************/
| + | |
| − | .sub5 {
| + | |
| − | overflow: hidden;
| + | |
| − | display: -webkit-box;
| + | |
| − | display: -webkit-flex;
| + | |
| − | display: -ms-flexbox;
| + | |
| − | display: flex;
| + | |
| − | max-width: 0;
| + | |
| − | -webkit-transition: all 600ms ease;
| + | |
| − | transition: all 600ms ease;
| + | |
| − | }
| + | |
| − | .sub5 a {
| + | |
| − | background: #0000FF;
| + | |
| − | background:rgba(0,0,255,0.4);
| + | |
| − | }
| + | |
| − | .main5 {
| + | |
| − | display: -webkit-box;
| + | |
| − | display: -webkit-flex;
| + | |
| − | display: -ms-flexbox;
| + | |
| − | display: flex;
| + | |
| − | }
| + | |
| − |
| + | |
| − | .main5 a {
| + | |
| − | width: 140px;
| + | |
| − | }
| + | |
| − |
| + | |
| − | .main5:hover .sub5 {
| + | |
| − | max-width: 999px;
| + | |
| − | max-height: 50px;
| + | |
| − | }
| + | |
| − | .btn-bg5 {
| + | |
| − | background: #0000FF;
| + | |
| − | background:rgba(0,0,255,0.4);
| + | |
| − | height: 50px;
| + | |
| − | width: 14px;
| + | |
| − | }
| + | |
| − |
| + | |
| − | .sub5 a:hover {
| + | |
| − | background: #0000FF;
| + | |
| − | background:rgba(0,0,255,0.8);
| + | |
| − | }
| + | |
| − | /*************************five*****************************/
| + | |
| − |
| + | |
| − | /************************************************************************************/
| + | |
| − | /***********************************dropdown menu-end********************************/
| + | |
| − | /************************************************************************************/
| + | |
| − | </style>
| + | |
| − |
| + | |
| − | <link rel="stylesheet" href="css/style.css"/> | + | |
| | <title>Team: Technion 2015</title> | | <title>Team: Technion 2015</title> |
| | </head> | | </head> |
| | <body> | | <body> |
| | | | |
| − | <header> | + | <div class="be_bold"> |
| − | <!--<a href="#" ID=igem_login>Log in</a>--> | + | <img src="https://static.igem.org/mediawiki/2015/3/3b/Technion_2015_Be_Bold_Logo-Be.png" alt="be" id="be"/> |
| − |
| + | <img src="https://static.igem.org/mediawiki/2015/6/67/Technion_2015_Be_Bold_Logo-BOLD.png" alt="bold" id="bold"/> |
| − | <img src="https://static.igem.org/mediawiki/2015/f/fc/Team_Technion_Logo.png" alt="Team Logo" id="team_logo" /> | + | <img src="https://static.igem.org/mediawiki/2015/b/b2/Technion_2015_Be_Bold_logo-Not-bald.png" alt="not_bald" id="not_bald"/> |
| | + | </div> |
| | | | |
| − | | + | <div class="main_wrapper"> |
| − | <nav>
| + | <div class="figure" id="f_geek"> |
| − | <a href="#">
| + | <div class="image"> |
| − | <button class="button_main1">
| + | <img src="https://static.igem.org/mediawiki/2015/2/25/Technion_2015_Geek.png" alt="Bald-Geek" id="geek"/> |
| − | <span class="btn-text">Project</span>
| + | </div> |
| − | <span class="btn-bg"></span>
| + | |
| − | </button>
| + | <div class="menu"> |
| − | </a>
| + | <nav> |
| − | <a href="#">
| + | <a href=" https://2015.igem.org/Team:Technion_Israel/Project/Overview" id=" geek_link1"> Overview</ a> |
| − | <button class="button_main2">
| + | <a href="https://2015.igem.org/Team:Technion_Israel/Project/Secretion" id="geek_link2">Secretion</a> |
| − | <span class="btn-text">Lab Notebook</span>
| + | <a href=" https://2015.igem.org/Team:Technion_Israel/Project/Expression" id=" geek_link3"> Expression</ a> |
| − | <span class="btn-bg"></span>
| + | <a href="https://2015.igem.org/Team:Technion_Israel/Project/Cofactor" id="geek_link4">Cofactor</a> |
| − | </button>
| + | <a href="https://2015.igem.org/Team:Technion_Israel/Design" id="geek_link5">Comb</a> |
| − | </a> | + | <a href=" https://2015.igem.org/Team:Technion_Israel/Modeling" id=" geek_link6" >Modeling</a> |
| − | | + | <a href="https://2015.igem.org/Team:Technion_Israel/Project/Results" id="geek_link1">Results</a> |
| − | <button class="button_main3">
| + | </nav> |
| − | <span class="btn-text">Judging Criteria</span>
| + | </div> |
| − | <span class="btn-bg"></span>
| + | |
| − | </button>
| + | |
| − | </a>
| + | |
| − | | + | |
| − | <button class="button_main4">
| + | |
| − | <span class="btn-text">Human Practices</span>
| + | |
| − | <span class="btn-bg"></span>
| + | |
| − | </button> | + | |
| − | </a>
| + | |
| − | | + | |
| − | <button class="button_main5">
| + | |
| − | <span class="btn-text">Team</span>
| + | |
| − | <span class="btn-bg"></span>
| + | |
| − | </button>
| + | |
| − | </a> | + | |
| − | </nav> | + | |
| | </div> | | </div> |
| − | </header>
| + | |
| − | | + | <div class=" figure" id="f_hippie"> |
| − | <!---------------------------------------dropdown menu----------------------------------->
| + | <div class="image"> |
| − | <div class="dropdown"> | + | <img src="https://static.igem.org/mediawiki/2015/4/4d/Technion_2015_Hippie.png" alt="Bald-hippie" id="hippie"/> |
| − | <a href="#"> | + | </div> |
| − | <img src="https://static.igem.org/mediawiki/2015/c/c1/Team_Technion_Navbar_Home.png" alt="Home" id="home_nav" /> | + | |
| − | <div id="home_text">Navigate</div>
| + | <div class="menu"> |
| − | </a> | + | <nav> |
| − | <nav> | + | <a href="https://2015.igem.org/Team:Technion_Israel/Lab_Notebook/Overview" id="hippie_link1">Overview</a> |
| − | | + | <a href="https://2015.igem.org/Team:Technion_Israel/Lab_Notebook/Protocols" id="hippie_link2">Protocols</a> |
| − | <a href="#">Project</a>
| + | </nav> |
| − | <span class="btn-bg1"></span>
| + | </div> |
| − | <div class="sub1">
| + | |
| − | <a href="#">sublink1</a>
| + | |
| − | <a href="#">sublink2</a>
| + | |
| − | <a href="#">sublink3</a>
| + | |
| − | </div>
| + | |
| − | </div> | + | |
| − | <div class="main2">
| + | |
| − | <a href="#">Lab Notebook</a> | + | |
| − | <span class="btn-bg2"></span>
| + | |
| − | <div class="sub2">
| + | |
| − | <a href="#">sublink1</a>
| + | |
| − | <a href="#">sublink2</a>
| + | |
| − | <a href="#">sublink3</a>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | <div class="main3">
| + | |
| − | <a href="#">Judging Criteria</a>
| + | |
| − | <span class="btn-bg3"></span> | + | |
| − | <div class="sub3">
| + | |
| − | | + | |
| − | <a href="#">sublink2</a>
| + | |
| − | <a href="#">sublink3</a>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | <div class="main4">
| + | |
| − | <a href="#">Human Practices</a>
| + | |
| − | <span class="btn-bg4"></span>
| + | |
| − | <div class="sub4">
| + | |
| − | <a href="#">sublink1</a>
| + | |
| − | <a href="#">sublink2</a>
| + | |
| − | <a href="#">sublink3</a>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | <div class="main5">
| + | |
| − | <a href="#">Team</a>
| + | |
| − | <span class="btn-bg5"></span>
| + | |
| − | <div class="sub5">
| + | |
| − | <a href="#">sublink1</a>
| + | |
| − | <a href="#">sublink2</a>
| + | |
| − | <a href="#">sublink3</a>
| + | |
| − | </div>
| + | |
| − | </div> | + | |
| − | </nav> | + | |
| | </div> | | </div> |
| − | <!---------------------------------------dropdown menu-end-----------------------------------> | + | |
| − | | + | <div class="figure" id="f_jumping"> |
| − | <div class="content"> | + | |
| − | <h1 class="abstract_title">Hello! Welcome to our temporary wiki page!</h1>
| + | <img src="https://static.igem.org/mediawiki/2015/9/93/Technion_2015_Jumping.png" alt="Bald-jumping" id="jumping"/> |
| − | | + | </div> |
| − | <b>Our team is developing a treatment for male pattern baldness.</b>
| + | |
| − | <p>
| + | |
| − | Hair loss affects roughly 61 million people in the United States. More than 95% of hair thinning in men is attributed to male pattern baldness, or androgenetic alopecia. The hair loss product market is a multi-billion dollar market: in the United States alone, this market’s annual revenue is 7 billion dollars, with 3.5% annual growth rate from 2007 to 2012, yet a sufficient solution has yet to be made available.
| + | <nav> |
| − | The trigger for androgenetic alopecia is believed to be dihydrotestosterone (DHT), a derivative of testosterone.
| + | <a href="https://2015.igem.org/Team:Technion_Israel/Practices" id="jumping_link1">Practices</a> |
| − | This summer, we are engineering Bacillus Subtilis, a model organism for a bacterium found naturally on the scalp, to secrete 3α-hydroxysteroid dehydrogenase (3-α-HSD). This enzyme reduces DHT to a non-steroidically active compound, using NADPH and NADH as cofactors. | + | <a href="https: //2015. igem. org/Team:Technion_Israel/Practices/safety" id="jumping_link2">Safety</a > |
| − | </p>
| + | </nav> |
| − | <p>
| + | </div> |
| − | Our project consists of 3 main parts: 3-α-HSD secretion by the bacterium, engineered bacterium for NADPH overproduction, and a comb as a tool to create a user-friendly experience.
| + | |
| − | By synchronizing these parts, we hope to be able to show convincing evidence of DHT breakdown, providing a promising platform for treatment of male pattern baldness!
| + | |
| − | </p> | + | |
| | </div> | | </div> |
| | + | |
| | + | <div class="figure" id="f_suit"> |
| | + | <div class="image"> |
| | + | <img src="https://static.igem.org/mediawiki/2015/0/0b/Technion_2015_Suit.png" alt="Bald-suit" id="suit"/> |
| | + | </div> |
| | + | |
| | + | <div class="menu"> |
| | + | <nav> |
| | + | <a href="https://2015.igem.org/Team:Technion_Israel/Parts" id="suit_link1">Parts</a> |
| | + | <a href="https://2015.igem.org/Team:Technion_Israel/Judging_Criteria/Achievements" id="suit_link2">Achievements</a> |
| | + | <a href="https://2015.igem.org/Team:Technion_Israel/Collaborations" id="suit_link3">Collaborations</a> |
| | + | </nav> |
| | + | </div> |
| | + | </div> |
| | + | |
| | + | <div class="figure" id="f_sitting"> |
| | + | <div class="image"> |
| | + | <img src="https://static.igem.org/mediawiki/2015/6/66/Technion_2015_Sitting.png" alt="Bald-sitting" id="sitting"/> |
| | + | </div> |
| | + | |
| | + | <div class="menu"> |
| | + | <nav> |
| | + | <a href="https://2015.igem.org/Team:Technion_Israel/Team/About_Us" id="sitting_link1">About Us</a> |
| | + | <a href="https://2015.igem.org/Team:Technion_Israel/Attributions" id="sitting_link2">Attributions</a> |
| | + | <a href="https://2015.igem.org/Team:Technion_Israel/Team/Sponsors" id="sitting_link3">Sponsors</a> |
| | + | <a href="https://2015.igem.org/Team:Technion_Israel/Team/gallery" id="sitting_link4">Gallery</a> |
| | + | </nav> |
| | + | </div> |
| | + | </div> |
| | + | </div> |
| | + | |
| | + | <div class="video_wrapper"> |
| | + | <video width="705" height="396" controls poster="https://static.igem.org/mediawiki/2015/2/28/Team_Technion_Logo_White.png"> |
| | + | <source src="https://static.igem.org/mediawiki/2015/b/bd/Technion_2015_Israel_Johnny.mp4" type="video/mp4"> |
| | + | Your browser does not support the video tag. |
| | + | </video> |
| | </div> | | </div> |
| | | | |
| Line 746: |
Line 129: |
| | </div> | | </div> |
| | </nav> | | </nav> |
| | + | |
| | + | <div class="sponsers_title"> |
| | + | <h3>Sponsors</h3> |
| | + | </div> |
| | + | <nav class="sponsers_images"> |
| | + | <div class="danyel"> |
| | + | <img src="https://static.igem.org/mediawiki/2015/7/7e/Technion_2015_Sponsor_Logo_Danyel_biotech.png" alt="Danyel_Biotech" /> |
| | + | </div> |
| | + | <div class="IDT"> |
| | + | <img src="https://static.igem.org/mediawiki/2015/d/db/Technion_2015_Sponsor_Logo_IDT-Logo.png" alt="IDT" /> |
| | + | </div> |
| | + | <div class="BioAnalytics"> |
| | + | <img src="https://static.igem.org/mediawiki/2015/0/0d/Technion_2015_Sponsor_Logo_BioAnalytics.png" alt="BioAnalytics" /> |
| | + | </div> |
| | + | <div class="Gal_Ben_David"> |
| | + | <img src="https://static.igem.org/mediawiki/2015/c/cf/Technion_2015_Sponsor_Logo_Gal_Ben_David.png" alt="Gal_Ben_David" /> |
| | + | </div> |
| | + | <div class="Ornat"> |
| | + | <img src="https://static.igem.org/mediawiki/2015/0/00/Technion_2015_Sponsor_Logo_Ornat_Final_RedLogo_Eng.png" alt="Ornat" /> |
| | + | </div> |
| | + | <div class="Sigma"> |
| | + | <img src="https://static.igem.org/mediawiki/2015/c/ca/Technion_2015_Sponsor_Logo_Sigma-Aldrich-1.png" alt="Sigma" /> |
| | + | </div> |
| | + | <div class="Technion_sponsor"> |
| | + | <img src="https://static.igem.org/mediawiki/2015/c/c8/Technion_2015_Sponsor_Logo_Technion_logo.png" alt="Technion_sponser" /> |
| | + | </div> |
| | + | <div class="Tivan"> |
| | + | <img src="https://static.igem.org/mediawiki/2015/8/8a/Technion_2015_Sponsor_Logo_Tivan_biotech.png" alt="Tivan" /> |
| | + | </div> |
| | + | |
| | + | </nav> |
| | + | |
| | </footer> | | </footer> |
| | | | |
| − | <script type="text/javascript" src="jquery-1.8.0.min.js"></script> | + | <script type="text/javascript" src="https://2015.igem.org/Team:Technion_Israel/main_js?action=raw&ctype=text/javascript"></script> |
| − | | + | |
| − | | + | |
| − | <script type="text/javascript">
| + | |
| − | $(document).ready(function() {
| + | |
| − |
| + | |
| − | var resize_flag;
| + | |
| − | var scroll_flag;
| + | |
| − |
| + | |
| − | if( $(window).width() < 1000)
| + | |
| − | {
| + | |
| − | resize_flag = 0;
| + | |
| − | }
| + | |
| − | else
| + | |
| − | {
| + | |
| − | resize_flag = 1;
| + | |
| − | }
| + | |
| − |
| + | |
| − | if (window.scrollY >= 450)
| + | |
| − | {
| + | |
| − | scroll_flag = 1;
| + | |
| − | }
| + | |
| − | else
| + | |
| − | {
| + | |
| − | scroll_flag = 0;
| + | |
| − | }
| + | |
| − |
| + | |
| − | if ((resize_flag == 1) && (scroll_flag == 1))
| + | |
| − | {
| + | |
| − | $(".dropdown").show();
| + | |
| − | }
| + | |
| − | else
| + | |
| − | {
| + | |
| − | $(".dropdown").hide();
| + | |
| − | }
| + | |
| − |
| + | |
| − |
| + | |
| − |
| + | |
| − | window.onresize=function() {
| + | |
| − | if( $(window).width() < 1000)
| + | |
| − | {
| + | |
| − | resize_flag = 0;
| + | |
| − | }
| + | |
| − | else
| + | |
| − | {
| + | |
| − | resize_flag = 1;
| + | |
| − | }
| + | |
| − | if ((resize_flag == 1) && (scroll_flag == 1))
| + | |
| − | {
| + | |
| − | $(".dropdown").show();
| + | |
| − | }
| + | |
| − | else
| + | |
| − | {
| + | |
| − | $(".dropdown").hide();
| + | |
| − | }
| + | |
| − | }
| + | |
| − |
| + | |
| − | window.onscroll=function() {
| + | |
| − | if (window.scrollY >= 450)
| + | |
| − | {
| + | |
| − | scroll_flag = 1;
| + | |
| − | }
| + | |
| − | else
| + | |
| − | {
| + | |
| − | scroll_flag = 0;
| + | |
| − | }
| + | |
| − | if ((resize_flag == 1) && (scroll_flag == 1))
| + | |
| − | {
| + | |
| − | $(".dropdown").show();
| + | |
| − | }
| + | |
| − | else
| + | |
| − | {
| + | |
| − | $(".dropdown").hide();
| + | |
| − | }
| + | |
| − | }
| + | |
| − | });
| + | |
| − | </script> | + | |
| | </body> | | </body> |
| | </html> | | </html> |
