Difference between revisions of "Team:BioMarvel"

 
(85 intermediate revisions by 2 users not shown)
Line 1: Line 1:
 +
{{BioMarvel}}
 
<html>
 
<html>
−
<Style>
 
−
#header {
 
−
height: 200px;
 
−
width: 1000px;
 
−
background-color: #bdbdbd;
 
−
font-family: serif;
 
−
text-align: center;
 
  
−
}
+
<body>
−
#topMenu {
+
<script type="text/javascript">
−
height : 250px;
+
−
width: 1000px;
+
window.onload = function(){
−
margin-left: 20px;
+
rotateBanner = setInterval(function(){
−
margin-top: 20px;
+
var pos = document.getElementsByName("pos");
−
}
+
var size = pos.length;
−
#topMenu ul {
+
for(var i = 0; i < size; i++) {
−
list-style-type: none;
+
if(pos[i].checked) {
−
margin: 0px;
+
var m = i+1;
−
padding: 0px;
+
if (m >= size) {
−
}
+
m = 0;
−
#topMenu ul li {
+
}
−
list-style: none;
+
pos[m].checked = true;
−
background-color: rgba(0,0,0,0.0);
+
pos[i].checked = false;
−
float: left;
+
break;
−
line-height: 30px;
+
}
−
vertical-align: middle;
+
}
−
text-align: left;
+
}, 3600);
−
position: relative;
+
}
−
}
+
 
−
.menuLink, .submenuLink {
+
 
−
text-decoration: none;
+
</script>
−
display: block;
+
−
width: 95px;
+
−
font-weight: bold;
+
−
padding-left: 10px;
+
−
}
+
−
.menuLink {
+
−
color: black;
+
−
font-family: serif;
+
−
font-size: 80%;
+
−
}
+
−
.menuHome {
+
−
text-decoration: none;
+
−
display: block;
+
−
width: 95px;
+
−
font-weight: bold;
+
−
padding-left: 10px;
+
−
color: red;
+
−
font-family: serif;
+
−
font-size: 90%;
+
−
}
+
−
.topMenuLi:hovor .menuLink {
+
−
color: #888888 !important;
+
−
}
+
−
.submenuLink {
+
−
color: black !important;
+
−
margin-top: -1px;
+
−
text-align: left;
+
−
}
+
−
.longLink {
+
−
width: 250px;
+
−
}
+
−
.submenu {
+
−
position: absolute;
+
−
height: 0px;
+
−
overflow: hidden;
+
−
transition: height .2s;
+
−
font-family: sans-serif;
+
−
font-size: small;
+
−
}
+
−
.topMenuLi:hover .submenu {
+
−
height: 250px;
+
−
}
+
−
.submenuLink:hover {
+
−
color: #888888 !important;
+
−
}
+
−
</style>
+
  
 
<style>
 
<style>
−
.leftBox {
+
*{margin:0;padding:0;}
−
width: 200px
+
ul,li{list-style:none;}
−
height: 100%;
+
.slideBox{
−
color: black;
+
position: relative;
−
float: left;
+
width: 100%
−
text-align: center;
+
−
font-family: serif;
+
−
font-size: 150%;
+
−
border-right: 1px gray solid;
+
−
padding: 10px
+
 
}
 
}
−
.rightBox {
+
.slideBox:before{
−
width: 800px;
+
content: "";
−
color: black;
+
display: block;
−
float: left;
+
padding-top: 39.8148%;
−
padding-left: 20px;
+
−
text-align: left;
+
−
font-family: sans-serif;
+
 
}
 
}
 +
.slideBoxbox{
 +
position: absolute;
 +
top: 0;
 +
right: 0;
 +
bottom: 0;
 +
left: 0;
 +
}
 +
#slide{
 +
height:100%;
 +
width:100%;
 +
position:relative;
 +
overflow:hidden;
 +
}
 +
#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){
 +
 +
}
 +
#slide li:nth-child(2){
 +
 +
}
 +
#slide li:nth-child(3){
 +
 +
}
 +
#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;}
 +
 +
.mSHdiv{
 +
width: 100%;
 +
height: 45px;
 +
background-color: #203864;
 +
}
 +
.mSHdiv h1{
 +
color: white;
 +
margin-left: 10px;
 +
}
 +
.youtubeBox{
 +
position: relative;
 +
display: block;
 +
margin-left: auto;
 +
margin-right: auto;
 +
width: 94%
 +
}
 +
.youtubeBox:before{
 +
content: "";
 +
display: block;
 +
padding-top: 56.25%;
 +
}
 +
.youtubeBoxbox{
 +
position: absolute;
 +
border: 2px solid black;
 +
top: 0;
 +
right: 0;
 +
bottom: 0;
 +
left: 0;
 +
}
 +
 +
 
</style>
 
</style>
  
−
<body>
 
−
<header id="header">
 
−
<p></p><br>
 
−
<h1>BIOMARVEL</h1>
 
−
<h3>IGEM 2018: HIGHSCHOOL</h3>
 
