(85 intermediate revisions by 2 users not shown) | |||
Line 3: | Line 3: | ||
<link href="https://fonts.googleapis.com/css?family=Quicksand" rel="stylesheet"> | <link href="https://fonts.googleapis.com/css?family=Quicksand" rel="stylesheet"> | ||
<script> | <script> | ||
− | |||
− | |||
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// | //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// | ||
Line 46: | Line 44: | ||
− | //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// | + | //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// |
− | + | ||
</script> | </script> | ||
+ | |||
<style> | <style> | ||
+ | /**************************************************************************************************************************************************************************************************/ | ||
+ | |||
+ | |||
/**************************************************************************************************************************************************************************************************/ | /**************************************************************************************************************************************************************************************************/ | ||
Line 60: | Line 61: | ||
#sideMenu, #top_title, .patrollink {display:none;} | #sideMenu, #top_title, .patrollink {display:none;} | ||
#content { margin-left:0px; margin-top:-7px; padding:0px; width:100%;} | #content { margin-left:0px; margin-top:-7px; padding:0px; width:100%;} | ||
− | body {background-color: | + | body {background-color:white; } |
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; } | #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; } | ||
− | |||
− | |||
− | |||
− | |||
− | /********************************* Navigation bar *********************************/ | + | /********************************* Navigation bar *********************************/ |
+ | |||
#nav{ | #nav{ | ||
border:1px solid #ccc; | border:1px solid #ccc; | ||
Line 83: | Line 81: | ||
background-attachment: scroll; | background-attachment: scroll; | ||
background-position: center top; | background-position: center top; | ||
− | height: | + | height:350px; |
+ | z-index: 9998; | ||
} | } | ||
Line 89: | Line 88: | ||
position:relative; | position:relative; | ||
display:inline; | display:inline; | ||
+ | z-index: 9999; | ||
} | } | ||
Line 100: | Line 100: | ||
text-align: center; | text-align: center; | ||
text-decoration: none; | text-decoration: none; | ||
+ | z-index: 9999; | ||
} | } | ||
Line 108: | Line 109: | ||
padding:0; | padding:0; | ||
text-align:center; | text-align:center; | ||
+ | z-index: 9999; | ||
} | } | ||
Line 113: | Line 115: | ||
display:block; | display:block; | ||
text-align:center; | text-align:center; | ||
+ | z-index: 9999; | ||
} | } | ||
Line 118: | Line 121: | ||
left:0; | left:0; | ||
text-align:center; | text-align:center; | ||
+ | z-index:9999; | ||
} | } | ||
Line 140: | Line 144: | ||
#nav ul a{ | #nav ul a{ | ||
− | white-space: | + | white-space:pre; |
text-align:center; | text-align:center; | ||
display:block; | display:block; | ||
Line 158: | Line 162: | ||
background:#ddd; | background:#ddd; | ||
} | } | ||
+ | |||
+ | /**************************************************************************************************************************************************************************************************/ | ||
+ | /* FOOTER */ | ||
+ | /**************************************************************************************************************************************************************************************************/ | ||
+ | |||
+ | .footer { | ||
+ | position: absolute; | ||
+ | right: 0; | ||
+ | bottom: -20px; | ||
+ | left: 0; | ||
+ | height:220px; | ||
+ | text-align: center; | ||
+ | display: inline-block; | ||
+ | } | ||
+ | |||
+ | .footer img { | ||
+ | float: left; | ||
+ | color: white; | ||
+ | text-align: center; | ||
+ | padding: 0 0 0 0; | ||
+ | } | ||
+ | |||
+ | |||
+ | /**************************************************************************************************************************************************************************************************/ | ||
+ | /* MOBILE MENU */ | ||
+ | /**************************************************************************************************************************************************************************************************/ | ||
+ | |||
+ | /*this wraps the whole of the menu*/ | ||
+ | .igem_2018_team_menu { | ||
+ | font-family: Quicksand; | ||
+ | display:none; | ||
+ | float:right; | ||
+ | height:100vh; | ||
+ | max-width: 270px; | ||
+ | overflow-y: auto; | ||
+ | overflow-x: hidden; | ||
+ | padding:5%; | ||
+ | position:fixed; | ||
+ | right:0%; | ||
+ | text-align:left; | ||
+ | width: 15%; | ||
+ | z-index: 9999; | ||
+ | } | ||
+ | |||
+ | |||
+ | .igem_2018_team_menu.displaying_menu{ | ||
+ | display:none; | ||
+ | } | ||
+ | |||
+ | .igem_2018_team_menu a { | ||
+ | color: #cc6666; | ||
+ | } | ||
+ | |||
+ | .igem_2018_team_menu img { | ||
+ | width:100%; | ||
+ | } | ||
+ | |||
+ | |||
+ | .igem_2018_team_menu .menu_item { | ||
+ | background-color: #7695A5; | ||
+ | clear: both; | ||
+ | color: white; | ||
+ | cursor: pointer; | ||
+ | float: center; | ||
+ | font-size: 100%; | ||
+ | text-align:left; | ||
+ | font-weight: bold; | ||
+ | padding: 15px 0px 15px 5%; | ||
+ | width: 100%; | ||
+ | } | ||
+ | |||
+ | .igem_2018_team_menu .menu_item.direct_link { | ||
+ | color: white; | ||
+ | padding-left: 15%; | ||
+ | } | ||
+ | .igem_2018_team_menu .menu_item:hover { | ||
+ | background-color: #996666; | ||
+ | } | ||
+ | |||
+ | |||
+ | .igem_2018_team_menu .menu_item .submenu_control_icon { | ||
+ | color: white; | ||
+ | float: left; | ||
+ | width: 10%; | ||
+ | padding-right: 0%; | ||
+ | text-align:center; | ||
+ | } | ||
+ | |||
+ | /* submenu icon "+" "-"*/ | ||
+ | .igem_2018_team_menu .menu_item .submenu_control_icon::before { | ||
+ | content: "+"; | ||
+ | } | ||
+ | |||
+ | /* submenu icon "+" "-"*/ | ||
+ | .igem_2018_team_menu .menu_item .submenu_control_icon.open::before { | ||
+ | content: "-"; | ||
+ | } | ||
+ | |||
+ | /*submenu wrapper*/ | ||
+ | .igem_2018_team_menu .submenu{ | ||
+ | padding: 0 0 0 5%; | ||
+ | background-color: #cccccc; | ||
+ | clear:both; | ||
+ | display:none; | ||
+ | float: left; | ||
+ | width:100%; | ||
+ | z-index: 9999; | ||
+ | } | ||
+ | |||
+ | /*styling for a submenu item*/ | ||
+ | .igem_2018_team_menu .submenu .submenu_item { | ||
+ | border-bottom: 1px solid #c4baba; | ||
+ | color: white; | ||
+ | height: 30px; | ||
+ | float: left; | ||
+ | font-size: 100%; | ||
+ | font-weight: bold; | ||
+ | padding: 12px 0px 0px 10%; | ||
+ | width: 100%; | ||
+ | text-align:left; | ||
+ | } | ||
+ | |||
+ | .igem_2018_team_menu .submenu .submenu_item:hover { | ||
+ | background-color: #996666; | ||
+ | } | ||
+ | |||
+ | |||
+ | .igem_2018_team_menu .submenu .submenu_item.current_page, | ||
+ | .igem_2018_team_menu .menu_item.current_page, | ||
+ | .igem_2018_team_menu .menu_item.direct_link.current_page { | ||
+ | background-color:#7acbd8; | ||
+ | } | ||
+ | |||
+ | |||
+ | /*mobile menu bar styling*/ | ||
+ | /**************************************************************************************************************************************************************************************************/ | ||
+ | |||
+ | |||
+ | .igem_2018_team_mobile_bar { | ||
+ | background-image: url('https://static.igem.org/mediawiki/2018/4/42/T--UChile_Biotec--barramobile.png'); | ||
+ | background-repeat: no-repeat; | ||
+ | background-size: 100%; | ||
+ | background-attachment: scroll; | ||
+ | background-position: center top; | ||
+ | border:1px solid #ccc; | ||
+ | border-style:hidden; | ||
+ | cursor:pointer; | ||
+ | display:none; | ||
+ | float:left; | ||
+ | margin-bottom: 0%; | ||
+ | padding: 5% 0; | ||
+ | position:fixed; | ||
+ | width:100%; | ||
+ | height:10%; | ||
+ | z-index: 9999; | ||
+ | } | ||
+ | |||
+ | .igem_logo_mobile img { | ||
+ | width:70px; | ||
+ | } | ||
+ | |||
+ | .igem_logo_mobile { | ||
+ | float:left; | ||
+ | padding-left: 5%; | ||
+ | width: 30%; | ||
+ | } | ||
+ | |||
+ | .igem_menu_control_mobile img { | ||
+ | width:25px; | ||
+ | } | ||
+ | |||
+ | .igem_menu_control_mobile { | ||
+ | float:right; | ||
+ | padding-right:5%; | ||
+ | padding-top:15%; | ||
+ | text-align:right; | ||
+ | width: 30%; | ||
+ | } | ||
/**************************************************************************************************************************************************************************************************/ | /**************************************************************************************************************************************************************************************************/ | ||
Line 173: | Line 355: | ||
.igem_2018_team_content .igem_2018_team_column_wrapper { | .igem_2018_team_content .igem_2018_team_column_wrapper { | ||
margin:auto; | margin:auto; | ||
− | max-width: | + | max-width: 1920px; |
width:100%; | width:100%; | ||
} | } | ||
+ | |||
+ | .center { | ||
+ | display: block; | ||
+ | margin-left: auto; | ||
+ | margin-right: auto; | ||
+ | width: 50%; | ||
+ | } | ||
+ | |||
+ | #sp{ | ||
+ | display:none; | ||
+ | height:120px; | ||
+ | position:static; | ||
+ | } | ||
+ | |||
+ | #sp ul{ | ||
+ | position:absolute; | ||
+ | left:-9999px; | ||
+ | margin:0; | ||
+ | padding:0; | ||
+ | text-align:center; | ||
+ | z-index: -9999; | ||
+ | } | ||
+ | |||
+ | /********************************* Interactive Image *********************************/ | ||
+ | |||
+ | .image{ | ||
+ | position: relative; | ||
+ | } | ||
+ | .image a{ | ||
+ | display: block; | ||
+ | position: absolute; | ||
+ | } | ||
+ | |||
+ | .image a img{ | ||
+ | display: block; | ||
+ | position: absolute; | ||
+ | padding: 0 0 0 0; | ||
+ | } | ||
+ | |||
+ | .image a p{ | ||
+ | display: block; | ||
+ | position: absolute; | ||
+ | text-align:center; | ||
+ | text-size:100%; | ||
+ | } | ||
+ | |||
+ | #elem:hover{ | ||
+ | -moz-transform: scale(1.2); | ||
+ | -webkit-transform: scale(1.2); | ||
+ | transform: scale(1.2); | ||
+ | transition: all 0.7s ease-out; | ||
+ | z-index: 9999; | ||
+ | } | ||
Line 181: | Line 416: | ||
− | .igem_2018_team_content .igem_2018_team_column_wrapper h1 { font-size: | + | .igem_2018_team_content .igem_2018_team_column_wrapper h1 { font-size: 280%;} |
− | .igem_2018_team_content .igem_2018_team_column_wrapper h2 { font-size: | + | .igem_2018_team_content .igem_2018_team_column_wrapper h2 { font-size: 240%;} |
− | .igem_2018_team_content .igem_2018_team_column_wrapper h3 { font-size: | + | .igem_2018_team_content .igem_2018_team_column_wrapper h3 { font-size: 210%;} |
− | .igem_2018_team_content .igem_2018_team_column_wrapper h4 { font-size: | + | .igem_2018_team_content .igem_2018_team_column_wrapper h4 { font-size: 200%;} |
− | .igem_2018_team_content .igem_2018_team_column_wrapper h5 { font-size: | + | .igem_2018_team_content .igem_2018_team_column_wrapper h5 { font-size: 190%;} |
− | .igem_2018_team_content .igem_2018_team_column_wrapper h6 { font-size: | + | .igem_2018_team_content .igem_2018_team_column_wrapper h6 { font-size: 180%;} |
Line 195: | Line 430: | ||
font-family: Quicksand; | font-family: Quicksand; | ||
padding: 10px 0px; | padding: 10px 0px; | ||
+ | text-align: center; | ||
} | } | ||
Line 205: | Line 441: | ||
color: #B45A62; | color: #B45A62; | ||
font-family: Quicksand; | font-family: Quicksand; | ||
+ | text-align: center; | ||
padding: 5px 0px; | padding: 5px 0px; | ||
} | } | ||
Line 232: | Line 469: | ||
/* hover for the links */ | /* hover for the links */ | ||
.igem_2018_team_content .igem_2018_team_column_wrapper a:hover { | .igem_2018_team_content .igem_2018_team_column_wrapper a:hover { | ||
− | |||
text-decoration:none; | text-decoration:none; | ||
} | } | ||
Line 280: | Line 516: | ||
.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 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 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%; } | + | .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%;} |
Line 290: | Line 526: | ||
.igem_2018_team_content .igem_2018_team_column_wrapper .column { | .igem_2018_team_content .igem_2018_team_column_wrapper .column { | ||
float:left; | float:left; | ||
− | margin: | + | margin: 0% 2%; |
padding: 0px; | padding: 0px; | ||
} | } | ||
/* 100% */ | /* 100% */ | ||
− | .igem_2018_team_content .igem_2018_team_column_wrapper .column.full_size { width: | + | .igem_2018_team_content .igem_2018_team_column_wrapper .column.full_size { width:70%; margin-left:15%; margin-right:15%; position:center; } |
/* 66% */ | /* 66% */ | ||
.igem_2018_team_content .igem_2018_team_column_wrapper .column.two_thirds_size { width: 62.6%; } | .igem_2018_team_content .igem_2018_team_column_wrapper .column.two_thirds_size { width: 62.6%; } | ||
+ | |||
+ | /* 50% */ | ||
+ | .igem_2018_team_content .igem_2018_team_column_wrapper .column.half_size { width:46%; position:center; } | ||
/* 33% */ | /* 33% */ | ||
Line 312: | Line 551: | ||
.igem_2018_team_content .igem_2018_team_column_wrapper .column.full_size img, | .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.two_thirds_size img, | ||
+ | .igem_2018_team_content .igem_2018_team_column_wrapper .column.half_size img, | ||
.igem_2018_team_content .igem_2018_team_column_wrapper .column.third_size img { | .igem_2018_team_content .igem_2018_team_column_wrapper .column.third_size img { | ||
margin-bottom: 15px; | margin-bottom: 15px; | ||
− | width: 100%; | + | margin-top: 15px; |
+ | width: 100%; | ||
+ | max-width: 100%; | ||
+ | object-fit: contain; | ||
} | } | ||
Line 355: | Line 598: | ||
} | } | ||
− | .igem_2018_team_content .igem_2018_team_column_wrapper .button_link a:hover { | + | .igem_2018_team_content .igem_2018_team_column_wrapper .button_link a:hover { |
− | + | ||
} | } | ||
Line 396: | Line 638: | ||
border: 4px solid #f8b732; | border: 4px solid #f8b732; | ||
} | } | ||
+ | |||
+ | /*mobile*/ | ||
+ | /**************************************************************************************************************************************************************************************************/ | ||
+ | |||
+ | /* 1920px */ | ||
+ | /************************************************/ | ||
+ | @media only screen and (max-width: 2500px) { | ||
+ | .igem_2018_team_menu {display:none;} | ||
+ | #nav {height:350px;} | ||
+ | } | ||
+ | |||
+ | |||
+ | /* 1800px */ | ||
+ | /************************************************/ | ||
+ | @media only screen and (max-width: 1800px) { | ||
+ | .igem_2018_team_menu {display:none;} | ||
+ | #nav {height:220px;} | ||
+ | } | ||
+ | |||
+ | /* 1400px */ | ||
+ | /************************************************/ | ||
+ | @media only screen and (max-width: 1400px) { | ||
+ | .igem_2018_team_menu .menu_item { font-size:100%;} | ||
+ | .igem_2018_team_menu .submenu .submenu_item { font-size:90%;} | ||
+ | .igem_2018_team_menu {display:none;} | ||
+ | } | ||
+ | |||
+ | @media only screen and (max-width: 1101px) { | ||
+ | .igem_2018_team_menu {display:none;} | ||
+ | } | ||
+ | |||
+ | /* 1000px */ | ||
+ | /************************************************/ | ||
+ | @media only screen and (max-width: 1100px) { | ||
+ | #nav{display:none;} | ||
+ | .igem_2018_team_menu.displaying_menu{display:block;} | ||
+ | .igem_2018_team_menu {padding: 0 0 0 10%; display:none; margin-top: 45px; min-width:50%; width:50%;} | ||
+ | .igem_2018_team_mobile_bar {display:inline-block;} | ||
+ | .igem_2018_team_content .igem_2018_team_column_wrapper .column.full_size { width:80%; margin-left:10%; margin-right:10%; position:center; } | ||
+ | .igem_2018_team_content .igem_2018_team_column_wrapper .column.two_thirds_size { width:80%; margin-left:10%; margin-right:10%; position:center; } | ||
+ | .igem_2018_team_content .igem_2018_team_column_wrapper .column.half_size { width:80%; margin-left:10%; margin-right:10%; position:center; } | ||
+ | .igem_2018_team_content .igem_2018_team_column_wrapper .column.third_size { width:80%; margin-left:10%; margin-right:10%; position:center; } | ||
+ | #sp{display:inline;} | ||
+ | |||
+ | } | ||
+ | |||
+ | |||
+ | @media only screen and (max-width: 500px) { | ||
+ | .igem_2018_team_menu.displaying_menu{display:block;} | ||
+ | .igem_2018_team_menu {min-width:100%; width:100%; } | ||
+ | #sp{display:inline;} | ||
+ | } | ||
+ | |||
+ | |||
+ | /**************************************************************************************************************************************************************************************************/ | ||
+ | |||
+ | |||
− | |||
</style> | </style> | ||
− | + | ||
<body> | <body> | ||
<ul id="nav"> | <ul id="nav"> | ||
− | + | ||
<li> | <li> | ||
<a href="https://2018.igem.org/Team:UChile_Biotec/Project">Project</a> | <a href="https://2018.igem.org/Team:UChile_Biotec/Project">Project</a> | ||
<ul> | <ul> | ||
− | <li><a href="https://2018.igem.org/Team:UChile_Biotec/Problem">Problem</a></li> | + | <li><a href="https://2018.igem.org/Team:UChile_Biotec/Project#Problem">Problem</a></li> |
− | <li><a href="https://2018.igem.org/Team:UChile_Biotec/Solution">Solution</a></li> | + | <li><a href="https://2018.igem.org/Team:UChile_Biotec/Project#Solution">Solution</a></li> |
</ul> | </ul> | ||
</li> | </li> | ||
<li> | <li> | ||
− | <a href="https://2018.igem.org/Team:UChile_Biotec/ | + | <a href="https://2018.igem.org/Team:UChile_Biotec/Overview">Lab</a> |
<ul> | <ul> | ||
− | <li><a href="https://2018.igem.org/Team:UChile_Biotec/ | + | <li><a href="https://2018.igem.org/Team:UChile_Biotec/Overview">Overview</a></li> |
<li><a href="https://2018.igem.org/Team:UChile_Biotec/Notebook">Notebook</a></li> | <li><a href="https://2018.igem.org/Team:UChile_Biotec/Notebook">Notebook</a></li> | ||
+ | <li><a href="https://2018.igem.org/Team:UChile_Biotec/Results">Results</a></li> | ||
<li><a href="https://2018.igem.org/Team:UChile_Biotec/InterLab">InterLab</a></li> | <li><a href="https://2018.igem.org/Team:UChile_Biotec/InterLab">InterLab</a></li> | ||
− | |||
</ul> | </ul> | ||
</li> | </li> | ||
<li> | <li> | ||
− | <a href="https://2018.igem.org/Team:UChile_Biotec/ | + | <a href="https://2018.igem.org/Team:UChile_Biotec/Applied_Design">Design</a> |
− | + | <ul> | |
− | + | <li><a href="https://2018.igem.org/Team:UChile_Biotec/Applied_Design#device">Device</a></li> | |
− | + | </ul> | |
− | + | ||
</li> | </li> | ||
Line 437: | Line 734: | ||
<a href="https://2018.igem.org/Team:UChile_Biotec/Team">Team</a> | <a href="https://2018.igem.org/Team:UChile_Biotec/Team">Team</a> | ||
<ul> | <ul> | ||
− | <li><a href="https://2018.igem.org/Team:UChile_Biotec/Us">Us</a></li> | + | <li><a href="https://2018.igem.org/Team:UChile_Biotec/Team#Us">Us</a></li> |
<li><a href="https://2018.igem.org/Team:UChile_Biotec/Sponsors">Sponsors</a></li> | <li><a href="https://2018.igem.org/Team:UChile_Biotec/Sponsors">Sponsors</a></li> | ||
+ | <li><a style="font-size:150%; text-align:center!important; padding:30px 40px 30px 20px" href="https://2018.igem.org/Team:UChile_Biotec/Attributions">Attributions</a></li> | ||
</ul> | </ul> | ||
</li> | </li> | ||
<li> | <li> | ||
− | <a href="https://2018.igem.org/Team:UChile_Biotec/ | + | <a href="https://2018.igem.org/Team:UChile_Biotec/Human_Practices#jump">Practices</a> |
<ul> | <ul> | ||
− | <li><a href="https://2018.igem.org/Team:UChile_Biotec/ | + | <li><a style="font-size:130%; text-align:center!important; padding:30px 40px 30px 20px" href="https://2018.igem.org/Team:UChile_Biotec/Public_Engagement">Engagement</a></li> |
− | <li><a href="https://2018.igem.org/Team:UChile_Biotec/ | + | <li><a href="https://2018.igem.org/Team:UChile_Biotec/Human_Practices#jump">Integrated</a></li> |
+ | <li><a href="https://2018.igem.org/Team:UChile_Biotec/Meetings">Meetings</a></li> | ||
+ | <li><a href="https://2018.igem.org/Team:UChile_Biotec/Protocol">Protocol</a></li> | ||
+ | <li><a style="font-size:130%; text-align:center!important; padding:30px 40px 30px 20px" href="https://2018.igem.org/Team:UChile_Biotec/Collaborations">Collaborations</a></li> | ||
+ | |||
</ul> | </ul> | ||
</li> | </li> | ||
Line 452: | Line 754: | ||
<li><a href="https://2018.igem.org/Team:UChile_Biotec/LATAM">LATAM</a></li> | <li><a href="https://2018.igem.org/Team:UChile_Biotec/LATAM">LATAM</a></li> | ||
</ul> | </ul> | ||
+ | |||
+ | <div class="igem_2018_team_mobile_bar"> | ||
+ | |||
+ | <div class="igem_logo_mobile"> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | <div class="igem_menu_control_mobile"> | ||
+ | </div> | ||
+ | |||
+ | </div> | ||
+ | |||
+ | |||
+ | |||
+ | <div class="igem_2018_team_menu"> | ||
+ | |||
+ | |||
+ | <a href="https://2018.igem.org/Team:UChile_Biotec"> | ||
+ | </a> | ||
+ | |||
+ | |||
+ | |||
+ | <a href="https://2018.igem.org/Team:UChile_Biotec"> | ||
+ | <div class="menu_item direct_link"> | ||
+ | HOME | ||
+ | </div> | ||
+ | </a> | ||
+ | |||
+ | <!-- Team --> | ||
+ | <div class="menu_item"> | ||
+ | <div class="submenu_control_icon"> </div> | ||
+ | PROJECT | ||
+ | </div> | ||
+ | <div class="submenu"> | ||
+ | |||
+ | <a href="https://2018.igem.org/Team:UChile_Biotec/Project"> | ||
+ | <div class="submenu_item"> | ||
+ | Our Project | ||
+ | </div> | ||
+ | </a> | ||
+ | |||
+ | <a href="https://2018.igem.org/Team:UChile_Biotec/Project#Problem"> | ||
+ | <div class="submenu_item"> | ||
+ | The Problem | ||
+ | </div> | ||
+ | </a> | ||
+ | |||
+ | <a href="https://2018.igem.org/Team:UChile_Biotec/Project#Solution"> | ||
+ | <div class="submenu_item"> | ||
+ | Our Solution | ||
+ | </div> | ||
+ | </a> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | <!-- Project --> | ||
+ | <div class="menu_item"> | ||
+ | <div class="submenu_control_icon"> </div> | ||
+ | LAB | ||
+ | </div> | ||
+ | <div class="submenu"> | ||
+ | |||
+ | <a href="https://2018.igem.org/Team:UChile_Biotec/Overview"> | ||
+ | <div class="submenu_item"> | ||
+ | Laboratory | ||
+ | </div> | ||
+ | </a> | ||
+ | |||
+ | <a href="https://2018.igem.org/Team:UChile_Biotec/Overview"> | ||
+ | <div class="submenu_item"> | ||
+ | Overview | ||
+ | </div> | ||
+ | </a> | ||
+ | |||
+ | <a href="https://2018.igem.org/Team:UChile_Biotec/Notebook"> | ||
+ | <div class="submenu_item"> | ||
+ | Notebook | ||
+ | </div> | ||
+ | </a> | ||
+ | |||
+ | <a href="https://2018.igem.org/Team:UChile_Biotec/Results"> | ||
+ | <div class="submenu_item"> | ||
+ | Results | ||
+ | </div> | ||
+ | </a> | ||
+ | |||
+ | <a href="https://2018.igem.org/Team:UChile_Biotec/InterLab"> | ||
+ | <div class="submenu_item"> | ||
+ | InterLab | ||
+ | </div> | ||
+ | </a> | ||
+ | |||
+ | </div> | ||
+ | |||
+ | |||
+ | |||
+ | <!-- Project --> | ||
+ | <div class="menu_item"> | ||
+ | <div class="submenu_control_icon"> </div> | ||
+ | DESIGN | ||
+ | </div> | ||
+ | <div class="submenu"> | ||
+ | |||
+ | <a href="https://2018.igem.org/Team:UChile_Biotec/Applied_Design"> | ||
+ | <div class="submenu_item"> | ||
+ | Our Design | ||
+ | </div> | ||
+ | </a> | ||
+ | |||
+ | <a href="https://2018.igem.org/Team:UChile_Biotec/Applied_Design#device"> | ||
+ | <div class="submenu_item"> | ||
+ | The Device | ||
+ | </div> | ||
+ | </a> | ||
+ | |||
+ | </div> | ||
+ | |||
+ | <!-- Team --> | ||
+ | <div class="menu_item"> | ||
+ | <div class="submenu_control_icon"> </div> | ||
+ | TEAM | ||
+ | </div> | ||
+ | <div class="submenu"> | ||
+ | |||
+ | <a href="https://2018.igem.org/Team:UChile_Biotec/Team"> | ||
+ | <div class="submenu_item"> | ||
+ | Team Members | ||
+ | </div> | ||
+ | </a> | ||
+ | |||
+ | <a href="https://2018.igem.org/Team:UChile_Biotec/Team#Us"> | ||
+ | <div class="submenu_item"> | ||
+ | Us | ||
+ | </div> | ||
+ | </a> | ||
+ | |||
+ | <a href="https://2018.igem.org/Team:UChile_Biotec/Team#Sponsors"> | ||
+ | <div class="submenu_item"> | ||
+ | Sponsors | ||
+ | </div> | ||
+ | </a> | ||
+ | |||
+ | <a href="https://2018.igem.org/Team:UChile_Biotec/Attributions"> | ||
+ | <div class="submenu_item"> | ||
+ | Attributions | ||
+ | </div> | ||
+ | </a> | ||
+ | </div> | ||
+ | |||
+ | <div class="menu_item"> | ||
+ | <div class="submenu_control_icon"> </div> | ||
+ | PRACTICES | ||
+ | </div> | ||
+ | |||
+ | <div class="submenu"> | ||
+ | |||
+ | <a href="https://2018.igem.org/Team:UChile_Biotec/Human_Practices"> | ||
+ | <div class="submenu_item"> | ||
+ | Human Practices | ||
+ | </div> | ||
+ | </a> | ||
+ | |||
+ | |||
+ | <a href="https://2018.igem.org/Team:UChile_Biotec/Public_Engagement"> | ||
+ | <div class="submenu_item"> | ||
+ | Education & Engagement | ||
+ | </div> | ||
+ | </a> | ||
+ | |||
+ | <a href="https://2018.igem.org/Team:UChile_Biotec/Fieldwork"> | ||
+ | <div class="submenu_item"> | ||
+ | Fieldwork | ||
+ | </div> | ||
+ | </a> | ||
+ | |||
+ | <a href="https://2018.igem.org/Team:UChile_Biotec/Meetings"> | ||
+ | <div class="submenu_item"> | ||
+ | Meetings | ||
+ | </div> | ||
+ | </a> | ||
+ | |||
+ | <a href="https://2018.igem.org/Team:UChile_Biotec/Protocol"> | ||
+ | <div class="submenu_item"> | ||
+ | Team Protocol | ||
+ | </div> | ||
+ | </a> | ||
+ | |||
+ | <a href="https://2018.igem.org/Team:UChile_Biotec/Collaborations"> | ||
+ | <div class="submenu_item"> | ||
+ | Collaborations | ||
+ | </div> | ||
+ | </a> | ||
+ | |||
+ | </div> | ||
+ | |||
+ | <a href="https://2018.igem.org/Team:UChile_Biotec/LATAM"> | ||
+ | <div class="menu_item direct_link"> | ||
+ | LATAM | ||
+ | </div> | ||
+ | </a> | ||
+ | |||
+ | |||
+ | |||
+ | </div> | ||
+ | |||
</body> | </body> | ||
<!-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------> | <!-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------> | ||
− | <!--- | + | <!--- THIS IS WHERE THE HTML BEGINS ---> |
<!-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------> | <!-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------> | ||
+ | <head> | ||
+ | |||
+ | <!-- This tells the browser that your page is responsive --> | ||
+ | <meta name="viewport" content="width=device-width, initial-scale=1"> | ||
+ | |||
+ | </head> | ||
+ | |||
+ | <!-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------> | ||
+ | <!--- Content of the page ---> | ||
+ | <!-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------> | ||
<div class="igem_2018_team_content"> | <div class="igem_2018_team_content"> | ||
<div class="igem_2018_team_column_wrapper"> | <div class="igem_2018_team_column_wrapper"> | ||
<br> | <br> | ||
+ | <ul id="sp"> | ||
+ | <br></br> | ||
+ | <br></br> | ||
+ | <br></br> | ||
+ | </ul> |
Latest revision as of 02:11, 5 November 2018