|
|
| (73 intermediate revisions by 2 users not shown) |
| Line 1: |
Line 1: |
| | + | {{BioMarvel}} |
| | <html> | | <html> |
| − | <head>
| |
| − | <meta charset="UTF-8">
| |
| − | <meta name="viewport" content="width=device-width, initial-scale=1">
| |
| − |
| |
| − |
| |
| − | <style type="text/css">
| |
| − |
| |
| − | #home_logo, #sideMenu { display:none; }
| |
| − | #sideMenu, #top_title, .patrollink {display:none;}
| |
| − | #content { margin-left:0px; margin-top:-7px; padding:0px; width:100%;}
| |
| − | body {background-color:white; }
| |
| − | #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
| |
| − |
| |
| − | .judges-will-not-evaluate { border: 4px solid #e4dede; padding: 2% !important; width: 92%!important;}
| |
| − | /*general styling*/
| |
| − | /**************************************************************************************************************************************************************************************************/
| |
| − |
| |
| − | .igem_2018_team_content .igem_2018_team_column_wrapper h1 { font-size: 210%;}
| |
| − | .igem_2018_team_content .igem_2018_team_column_wrapper h2 { font-size: 190%;}
| |
| − | .igem_2018_team_content .igem_2018_team_column_wrapper h3 { font-size: 170%;}
| |
| − | .igem_2018_team_content .igem_2018_team_column_wrapper h4 { font-size: 150%;}
| |
| − | .igem_2018_team_content .igem_2018_team_column_wrapper h5 { font-size: 140%;}
| |
| − | .igem_2018_team_content .igem_2018_team_column_wrapper h6 { font-size: 130%;}
| |
| − |
| |
| − |
| |
| − | /* styling for the titles h1, h2*/
| |
| − | .igem_2018_team_content .igem_2018_team_column_wrapper h1, .igem_2018_team_content .igem_2018_team_column_wrapper h2 {
| |
| − | border-bottom:0px;
| |
| − | color: #635d5d;
| |
| − | font-family: "Arial Black", Gadget, sans-serif;
| |
| − | padding: 10px 0px;
| |
| − | }
| |
| − |
| |
| − | /* styling for the titles h3, h3, h5, h6 */
| |
| − | .igem_2018_team_content .igem_2018_team_column_wrapper h3,
| |
| − | .igem_2018_team_content .igem_2018_team_column_wrapper h4,
| |
| − | .igem_2018_team_content .igem_2018_team_column_wrapper h5,
| |
| − | .igem_2018_team_content .igem_2018_team_column_wrapper h6 {
| |
| − | border-bottom:0px;
| |
| − | color: #928b8b;
| |
| − | font-family: "Arial Black", Gadget, sans-serif;
| |
| − | padding: 5px 0px;
| |
| − | }
| |
| − |
| |
| − | /* text */
| |
| − | .igem_2018_team_content .igem_2018_team_column_wrapper p {
| |
| − | font-size: 130%;
| |
| − | font-family: Arial, Helvetica, sans-serif;
| |
| − | padding: 5px 0px;
| |
| − | text-align: left;
| |
| − | color: #484848;
| |
| − | }
| |
| − |
| |
| − | /* Links */
| |
| − | .igem_2018_team_content .igem_2018_team_column_wrapper a {
| |
| − | color: #5bc7d8;
| |
| − | font-weight: bold;
| |
| − | text-decoration: underline;
| |
| − | text-decoration-color:#5bc7d8;
| |
| − | transition: all 0.4s ease;
| |
| − | -webkit-transition: all 0.4s ease;
| |
| − | -moz-transition: all 0.4s ease;
| |
| − | -ms-transition: all 0.4s ease;
| |
| − | -o-transition: all 0.4s ease;
| |
| − | }
| |
| − |
| |
| − | /* hover for the links */
| |
| − | .igem_2018_team_content .igem_2018_team_column_wrapper a:hover {
| |
| − | color: #f8b732;
| |
| − | text-decoration:none;
| |
| − | }
| |
| − |
| |
| − |
| |
| − | /* Table */
| |
| − | .igem_2018_team_content .igem_2018_team_column_wrapper table {
| |
| − | border: 1px solid #928b8b;
| |
| − | border-collapse: collapse;
| |
| − | font-size: 130%;
| |
| − | width: 100%;
| |
| − | }
| |
| − |
| |
| − | /* table cells */
| |
| − | .igem_2018_team_content .igem_2018_team_column_wrapper td {
| |
| − | border: 1px solid #c4baba;
| |
| − | border-collapse: collapse;
| |
| − | font-size: 105%;
| |
| − | padding: 10px;
| |
| − | vertical-align: text-top;
| |
| − | }
| |
| − |
| |
| − | /* table headers */
| |
| − | .igem_2018_team_content .igem_2018_team_column_wrapper th {
| |
| − | background-color:#c4baba;
| |
| − | border: 1px solid #928b8b;
| |
| − | border-collapse: collapse;
| |
| − | font-size: 110%;
| |
| − | padding: 10px;
| |
| − | vertical-align: text-top;
| |
| − | }
| |
| − |
| |
| − |
| |
| − |
| |
| − | /* non numbered lists */
| |
| − | .igem_2018_team_content .igem_2018_team_column_wrapper ul, .igem_2018_team_content .igem_2018_team_column_wrapper ol {
| |
| − | font-size: 130%;
| |
| − | font-family: Arial, Helvetica, sans-serif;
| |
| − | padding:0px 20px;
| |
| − | }
| |
| − |
| |
| − |
| |
| − | .igem_2018_team_content .igem_2018_team_column_wrapper ul ul li, .igem_2018_team_content .igem_2018_team_column_wrapper ul ul ul li,
| |
| − | .igem_2018_team_content .igem_2018_team_column_wrapper ul ol li, .igem_2018_team_content .igem_2018_team_column_wrapper ul ul ol li,
| |
| − | .igem_2018_team_content .igem_2018_team_column_wrapper ol ol li, .igem_2018_team_content .igem_2018_team_column_wrapper ul ol ul li,
| |
| − | .igem_2018_team_content .igem_2018_team_column_wrapper ol ul li, .igem_2018_team_content .igem_2018_team_column_wrapper ul ol ol li,
| |
| − | .igem_2018_team_content .igem_2018_team_column_wrapper ol ul ul li, .igem_2018_team_content .igem_2018_team_column_wrapper ol ol ul li,
| |
| − | .igem_2018_team_content .igem_2018_team_column_wrapper ol ol ol li, .igem_2018_team_content .igem_2018_team_column_wrapper ol ul ol li{ font-size: 76%; }
| |
| − |
| |
| − |
| |
| − |
| |
| − | /*layout classes*/
| |
| − | /**************************************************************************************************************************************************************************************************/
| |
| − |
| |
| − | /*main layout class */
| |
| − | .igem_2018_team_content .igem_2018_team_column_wrapper .column {
| |
| − | float:left;
| |
| − | margin: 1% 2%;
| |
| − | padding: 0px;
| |
| − | }
| |
| − |
| |
| − | /* 100% */
| |
| − | .igem_2018_team_content .igem_2018_team_column_wrapper .column.full_size { width:96%; }
| |
| − |
| |
| − | /* 66% */
| |
| − | .igem_2018_team_content .igem_2018_team_column_wrapper .column.two_thirds_size { width: 62.6%; }
| |
| − |
| |
| − | /* 33% */
| |
| − | .igem_2018_team_content .igem_2018_team_column_wrapper .column.third_size { width: 29.3%; }
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − | /*styling for all images*/
| |
| − | .igem_2018_team_content .igem_2018_team_column_wrapper .column.full_size img,
| |
| − | .igem_2018_team_content .igem_2018_team_column_wrapper .column.two_thirds_size img,
| |
| − | .igem_2018_team_content .igem_2018_team_column_wrapper .column.third_size img {
| |
| − | margin-bottom: 15px;
| |
| − | width: 100%;
| |
| − | }
| |
| − |
| |
| − |
| |
| − | /* page break */
| |
| − | .igem_2018_team_content .igem_2018_team_column_wrapper .clear {
| |
| − | clear:both;
| |
| − | }
| |
| − | /*add extra space to page break with clear class*/
| |
| − | .igem_2018_team_content .igem_2018_team_column_wrapper .clear.extra_space {
| |
| − | height: 30px;
| |
| − | }
| |
| − |
| |
| − | /* horizontal line to divide the page*/
| |
| − | .igem_2018_team_content .igem_2018_team_column_wrapper .line_divider {
| |
| − | border-top: 1px solid #c4baba;
| |
| − | margin: auto;
| |
| − | width: 98%;
| |
| − | }
| |
| − |
| |
| − |
| |
| | | | |
| | + | <body> |
| | + | <script type="text/javascript"> |
| | | | |
| − | /*support classes*/
| + | window.onload = function(){ |
| − | /**************************************************************************************************************************************************************************************************/
| + | rotateBanner = setInterval(function(){ |
| − | | + | var pos = document.getElementsByName("pos"); |
| − | | + | var size = pos.length; |
| − | /*Button */
| + | for(var i = 0; i < size; i++) { |
| − | /************************************************/
| + | if(pos[i].checked) { |
| − | .igem_2018_team_content .igem_2018_team_column_wrapper .button_link {
| + | var m = i+1; |
| − | font-size: 130%;
| + | if (m >= size) { |
| − | margin: 30px auto;
| + | m = 0; |
| − | text-align: center; | + | } |
| | + | pos[m].checked = true; |
| | + | pos[i].checked = false; |
| | + | break; |
| | + | } |
| | + | } |
| | + | }, 3600); |
| | } | | } |
| | | | |
| − | .igem_2018_team_content .igem_2018_team_column_wrapper .button_link a {
| |
| − | background-color: #5bc7d8;
| |
| − | color: #635d5d !important;
| |
| − | font-weight: bold;
| |
| − | margin: auto;
| |
| − | text-decoration: none !important;
| |
| − | padding: 10px 15px;
| |
| − | }
| |
| − |
| |
| − | .igem_2018_team_content .igem_2018_team_column_wrapper .button_link a:hover {
| |
| − | background-color: #f8b732 !important;
| |
| − | }
| |
| − |
| |
| − |
| |
| − |
| |
| − | .igem_2018_team_content .igem_2018_team_column_wrapper .highlight {
| |
| − | padding: 15px 20px;
| |
| − | }
| |
| − |
| |
| − | .igem_2018_team_content .igem_2018_team_column_wrapper .highlight p,
| |
| − | .igem_2018_team_content .igem_2018_team_column_wrapper .highlight h1,
| |
| − | .igem_2018_team_content .igem_2018_team_column_wrapper .highlight h2,
| |
| − | .igem_2018_team_content .igem_2018_team_column_wrapper .highlight h3,
| |
| − | .igem_2018_team_content .igem_2018_team_column_wrapper .highlight h4,
| |
| − | .igem_2018_team_content .igem_2018_team_column_wrapper .highlight h5,
| |
| − | .igem_2018_team_content .igem_2018_team_column_wrapper .highlight h6 {
| |
| − | padding: 5px 15px;
| |
| − | }
| |
| − |
| |
| − | .igem_2018_team_content .igem_2018_team_column_wrapper .highlight.decoration_background {
| |
| − | background-color: #e4dede;
| |
| − | }
| |
| − |
| |
| − | .igem_2018_team_content .igem_2018_team_column_wrapper .highlight.decoration_A_top {
| |
| − | border-top: 4px solid #5bc7d8;
| |
| − | }
| |
| − |
| |
| − |
| |
| − | .igem_2018_team_content .igem_2018_team_column_wrapper .highlight.decoration_A_full {
| |
| − | border: 4px solid #5bc7d8;
| |
| − | }
| |
| − |
| |
| − | .igem_2018_team_content .igem_2018_team_column_wrapper .highlight.decoration_B_top {
| |
| − | border-top: 4px solid #f8b732
| |
| − | }
| |
| − |
| |
| − |
| |
| − | .igem_2018_team_content .igem_2018_team_column_wrapper .highlight.decoration_B_full {
| |
| − | border: 4px solid #f8b732;
| |
| − | }
| |
| − |
| |
| − | </style>
| |
| − |
| |
| − | <script src="http://code.jquery.com/jquery-1.11.2.min.js"></script>
| |
| − | <script type="text/javascript">
| |
| − |
| |
| − | $(document).ready(function(){
| |
| − | $(".mBtn-menu").on('click', function() {
| |
| − | $("#topMenu").slideToggle('fast');
| |
| − | });
| |
| − | });
| |
| | | | |
| | </script> | | </script> |
| | | | |
| − | <style type="text/css"> | + | <style> |
| − | | + | *{margin:0;padding:0;} |
| − | img,
| + | ul,li{list-style:none;} |
| − | figure,
| + | .slideBox{ |
| − | picture,
| + | |
| − | video,
| + | |
| − | embed {
| + | |
| − | max-width: 100%;
| + | |
| − | }
| + | |
| − | | + | |
| − | div{
| + | |
| − | margin-left: auto;
| + | |
| − | margin-right: auto;
| + | |
| − | } | + | |
| − | | + | |
| − | hr {
| + | |
| − | color: black; | + | |
| − | }
| + | |
| − | | + | |
| − | h1, h2, h3, h4 {
| + | |
| − | font-family: 'Quicksand', sans-serif;
| + | |
| − | color: black;
| + | |
| − | }
| + | |
| − | | + | |
| − | img.mTitle-logo {
| + | |
| − | width: auto;
| + | |
| − | max-width: 300px;
| + | |
| − | margin-top: 20px;
| + | |
| − | }
| + | |
| − | | + | |
| − | a, a:visited, a:active, a:link{
| + | |
| − | text-decoration: none;
| + | |
| − | } | + | |
| − | | + | |
| − | | + | |
| − | /*************** MENU *************/
| + | |
| − | .mHeader{
| + | |
| − | width: auto; | + | |
| − | min-width: 480px;
| + | |
| − | min-height: 130px;
| + | |
| − | margin-left: auto;
| + | |
| − | margin-right: auto;
| + | |
| − | }
| + | |
| − | | + | |
| − | .mHeader_logo_box{ | + | |
| − | width: 300px;
| + | |
| − | height: 100px;
| + | |
| − | margin-left: auto;
| + | |
| − | margin-right: auto;
| + | |
| − | padding-bottom: 10px;
| + | |
| − | padding-top: 10px;
| + | |
| − | }
| + | |
| − | | + | |
| − | | + | |
| − | .mBtn-menu {
| + | |
| − | display: block;
| + | |
| − | width: 56px;
| + | |
| − | height: 56px;
| + | |
| − | text-align: center;
| + | |
| − | color: #203864;
| + | |
| − | cursor: pointer;
| + | |
| − | font-size: 50px;
| + | |
| − | position: relative;
| + | |
| − | float: right;
| + | |
| − | margin-top: 40px;
| + | |
| − | margin-right: 10px;
| + | |
| − | }
| + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | /* mobile */
| + | |
| − | | + | |
| − | @media screen and (max-width: 1079px){
| + | |
| − | #topMenu {
| + | |
| − | width: 100%;
| + | |
| − | display: none;
| + | |
| | position: relative; | | position: relative; |
| − | padding-top: 50px;
| + | width: 100% |
| − | }
| + | |
| − | | + | |
| − | .mHeader{
| + | |
| − | width: 100%; | + | |
| − | }
| + | |
| − | | + | |
| − | .mHeader_logo_box{
| + | |
| − | width: 100%;
| + | |
| − | height: 100px;
| + | |
| − | margin-left: auto;
| + | |
| − | margin-right: auto;
| + | |
| − | padding-bottom: 10px;
| + | |
| − | padding-top: 10px;
| + | |
| − | }
| + | |
| − | | + | |
| − | img.mTitle-logo {
| + | |
| − | width: auto;
| + | |
| − | max-width: 300px;
| + | |
| − | margin-top: 20px;
| + | |
| − | position: relative;
| + | |
| − | float: left;
| + | |
| − | }
| + | |
| − | | + | |
| − | #topMenu a {
| + | |
| − | text-decoration: none;
| + | |
| − | }
| + | |
| − | #topMenu ul {
| + | |
| − | list-style-type: none;
| + | |
| − | margin: 0px;
| + | |
| − | padding: 0px;
| + | |
| − | }
| + | |
| − | #topMenu ul li {
| + | |
| − | list-style: none;
| + | |
| − | color: white;
| + | |
| − | background-color: rgba(0,0,0,0.0);
| + | |
| − | line-height: 30px;
| + | |
| − | vertical-align: middle;
| + | |
| − | text-align: left;
| + | |
| − | position: relative;
| + | |
| − | }
| + | |
| − | #topMenu li{
| + | |
| − | margin: 0px;
| + | |
| − | padding: 0px;
| + | |
| | } | | } |
| − | .menuLink, .submenuLink { | + | .slideBox:before{ |
| − | text-decoration: none; | + | content: ""; |
| | display: block; | | display: block; |
| − | font-weight: bold;
| + | padding-top: 39.8148%; |
| − | padding-left: 10px; | + | |
| | } | | } |
| − | .menuLink { | + | .slideBoxbox{ |
| − | width: 100% | + | position: absolute; |
| − | color: white;
| + | top: 0; |
| − | font-family: sans-serif; | + | right: 0; |
| − | font-size: 16px; | + | bottom: 0; |
| − | border-bottom: 2px solid white; | + | left: 0; |
| − | margin-right: 10px; | + | |
| | } | | } |
| − | .topMenuLi a { | + | #slide{ |
| − | text-decoration: none; | + | height:100%; |
| − | color: white; | + | width:100%; |
| | + | position:relative; |
| | + | overflow:hidden; |
| | } | | } |
| − | .topMenuUl{ | + | #slide ul{width:300%;height:100%;transition:1s;} |
| − | | + | #slide ul:after{content:"";display:block;clear:both;} |
| | + | #slide li{float:left;width:33.333%;height:100%;} |
| | + | #slide li:nth-child(1){ |
| | + | |
| | } | | } |
| − | li.topMenuLi{ | + | #slide li:nth-child(2){ |
| − | cursor: default;
| + | |
| − | }
| + | |
| − | .submenuLink {
| + | |
| − | color: white !important;
| + | |
| − | margin-top: -1px;
| + | |
| − | text-align: left;
| + | |
| − | }
| + | |
| − | ul.submenuC {
| + | |
| − | font-family: sans-serif;
| + | |
| − | font-size: 14px;
| + | |
| − | }
| + | |
| − | .submenuC a {
| + | |
| − | text-decoration: none;
| + | |
| − | }
| + | |
| − | .mMenu_left{
| + | |
| − | width: 33.33%;
| + | |
| − | height: 220px;
| + | |
| − | float: left;
| + | |
| − | background-color: #203864;
| + | |
| − | }
| + | |
| − | a:active{
| + | |
| − | color: #c79e19;
| + | |
| − | }
| + | |
| − | | + | |
| − | }
| + | |
| − | | + | |
| | | | |
| − | /* desktops */
| |
| − | @media screen and (min-width: 1080px) {
| |
| − | .header {}
| |
| − | .mHeader{
| |
| − | height: 200px;
| |
| | } | | } |
| | + | #slide li:nth-child(3){ |
| | | | |
| − | .mHeader_logo_box{
| |
| − | width: 300px;
| |
| − | height: 100px;
| |
| − | margin-left: auto;
| |
| − | margin-right: auto;
| |
| − | padding-bottom: 10px;
| |
| − | padding-top: 10px;
| |
| | } | | } |
| | + | #slide input{display:none;} |
| | + | #slide label{display:inline-block;vertical-align:middle;width:15px;height:15px;border:2px solid #666;background:#fff;transition:0.3s;border-radius:50%;cursor:pointer;margin-left: : 5px;margin-right: 5px;} |
| | + | #slide .pos{text-align:center;position:absolute;bottom:10px;left:0;width:100%;text-align:center;} |
| | + | #pos1:checked~ul{margin-left:0%;} |
| | + | #pos2:checked~ul{margin-left:-100%;} |
| | + | #pos3:checked~ul{margin-left:-200%;} |
| | + | #pos1:checked~.pos>label:nth-child(1){background:#666;} |
| | + | #pos2:checked~.pos>label:nth-child(2){background:#666;} |
| | + | #pos3:checked~.pos>label:nth-child(3){background:#666;} |
| | | | |
| − | .mBtn-menu {display: none;} | + | .mSHdiv{ |
| − | | + | |
| − | | + | |
| − | .mMenu_left{
| + | |
| − | width: auto;
| + | |
| − | float: left;
| + | |
| − | display: block;
| + | |
| − | }
| + | |
| − | .fstBox{
| + | |
| − | margin-left: 30px;
| + | |
| − | }
| + | |
| − | #topMenu {
| + | |
| | width: 100%; | | width: 100%; |
| − | height: 50px; | + | height: 45px; |
| − | display: block !important;
| + | |
| − | position: relative;
| + | |
| − | margin-top: 20px;
| + | |
| | background-color: #203864; | | background-color: #203864; |
| | } | | } |
| − | | + | .mSHdiv h1{ |
| − | #topMenu a { | + | color: white; |
| − | text-decoration: none; | + | margin-left: 10px; |
| | } | | } |
| − | #topMenu ul { | + | .youtubeBox{ |
| − | width: 100%;
| + | |
| − | list-style-type: none;
| + | |
| − | vertical-align: middle;
| + | |
| − | padding: 0px;
| + | |
| − | margin: 0px;
| + | |
| − | }
| + | |
| − | #topMenu ul li {
| + | |
| − | list-style: none;
| + | |
| − | background-color: #203864;
| + | |
| − | line-height: 30px;
| + | |
| − | text-align: center;
| + | |
| | position: relative; | | position: relative; |
| | + | display: block; |
| | + | margin-left: auto; |
| | + | margin-right: auto; |
| | + | width: 94% |
| | } | | } |
| − | .menuLink, .submenuLink { | + | .youtubeBox:before{ |
| − | text-decoration: none; | + | content: ""; |
| | display: block; | | display: block; |
| − | font-weight: bold; | + | padding-top: 56.25%; |
| | } | | } |
| − | .menuLink { | + | .youtubeBoxbox{ |
| − | color: white;
| + | |
| − | font-family: sans-serif;
| + | |
| − | font-size: 16px;
| + | |
| − | cursor: default;
| + | |
| − | height: 40px;
| + | |
| − | text-align: center;
| + | |
| − | vertical-align: middle;
| + | |
| − | padding-top: 10px;
| + | |
| − | margin-bottom: -10px;
| + | |
| − | margin-left: 10px;
| + | |
| − | margin-right: 20px;
| + | |
| − | }
| + | |
| − | .menuLink:hover{
| + | |
| − | color: #c79e19 !important;
| + | |
| − | }
| + | |
| − | a:visited{
| + | |
| − | color: white;
| + | |
| − | }
| + | |
| − | .submenuLink {
| + | |
| − | color: white;
| + | |
| − | margin-top: -1px;
| + | |
| − | text-align: left;
| + | |
| − | padding-right: 10px;
| + | |
| − | padding-left: 10px;
| + | |
| − | background-color: #203864;
| + | |
| − | }
| + | |
| − | .longLink {
| + | |
| − | width: auto;
| + | |
| − | }
| + | |
| − | ul.submenuC {
| + | |
| | position: absolute; | | position: absolute; |
| − | height: 0px; | + | border: 2px solid black; |
| − | width: 250px; | + | top: 0; |
| − | overflow: hidden; | + | right: 0; |
| − | transition: height .2s; | + | bottom: 0; |
| − | font-family: sans-serif; | + | left: 0; |
| − | font-size: 13px;
| + | |
| − | background-color: #203864;
| + | |
| − | }
| + | |
| − | .submenuC a {
| + | |
| − | text-decoration: none;
| + | |
| − | }
| + | |
| − | .topMenuLi:hover .submenuC {
| + | |
| − | height: auto;
| + | |
| − | }
| + | |
| − | .submenuLink:hover {
| + | |
| − | color: #c79e19 !important;
| + | |
| | } | | } |
| | | | |
| − | }
| |
| | | | |
| | + | </style> |
| | | | |
| − | .mMainBox{
| |
| − | width: auto;
| |
| − | max-width: 1080px;
| |
| − | min-width: 480px;
| |
| − | margin-left: auto;
| |
| − | margin-right: auto;
| |
| − | background-color: #f8fafc;
| |
| − | }
| |
| − | .mSection{
| |
| − | width: auto;
| |
| − | margin-left: 10px;
| |
| − | margin-right: 10px;
| |
| − | }
| |
| | | | |
| − | .mSection h1 { font-size: 210%;}
| + | <div class="mMainBox"> |
| − | .mSection h2 { font-size: 190%;} | + | <section id="mSection"> |
| − | .mSection h3 { font-size: 170%;} | + | <a href="https://www.facebook.com/biomarvel.igem.9"><img class="myimg" src="https://static.igem.org/mediawiki/2018/1/18/T--Biomarvel--mainhome.jpg"></a> |
| − | .mSection h4 { font-size: 150%;} | + | </section> |
| − | .mSection h5 { font-size: 140%;}
| + | <div class="slideBox"> |
| − | .mSection h6 { font-size: 130%;}
| + | <div class="slideBoxbox"> |
| | + | <div id="slide"> |
| | + | <input type="radio" name="pos" id="pos1" checked> |
| | + | <input type="radio" name="pos" id="pos2"> |
| | + | <input type="radio" name="pos" id="pos3"> |
| | + | <ul> |
| | + | <li><a href="https://2018.igem.org/Team:BioMarvel/WET_LAB/Experiments"><img src="https://static.igem.org/mediawiki/2018/f/f0/T--Biomarvel--Banner1.png" style="width: 100%; height: 100%"></a></li> |
| | + | <li><a href="https://2018.igem.org/Team:BioMarvel/Public_Engagement"><img src="https://static.igem.org/mediawiki/2018/7/76/T--Biomarvel--Banner2_1.png" style="width: 100%; height: 100%"></a></li> |
| | + | <li><a href="https://2018.igem.org/Team:BioMarvel/Project/Description"><img src="https://static.igem.org/mediawiki/2018/7/7f/T--Biomarvel--Banner3.png" style="width: 100%; height: 100%"></a></li> |
| | + | </ul> |
| | + | <p class="pos" style="padding-top: 2em;padding-bottom: 1em; margin: 0;"> |
| | + | <label for="pos1"></label> |
| | + | <label for="pos2"></label> |
| | + | <label for="pos3"></label> |
| | + | </p> |
| | + | </div> |
| | + | </div> |
| | + | </div> |
| | + | <section id="mSection"> |
| | + | <div class="mSHdiv"> |
| | + | <h1 style="color: white;padding-top: 8px; padding-bottom: 7px;">Abstract</h1> |
| | + | </div> |
| | + | <br> |
| | + | <p>The goal of this project is to construct a novel fusion protein of gold binding polypeptides (GBP)-protein G (ProG) to develop an electrochemical biosensor for rapid and simple diagnosis and monitoring heart failure.</p> |
| | + | <p>DH5-alpha <i>E. coli</i> strain was transformed by a genetically modified recombinant vector coding GBP and ProG. The GBP-ProG fusion protein was derived from the strain with IPTG-induced expression and purified using the TALON metal affinity resin. The resulting GBP-ProG was directly self-immobilized onto gold surfaces via the GBP portion, followed by the oriented binding of antibodies onto the ProG domain targeting the Fc region of antibodies.</p> |
| | + | <p>An electrochemical immunochip was fabricated through the GBP-ProG and gold patterned interdigitated array electrode. Antibody immobilization onto the gold surface of the electrode by the GBP-ProG was rapidly and simply achieved with proper antibody orientation. This immunochip could be used for diagnosis and monitoring of heart failure.</p> |
| | + | </section> |
| | + | <br> |
| | | | |
| | + | <section id="mSection"> |
| | + | <div class="mSHdiv"> |
| | + | <h1 style="color: white;padding-top: 8px; padding-bottom: 7px;">U-HEALTHCARE SERVICE SYSTEM</h1> |
| | + | </div> |
| | + | <video class="myVideo" src="https://static.igem.org/mediawiki/2018/6/63/T--Biomarvel--Ubiquitous_System.mp4" muted="muted" controls="" autoplay="autoplay" loop="loop"></video> |
| | + | <br> |
| | | | |
| − | .mHomeLeftBox{
| + | <!-- |
| − | width: 45%;
| + | <h1 style="text-align: center; text-shadow: 2px 2px 3px gray;">Ubiquitous System for Diagnosis and Monitoring of Heart Failure</h1> |
| − | float: left;
| + | --> |
| − | }
| + | <br> |
| − | .mHomeRightBox{
| + | <a href="https://2018.igem.org/Team:BioMarvel/People/Team"><img class="myimg" src="https://static.igem.org/mediawiki/2018/2/27/T--Biomarvel--mainhome2_1.png"></a> |
| − | width: 45%;
| + | </section> |
| − | float: right;
| + | <br> |
| − | }
| + | <section> |
| − | .myimg{
| + | |
| − | width: 95%;
| + | <div class="youtubeBox"> |
| − | max-width: 1000px;
| + | <div class="youtubeBoxbox"> |
| − | margin-left: auto;
| + | <iframe width="100%" height="100%" src="https://www.youtube.com/embed/URUYaF4gsQ4" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe> |
| − | margin-right: auto;
| + | </div> |
| − | }
| + | </div> |
| | + | </section> |
| | | | |
| − | </style>
| |
| − | </head>
| |
| | | | |
| − | <body>
| + | </div> |
| − | <header class="mHeader"> | + | </body> |
| − | <div class="mHeader_logo_box">
| + | |
| − | <a href="https://2018.igem.org/Team:BioMarvel"><img class="mTitle-logo" src="https://static.igem.org/mediawiki/2018/archive/e/ec/20180918033248%21T--Biomarvel--TitleLogo.png" herf="https://2018.igem.org/Team:BioMarvel"></a>
| + | |
| − | <div class="mBtn-menu">≡</div>
| + | |
| − | </div>
| + | |
| − | <nav id="topMenu">
| + | |
| − | <div class="mMenu_left fstBox">
| + | |
| − | <ul>
| + | |
| − | <li class="topMenuLi">
| + | |
| − | <a class="menuLink">PROJECT▾</a>
| + | |
| − | <ul class="submenuC">
| + | |
| − | <li><a class="submenuLink longLink" href="https://2018.igem.org/Team:BioMarvel/Project/Description">Description</a></li>
| + | |
| − | <li><a class="submenuLink longLink" href="https://2018.igem.org/Team:BioMarvel/Project/Heart failure">Heart failure</a></li>
| + | |
| − | <li><a class="submenuLink longLink" href="https://2018.igem.org/Team:BioMarvel/Project/Design">Design</a></li>
| + | |
| − | <li><a class="submenuLink longLink" href="https://2018.igem.org/Team:BioMarvel/Project/Demonstrate">Demonstrate</a></li>
| + | |
| − | <li><a class="submenuLink longLink" href="https://2018.igem.org/Team:BioMarvel/Project/Parts">Parts</a></li>
| + | |
| − | <li><a class="submenuLink longLink" href="https://2018.igem.org/Team:BioMarvel/Project/Application">Application</a></li>
| + | |
| − | </ul>
| + | |
| − | </li>
| + | |
| − | </ul>
| + | |
| − | </div>
| + | |
| − | <div class="mMenu_left">
| + | |
| − | <ul>
| + | |
| − | <li class="topMenuLi">
| + | |
| − | <a class="menuLink">WET LAB▾</a>
| + | |
| − | <ul class="submenuC">
| + | |
| − | <li><a class="submenuLink longLink" href="https://2018.igem.org/Team:BioMarvel/WET_LAB/Experiments">Experiments</a></li>
| + | |
| − | <li><a class="submenuLink longLink" href="https://2018.igem.org/Team:BioMarvel/WET_LAB/Results">Results</a></li>
| + | |
| − | <li><a class="submenuLink longLink" href="https://2018.igem.org/Team:BioMarvel/WET_LAB/InterLab">InterLab</a></li>
| + | |
| − | <li><a class="submenuLink longLink" href="https://2018.igem.org/Team:BioMarvel/WET_LAB/Safety">Safety</a></li>
| + | |
| − | </ul>
| + | |
| − | </li>
| + | |
| − | </ul>
| + | |
| − | </div>
| + | |
| − | <div class="mMenu_left">
| + | |
| − | <ul>
| + | |
| − | <li class="topMenuLi">
| + | |
| − | <a class="menuLink">HUMAN PRACTICES▾</a>
| + | |
| − | <ul class="submenuC">
| + | |
| − | <li><a class="submenuLink longLink" href="https://2018.igem.org/Team:BioMarvel/Human_Practices/Overview">Overview</a></li>
| + | |
| − | <li><a class="submenuLink longLink" href="https://2018.igem.org/Team:BioMarvel/Human_Practices">Human Practices</a></li>
| + | |
| − | <li><a class="submenuLink longLink" href="https://2018.igem.org/Team:BioMarvel/Human_Practices/Integrated_Practices">Integrated Practices</a></li>
| + | |
| − | <li><a class="submenuLink longLink" href="https://2018.igem.org/Team:BioMarvel/Human_Practices/Public_Engagement">Public Engagement</a></li>
| + | |
| − | </ul>
| + | |
| − | </li>
| + | |
| − | </ul>
| + | |
| − | </div>
| + | |
| − | <div class="mMenu_left">
| + | |
| − | <ul>
| + | |
| − | <li class="topMenuLi">
| + | |
| − | <a class="menuLink">NOTEBOOK▾</a>
| + | |
| − | <ul class="submenuC">
| + | |
| − | <li><a class="submenuLink longLink" href="https://2018.igem.org/Team:BioMarvel/Notebook/Lab_Journal">Lab Journal</a></li>
| + | |
| − | <li><a class="submenuLink longLink" href="https://2018.igem.org/Team:BioMarvel/Notebook/Reference">Reference</a></li>
| + | |
| − | </ul>
| + | |
| − | </li>
| + | |
| − | </ul>
| + | |
| − | </div>
| + | |
| − | <div class="mMenu_left">
| + | |
| − | <ul>
| + | |
| − | <li class="topMenuLi">
| + | |
| − | <a class="menuLink">PEOPLE▾</a>
| + | |
| − | <ul class="submenuC">
| + | |
| − | <li><a class="submenuLink longLink" href="https://2018.igem.org/ Team:BioMarvel/People/Team">Team</a></li>
| + | |
| − | <li><a class="submenuLink longLink" href="https://2018.igem.org/Team:BioMarvel/People/Attribution">Attribution</a></li>
| + | |
| − | <li><a class="submenuLink longLink" href="https://2018.igem.org/Team:BioMarvel/People/Collaboration">Collaboration</a></li>
| + | |
| − | </ul>
| + | |
| − | </li>
| + | |
| − | </ul>
| + | |
| − | </div>
| + | |
| − | <div class="mMenu_left">
| + | |
| − | <ul>
| + | |
| − | <li class="topMenuLi">
| + | |
| − | <a class="menuLink" href="https://2018.igem.org/Team:BioMarvel/Achievement" style="cursor: pointer;">ACHIVEMENT</a>
| + | |
| − | </li>
| + | |
| − | </ul>
| + | |
| − | </div>
| + | |
| − | <div class="mMenu_left">
| + | |
| − | <ul>
| + | |
| − | <li class="topMenuLi">
| + | |
| − | <a class="menuLink" href="https://2018.igem.org/Team:BioMarvel/Eenterpreneurship" style="cursor: pointer;">ENTERPRENEURSHIP</a>
| + | |
| − | </li>
| + | |
| − | </ul>
| + | |
| − | </div>
| + | |
| − | </nav>
| + | |
| − | </header>
| + | |
| − | </body> | + | |
| | </html> | | </html> |
| | + | {{BioMarvel/footer}} |
