Difference between revisions of "Team:SJTU-BioX-Shanghai/HP"
| (11 intermediate revisions by 3 users not shown) | |||
| Line 1: | Line 1: | ||
| − | |||
<html lang="en"> | <html lang="en"> | ||
| Line 11: | Line 10: | ||
<link href="https://2017.igem.org/Template:SJTU-BioX-Shanghai/CSS/style?action=raw&ctype=text/css" rel="stylesheet"> | <link href="https://2017.igem.org/Template:SJTU-BioX-Shanghai/CSS/style?action=raw&ctype=text/css" rel="stylesheet"> | ||
<!--[if lt IE 10]> | <!--[if lt IE 10]> | ||
| − | + | <center>您使用的是过时的浏览器，浏览本网页可能会有异常。</center> | |
| − | + | <center>You are using an outdated browser and this page may not display properly.</center> | |
| − | + | <![endif]--> | |
<style> | <style> | ||
.full-bg.full-bg-0 { | .full-bg.full-bg-0 { | ||
| Line 28: | Line 27: | ||
.nav2-brand { | .nav2-brand { | ||
width: 14em; | width: 14em; | ||
| + | } | ||
| + | |||
| + | .msk { | ||
| + | -webkit-transition: all 0.5s ease-in-out; | ||
| + | -o-transition: all 0.5s ease-in-out; | ||
| + | transition: all 0.5s ease-in-out; | ||
| + | background: rgba(0, 0, 0, 0); | ||
| + | color: transparent; | ||
| + | position: absolute; | ||
| + | top: 0; | ||
| + | bottom: 0; | ||
| + | left: 0; | ||
| + | right: 0; | ||
| + | z-index: 50; | ||
| + | } | ||
| + | |||
| + | .msk:hover { | ||
| + | background: rgba(0, 0, 0, 0.2); | ||
| + | color: white; | ||
| + | } | ||
| + | |||
| + | .head-1 { | ||
| + | text-align: center; | ||
| + | color: rgb(183, 76, 91); | ||
| + | font-weight: 400; | ||
| + | padding-bottom: 2rem; | ||
| + | font-family: "Gochi Hand"; | ||
| + | line-height:1em; | ||
| + | } | ||
| + | |||
| + | .big-head { | ||
| + | padding-bottom: 4rem | ||
} | } | ||
</style> | </style> | ||
| Line 39: | Line 70: | ||
<a class="navbar-brand" href="https://2017.igem.org/Team:SJTU-BioX-Shanghai"><img src="https://static.igem.org/mediawiki/2017/b/be/T--SJTU-BioX-Shanghai--logo.png" height="55" /></a> | <a class="navbar-brand" href="https://2017.igem.org/Team:SJTU-BioX-Shanghai"><img src="https://static.igem.org/mediawiki/2017/b/be/T--SJTU-BioX-Shanghai--logo.png" height="55" /></a> | ||
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav1" aria-controls="navbarNav1" aria-expanded="false" aria-label="Toggle navigation"> | <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav1" aria-controls="navbarNav1" aria-expanded="false" aria-label="Toggle navigation"> | ||
| − | + | <div class="hamburger" id="ham1"> | |
| − | + | <span class="line"></span> | |
| − | + | <span class="line"></span> | |
| − | + | <span class="line"></span> | |
| − | + | </div> | |
| − | + | </button> | |
<div class="collapse navbar-collapse" id="navbarNav1"> | <div class="collapse navbar-collapse" id="navbarNav1"> | ||
<ul class="navbar-nav mr-auto"> | <ul class="navbar-nav mr-auto"> | ||
| Line 52: | Line 83: | ||
<li class="nav-item"><a href="https://2017.igem.org/Team:SJTU-BioX-Shanghai/Model" class="nav-link">Model</a></li> | <li class="nav-item"><a href="https://2017.igem.org/Team:SJTU-BioX-Shanghai/Model" class="nav-link">Model</a></li> | ||
<li class="nav-item active"><a href="https://2017.igem.org/Team:SJTU-BioX-Shanghai/HP" class="nav-link">Human Practice</a></li> | <li class="nav-item active"><a href="https://2017.igem.org/Team:SJTU-BioX-Shanghai/HP" class="nav-link">Human Practice</a></li> | ||
| − | + | ||
<li class="nav-item"><a href="https://2017.igem.org/Team:SJTU-BioX-Shanghai/Team" class="nav-link">Team</a></li> | <li class="nav-item"><a href="https://2017.igem.org/Team:SJTU-BioX-Shanghai/Team" class="nav-link">Team</a></li> | ||
</ul> | </ul> | ||
| Line 73: | Line 104: | ||
</div> | </div> | ||
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav2" aria-controls="navbarNav2" aria-expanded="false" aria-label="Toggle navigation"> | <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav2" aria-controls="navbarNav2" aria-expanded="false" aria-label="Toggle navigation"> | ||
| − | + | <div class="hamburger" id="ham2"> | |
| − | + | <span class="line"></span> | |
| − | + | <span class="line"></span> | |
| − | + | <span class="line"></span> | |
| − | + | </div> | |
| − | + | </button> | |
<div class="collapse navbar-collapse " id="navbarNav2"> | <div class="collapse navbar-collapse " id="navbarNav2"> | ||
<ul class="navbar-nav mr-auto"> | <ul class="navbar-nav mr-auto"> | ||
| Line 84: | Line 115: | ||
<li class="nav-item"><a href="https://2017.igem.org/Team:SJTU-BioX-Shanghai/HP/Gold_Integrated" class="nav-link">Integrated</a></li> | <li class="nav-item"><a href="https://2017.igem.org/Team:SJTU-BioX-Shanghai/HP/Gold_Integrated" class="nav-link">Integrated</a></li> | ||
<li class="nav-item"><a href="https://2017.igem.org/Team:SJTU-BioX-Shanghai/Engagement" class="nav-link">Engagement</a></li> | <li class="nav-item"><a href="https://2017.igem.org/Team:SJTU-BioX-Shanghai/Engagement" class="nav-link">Engagement</a></li> | ||
| − | <li class="nav-item"><a href="https://2017.igem.org/Team:SJTU-BioX-Shanghai/Collaborations" class="nav-link">Collaborations</a></li> | + | <li class="nav-item"><a href="https://2017.igem.org/Team:SJTU-BioX-Shanghai/Collaborations" class="nav-link">Collaborations</a></li> |
</ul> | </ul> | ||
</div> | </div> | ||
| Line 93: | Line 124: | ||
</div> | </div> | ||
| − | <div class="big-head h1-my-responsive"> <img src="https://static.igem.org/mediawiki/2017/ | + | <div class="big-head h1-my-responsive"> <img src="https://static.igem.org/mediawiki/2017/d/d3/T--SJTU-BioX-Shanghai--17y06.png" class="img-fluid">Overview</div> |
<div class="container maink"> | <div class="container maink"> | ||
<div class="container maintext"> | <div class="container maintext"> | ||
| − | <div class="row"> | + | <div class="row justify-content-center"> |
| − | <div class=" | + | |
| − | < | + | <div class="col-md-5 col-12"> |
| − | < | + | <a href="https://2017.igem.org/Team:SJTU-BioX-Shanghai/HP/Gold_Integrated"> |
| + | <img class="img-fluid" src="https://static.igem.org/mediawiki/2017/7/7b/T--SJTU-BioX-Shanghai--17ovbus.png"> | ||
| + | <div class="h2-my-responsive head-1">Business Plan in Integrated </div> | ||
| + | <div class="msk"> | ||
| + | </div> | ||
| + | </a> | ||
| + | </div> | ||
| − | + | <div class="col-md-5 col-12"> | |
| − | + | <a href="https://2017.igem.org/Team:SJTU-BioX-Shanghai/Engagement"> | |
| − | + | <img class="img-fluid" src="https://static.igem.org/mediawiki/2017/9/9c/T--SJTU-BioX-Shanghai--17ov2048.png"> | |
| − | + | <div class="h2-my-responsive head-1">Color Game in Engagement</div> | |
| − | + | <div class="msk"> | |
| − | + | </div> | |
| − | + | </a> | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | </ | + | |
| − | </ | + | |
</div> | </div> | ||
| − | <div class="col- | + | <div class="col-md-5 col-12"> |
| − | < | + | <a href="https://2017.igem.org/Team:SJTU-BioX-Shanghai/Safety"> |
| − | + | <img class="img-fluid" src="https://static.igem.org/mediawiki/2017/2/28/T--SJTU-BioX-Shanghai--17ovsaf.png"> | |
| − | + | <div class="h2-my-responsive head-1">Safety</div> | |
| − | + | <div class="msk"> | |
| − | + | </div> | |
| − | < | + | </a> |
| − | + | </div> | |
| − | < | + | <div class="col-md-5 col-12"> |
| − | + | <a href="https://2017.igem.org/Team:SJTU-BioX-Shanghai/Collaborations"> | |
| − | + | <img class="img-fluid" src="https://static.igem.org/mediawiki/2017/d/d7/T--SJTU-BioX-Shanghai--17ovcol.png"> | |
| − | + | <div class="h2-my-responsive head-1">Collaborations </div> | |
| − | + | <div class="msk"> | |
| − | + | </div> | |
| − | + | </a> | |
| − | + | ||
</div> | </div> | ||
| − | |||
</div> | </div> | ||
</div> | </div> | ||
| Line 175: | Line 200: | ||
<span class="direction">Model</span> | <span class="direction">Model</span> | ||
<div class="title"> | <div class="title"> | ||
| − | + | Color Chart | |
</div> | </div> | ||
</a> | </a> | ||
| Line 202: | Line 227: | ||
</div> | </div> | ||
<script src="https://2017.igem.org/Template:SJTU-BioX-Shanghai/Javascript/jquery? | <script src="https://2017.igem.org/Template:SJTU-BioX-Shanghai/Javascript/jquery? | ||
| − | + | action=raw&ctype=text/javascript"></script> | |
<script src="https://2017.igem.org/Template:SJTU-BioX-Shanghai/Javascript/script? | <script src="https://2017.igem.org/Template:SJTU-BioX-Shanghai/Javascript/script? | ||
| − | + | action=raw&ctype=text/javascript"></script> | |
<script src="https://2017.igem.org/Template:SJTU-BioX-Shanghai/Javascript/popper? | <script src="https://2017.igem.org/Template:SJTU-BioX-Shanghai/Javascript/popper? | ||
| − | + | action=raw&ctype=text/javascript"></script> | |
<script src="https://2017.igem.org/Template:SJTU-BioX-Shanghai/Javascript/ripple? | <script src="https://2017.igem.org/Template:SJTU-BioX-Shanghai/Javascript/ripple? | ||
| − | + | action=raw&ctype=text/javascript"></script> | |
<script src="https://2017.igem.org/Template:SJTU-BioX-Shanghai/Javascript/bootstrap? | <script src="https://2017.igem.org/Template:SJTU-BioX-Shanghai/Javascript/bootstrap? | ||
| − | + | action=raw&ctype=text/javascript"></script> | |
<script src="https://2017.igem.org/Template:SJTU-BioX-Shanghai/Javascript/nav? | <script src="https://2017.igem.org/Template:SJTU-BioX-Shanghai/Javascript/nav? | ||
| − | + | action=raw&ctype=text/javascript"></script> | |
</div> | </div> | ||
Latest revision as of 03:50, 2 November 2017
Overview