−
</header>
 
  
−
<nav id="topMenu">
+
<div class="mMainBox">
−
<ul>
+
<section id="mSection">
−
<li><a class="menuHome" href="https://2018.igem.org/Team:BioMarvel">HOME</a></li>
+
<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>
−
<li class="topMenuLi">
+
</section>
−
<a class="menuLink">PROJECT</a>
+
<div class="slideBox">
−
<ul class="submenu">
+
<div class="slideBoxbox">
−
<li><a class="submenuLink longLink" href="#">Overview</a></li>
+
<div id="slide">
−
<li><a class="submenuLink longLink" href="#">Background</a></li>
+
<input type="radio" name="pos" id="pos1" checked>
−
<li><a class="submenuLink longLink" href="#">Design</a></li>
+
<input type="radio" name="pos" id="pos2">
−
<li><a class="submenuLink longLink" href="#">Experiments</a></li>
+
<input type="radio" name="pos" id="pos3">
−
<li><a class="submenuLink longLink" href="#">Results</a></li>
+
<ul>
−
<li><a class="submenuLink longLink" href="#">Demonstrate</a></li>
+
<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 class="submenuLink longLink" href="#">Improve</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>
−
</ul>
+
<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>
−
</li>
+
</ul>
−
<li class="topMenuLi">
+
<p class="pos" style="padding-top: 2em;padding-bottom: 1em; margin: 0;">
−
<a class="menuLink">PEOPLE</a>
+
<label for="pos1"></label>
−
<ul class="submenu">
+
<label for="pos2"></label>
−
<li><a class="submenuLink longLink" href="#">Members</a></li>
+
<label for="pos3"></label>
−
<li><a class="submenuLink longLink" href="#">Advisors</a></li>
+
</p>
−
<li><a class="submenuLink longLink" href="#">Attributions</a></li>
+
</div>
−
<li><a class="submenuLink longLink" href="#">Collaborations</a></li>
+
</div>
−
</ul>
+
</div>
−
</li>
+
<section id="mSection">
−
<li class="topMenuLi">
+
<div class="mSHdiv">
−
<a class="menuLink">PARTS</a>
+
<h1 style="color: white;padding-top: 8px; padding-bottom: 7px;">Abstract</h1>
−
<ul class="submenu">
+
</div>
−
<li><a class="submenuLink longLink" href="#">Parts overview</a></li>
+
<br>
−
<li><a class="submenuLink longLink" href="#">Basic Parts</a></li>
+
<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>
−
<li><a class="submenuLink longLink" href="#">Composite Parts</a></li>
+
<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>
−
<li><a class="submenuLink longLink" href="#">Parts collection</a></li>
+
<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>
−
</ul>
+
</section>
−
</li>
+
<br>
−
<li class="topMenuLi">
+
 
−
<a class="menuLink">HUMAN PRACTICES</a>
+
<section id="mSection">
−
<ul class="submenu">
+
<div class="mSHdiv">
−
<li><a class="submenuLink longLink" href="#">Human Practices</a></li>
+
<h1 style="color: white;padding-top: 8px; padding-bottom: 7px;">U-HEALTHCARE SERVICE SYSTEM</h1>
−
<li><a class="submenuLink longLink" href="#">Public Education & Engagement</a></li>
+
</div>
−
</ul>
+
<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>
−
</li>
+
<br>
−
<li class="topMenuLi">
+
 
−
<a class="menuLink">SAFETY</a>
+
<!--
−
<ul class="submenu">
+
<h1 style="text-align: center; text-shadow: 2px 2px 3px gray;">Ubiquitous System for Diagnosis and Monitoring of Heart Failure</h1>
−
<li><a class="submenuLink longLink" href="#">Lab Safety</a></li>
+
-->
−
<li><a class="submenuLink longLink" href="#">Safe Project Design</a></li>
+
<br>
−
<li><a class="submenuLink longLink" href="#">Safe product Use</a></li>
+
<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>
−
</ul>
+
</section>
−
</li>
+
<br>
−
<li class="topMenuLi">
+
<section>
−
<a class="menuLink">NOTEBOOK</a>
+
−
<ul class="submenu">
+
<div class="youtubeBox">
−
<li><a class="submenuLink longLink" href="#">Demonstration</a></li>
+
<div class="youtubeBoxbox">
−
</ul>
+
<iframe width="100%" height="100%" src="https://www.youtube.com/embed/URUYaF4gsQ4" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
−
</li>
+
</div>
−
<li><a class="menuLink" href="#">AWARDS</a></li>
+
</div>
−
<li><a class="menuLink" href="https://igem.org/2018_Judging_Form?team=BioMarvel">JUDGING FORM</a></li>
+
</section>
−
</ul>
+
 
−
</nav>
+
 
−
<aside class="leftBox">
+
</div>
−
<h3>PROJECT</h3>
+
</body>
−
</aside>
+
−
<section class="rightBox">
+
−
<p>contents</p>
+
−
<p>blahblah</p>
+
−
</section>
+
−
</body>  
+
 
</html>
 
</html>
 +
{{BioMarvel/footer}}

Latest revision as of 23:28, 6 December 2018

≡

Abstract


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.

DH5-alpha E. coli 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.

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.


U-HEALTHCARE SERVICE SYSTEM




#iGEM #2018 #BioMarvel #Heart #Biochip #Diagnosis

Contact Us !

IGEM2018BioMarvel@gmail.com

Copyright © 2018 By BioMarvel. All right reserved.