Line 3: | Line 3: | ||
<head> | <head> | ||
<meta name="viewport" content="width=device-width, initial-scale=1"> | <meta name="viewport" content="width=device-width, initial-scale=1"> | ||
− | |||
− | + | <LINK REL="stylesheet" TYPE="text/css" HREF="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" > | |
+ | |||
+ | <link rel=" alternate stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> | ||
+ | <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> | ||
+ | <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> | ||
<style> | <style> | ||
Line 87: | Line 90: | ||
text-align:center | text-align:center | ||
} | } | ||
+ | |||
+ | |||
+ | #topNav { | ||
+ | margin-bottom:0; | ||
+ | } | ||
+ | |||
+ | #nav2 { | ||
+ | width: 100%; | ||
+ | } | ||
+ | |||
+ | #nav2.affix-top { | ||
+ | position: static; | ||
+ | } | ||
+ | |||
+ | #nav2.affix { | ||
+ | position: fixed; | ||
+ | top: 0; | ||
+ | left: 0; | ||
+ | z-index: 2; | ||
+ | transition: all .6s ease-in-out; | ||
+ | -webkit-transition: all .6s ease-in-out; | ||
+ | } | ||
+ | |||
+ | .navbar-toggle { | ||
+ | outline:0; | ||
+ | } | ||
+ | |||
+ | |||
+ | body { | ||
+ | position: relative; | ||
+ | } | ||
+ | #section1 {padding-top:50px;height:500px;color: #fff; background-color: #1E88E5;} | ||
+ | #section2 {padding-top:50px;height:500px;color: #fff; background-color: #673ab7;} | ||
+ | #section3 {padding-top:50px;height:500px;color: #fff; background-color: #ff9800;} | ||
+ | #section4 {padding-top:50px;height:500px;color: #fff; background-color: #00bcd4;} | ||
+ | |||
</style> |
</style> | ||
+ | |||
</head> | </head> | ||
+ | |||
<body> |
<body> | ||
− | < | + | <div class="navbar navbar-inverse navbar-static-top" id="topNav"> |
<div class="container"> | <div class="container"> | ||
Line 150: | Line 191: | ||
</div> | </div> | ||
− | </ | + | </div> |
− | + | </div> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
Line 163: | Line 200: | ||
</div> | </div> | ||
+ | <div class="navbar navbar-custom navbar-inverse navbar-static-top" id="nav2"> | ||
+ | <div class="container"> | ||
+ | <body data-spy="scroll" data-target=".navbar" data-offset="50"> | ||
+ | <div class="navbar-header"> | ||
+ | <a class="navbar-brand" href="#">Result</a> | ||
+ | </div> | ||
+ | <div> | ||
+ | <div class="collapse navbar-collapse" id="myNavbar"> | ||
+ | <ul class="nav navbar-nav"> | ||
+ | <a href="#section1">Toehold Switch</a> | ||
+ | <a href="#section2">Interlab</a> | ||
+ | <a href="#section3">Charaterization</a> | ||
+ | <a href="#section4">Program</a> | ||
+ | </ul> | ||
+ | </div> | ||
+ | </div> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
+ | </div> | ||
</div> | </div> | ||
− | |||
− | |||
+ | <div id="section1" class="container"> | ||
+ | <h1>Toehold Switch</h1> | ||
+ | <p>This is overview about Toehold Switch.</p> | ||
+ | |||
− | < | + | </div> |
+ | |||
+ | <div id="section2" class="container"> | ||
+ | <h1>Interlab</h1> | ||
+ | <p>This is overview about Interlab.</p> | ||
+ | |||
+ | </div> | ||
− | |||
+ | <div id="section3" class="container-fluid"> | ||
+ | <h1>Charaterization</h1> | ||
+ | <p>Fluorescent protein is an important marker for qualitative analysis in validation test of toehold switch which detects the presence of trigger (viral) RNA.The presence of trigger RNA is reported by fold change of fluorescent protein expression compared with switch only by fluorescent assays and rely on the ability of fluorescent protein. More often, body fluid of different pH from vary organs (Figure 1) extracted as sample may disturb the expression of fluorescent protein due to pH-dependent protein folding and conformtaion. </p> | ||
+ | <br> | ||
+ | <br> | ||
+ | <p>Key achievement:</p> | ||
<ul> | <ul> | ||
− | <li> | + | <li>Charaterized pH stability of fluorescnet protein in iGEM registry.</li> |
− | + | ||
</ul> | </ul> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | <div id="section4" class="container"> | ||
+ | <h1>Program</h1> | ||
+ | <p>This is overview about Program.</p> | ||
+ | |||
</div> | </div> | ||
+ | |||
Revision as of 07:01, 2 August 2017