Difference between revisions of "Team:NCTU Formosa/Overview"

 
(206 intermediate revisions by 4 users not shown)
Line 1: Line 1:
 
{{Team:NCTU_Formosa/navigation}}
 
{{Team:NCTU_Formosa/navigation}}
 +
 
<html>
 
<html>
 
<head>
 
<head>
<style tpe=text/css>
+
<style type=text/css>
body{
+
/* v1.0 | 20080212 */
        background-color:#fff;
+
 
 +
html, body, div, span, applet, object, iframe,
 +
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
 +
a, abbr, acronym, address, big, cite, code,
 +
del, dfn, em, font, img, ins, kbd, q, s, samp,
 +
small, strike, strong, sub, sup, tt, var,
 +
b, u, i, center,
 +
dl, dt, dd, ol, ul, li,
 +
fieldset, form, label, legend,
 +
table, caption, tbody, tfoot, thead, tr, th, td {
 +
    margin: 0;
 +
    padding: 0;
 +
    border: 0;
 +
    outline: 0;
 +
    vertical-align: baseline;
 +
    background: transparent;
 
}
 
}
.side{
+
body {
background-color:#000;
+
    line-height: 1;
height:100vh;
+
}
width:60px;
+
ol, ul {
 +
    list-style: none;
 +
}
 +
blockquote, q {
 +
    quotes: none;
 +
}
 +
blockquote:before, blockquote:after,
 +
q:before, q:after {
 +
    content: '';
 +
    content: none;
 +
}
 +
 
 +
/* remember to define focus styles! */
 +
:focus {
 +
    outline: 0;
 +
}
 +
 
 +
/* remember to highlight inserts somehow! */
 +
ins {
 +
    text-decoration: none;
 +
}
 +
 
 +
del {
 +
    text-decoration: line-through;
 +
}
 +
 
 +
/* tables still need 'cellspacing="0"' in the markup */
 +
table {
 +
    border-collapse: collapse;
 +
    border-spacing: 0;
 +
}
 +
.p01{
 +
background-color:#1599EA;
 +
position:relative;
 +
height:70vh;
 +
width:100%;
 
left:0vw;
 
left:0vw;
top:0vh;
 
position:fixed;
 
 
}
 
}
.title1{
+
.p02{
background-image:url("https://static.igem.org/mediawiki/2015/b/ba/2015_NCTU_Formosa_Title1.png");
+
background-color:#FCFCDE;
 
position:relative;
 
position:relative;
height:25vh;
+
width:100%;
width:40vw;
+
top:8vh;
+
left:5vw;
+
background-repeat:no-repeat;
+
background-size:75%;
+
 
}
 
}
.photo{
+
.background1{
background-image:url("https://static.igem.org/mediawiki/2015/archive/1/18/20150828111317%212015_NCTU_Formosa_Project_s.png");
+
background-image:url("https://static.igem.org/mediawiki/2015/d/d7/NCTU_Formosa_Overview_Ecotector.png");
 +
background-repeat:no-repeat;
 +
background-position:center;
 
position:relative;
 
position:relative;
 
height:70vh;
 
height:70vh;
width:93vw;
+
width:40vw;
top:15vh;
+
background-size:90%;
left:5vw;
+
top:0vh;
background-repeat:no-repeat;
+
left:10vw;
background-size:100%;
+
opacity:0.9;
z-index:-20;
+
float:left;
 
}
 
}
.photo2{
+
.title{
background-image:url("https://static.igem.org/mediawiki/2015/4/47/2015_NCTU_Formosa_Overveiw1.png");
+
font-family:Arial;
 +
font-size:33pt;
 
position:relative;
 
position:relative;
height:110vh;
+
right:20vw;
width:93vw;
+
top:20vh;
top:11.5vh;
+
left:5vw;
+
background-repeat:no-repeat;
+
background-size:100%;}
+
.content1{
+
font-family:Myriad Pro;
+
font-size:16pt;
+
 
color:#fff;
 
color:#fff;
text-align:left;
+
z-index:100;
position:absolute;
+
float:right;
height:15vh;
+
text-align:center;
width:40vw;
+
left:5vw;
+
top:60vh;
+
 
}
 
}
.content2{
+
 
font-family:Myriad Pro;
+
.content{
font-size:16pt;
+
font-family:Arial;
color:#fff;
+
font-size:20pt;
text-align:left;
+
width:60vw;
position:absolute;
+
margin:0 auto;
height:15vh;
+
left:20vw;
width:30vw;
+
right:20vw;
left:57vw;
+
top:9vh;
top:60vh;
+
color:#000;
 +
text-align: justify;
 +
padding-top:6vh;
 +
padding-bottom:8vh;
 +
}
 +
.goto{
 +
position:relative;
 +
padding-left:20vw;
 +
padding-top:3vh;
 +
float:left;
 +
z-index:100;
 +
}
 +
.goto a{
 +
text-decoration:none;
 +
color:#000;
 
}
 
}
.photo3{
+
.goto1{
background-image:url("https://static.igem.org/mediawiki/2015/b/b9/2015_NCTU_Formosa_Title3.png");
+
 
position:relative;
 
position:relative;
height:55vh;
+
padding-left:76vw;
width:93vw;
+
padding-top:3vh;
top:3vh;
+
left:5vw;
+
background-repeat:no-repeat;
+
background-position:center;
+
background-size:75%;
+
 
}
 
}
a.animated-button.thar-three {
+
.goto1 a{
  color: #000;
+
text-decoration:none;
  font-family:Myriad Pro;
+
color:#000;
  font-size: 20px;
+
}
  text-decoration: none;
+
p{
  text-align:center;
+
text-indent: 40px;
  cursor: pointer;
+
font-family:Arial;
  display: block;
+
font-size:14pt;
  position: relative;
+
position:relative;
  bottom:10vh;
+
color:#000;
  width:30vh;
+
text-align: justify;
  left:75vw;
+
LINE-HEIGHT:25pt;
  border: 2px solid #F7CA18;
+
}
  transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1);
+
h1{
  0s;
+
font-size:25pt;
  z-index: 2;
+
 
+
}
+
 
+
a.animated-button.thar-three:hover {
+
  color: #000 !important;
+
  background-color: transparent;
+
  text-shadow: nthree;
+
}
+
 
+
a.animated-button.thar-three:hover:before {
+
  right: auto;
+
  width: 100%;
+
}
+
 
+
a.animated-button.thar-three:before {
+
  display: block;
+
  position: absolute;
+
  top: 0px;
+
  right: 0px;
+
  height: 100%;
+
  width: 0px;
+
  z-index: -1;
+
  content: '';
+
  color: #000 !important;
+
  background: #F7CA18;
+
  transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1);
+
  0s;
+
}
+
a.animated-button.thar-three-two {
+
  color: #000;
+
  font-family:Myriad Pro;
+
  font-size: 20px;
+
  text-decoration: none;
+
  text-align:center;
+
  cursor: pointer;
+
  display: block;
+
  position: relative;
+
  bottom:10vh;
+
  width:30vh;
+
  left:-7vw;
+
  border: 2px solid #F7CA18;
+
  transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1);
+
  0s;
+
  z-index: 2;
+
}
+
a.animated-button.thar-three-two:hover {
+
  color: #000 !important;
+
  background-color: transparent;
+
  text-shadow: nthree;
+
}
+
 
+
a.animated-button.thar-three-two:hover:before {
+
  right: auto;
+
  width: 100%;
+
}
+
 
+
a.animated-button.thar-three-two:before {
+
  display: block;
+
  position: absolute;
+
  top: 0px;
+
  right: 0px;
+
  height: 100%;
+
  width: 0px;
+
  z-index: -1;
+
  content: '';
+
  color: #000 !important;
+
  background: #F7CA18;
+
  transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1);
+
  0s;
+
 
}
 
}
 +
h2{
 +
font-size:20pt;
 +
padding-top:2vh;}
  
 
</style>
 
</style>
 +
 
</head>
 
</head>
 
<body>
 
<body>
<div class="side"></div>
+
<div class="p01">
<div class="title1"></div>
+
<div class="background1"></div>
<div class="photo"></div>
+
<div class="title">Overview</div>
<div class="photo3"></div>
+
</div>
<div class="photo2">
+
<div class="p02">
<div class="content1">
+
 
Our hit product, is to display part of monoclonal antibody
+
targeted drugs, called scFv, outside the E.coli outer membrane
+
and to express the fluorescent protein at the same time. It can
+
stain the tissue biopsies by antibody-antigen interaction and
+
perform fluorescence. Then it can help doctor determine the
+
targeted drug therapy. Furthermore, by using various kinds of
+
APOllO E.Cotectors with different scFv and fluorescent
+
proteins at the same time, we can identify multimarker to
+
achieve combination therapy.</div>
+
<div class="content2">
+
APOllO E.Cotector Plus is another powerful helper, which has not only displayed scFv but also Gold binding polypeptide, GBP, on the outer membrane of E.Coli. Our E.Cotector Plus can immobilize on gold, applied on any sensor used gold as transducer, to test the concentration of specific antigens in serum and to give more information about the patients' condition.
+
</div>
+
</div>
+
           
+
  
 +
<div class="content"><h1>Customized Detection Platform</h1>
 +
<p>This year, APOllO, introduce a revolutionary product, a customized detecting platform. We call it the E.Cotector.</p>
 +
<p>In our product, we built three individual biobrick libraries of scFv probes and color signal and Gold Binding Polypeptide (GBP). Probes detect the target we want. Fluorescence protein or chromoprotein expresses signal for observation. GBP acts as a bridge to connect our product to gold, which enables our product to be applied to biosensors. Our customers can spontaneously choose from our libraries, pair up any biobricks. Next, comes the most crucial part of our project. Our team will then co-transform the plasmids into E. coli. Our customized detecting platform, The APOllO E.Cotector, is therefore born.  By co-transforming plasmids, it not only helps us customize our product every which way for our customers but also brings us a major advantage in our manufacturing procedure. We no longer have to build lengthy biobricks, which tremendously increases our manufacturing efficiency.</P>
 +
</div>
  
 +
<div class="content"><h1>Health and Medical Detection Platform</h1>
 +
  <p>With our hit product, E.Cotector, we can focus on health and medical dimension. We want to provide a convenient and efficient diagnosis for prescribing personalized targeted drug therapy via tissue biopsies. Therefore, we chose single chain variable fragments (scFv), which are directly from monoclonal antibody, targeted drugs. ScFv acts as our probe to detect specific biomarkers. Our customer can pair up any scFv with any color signal. By changing various kinds of scFv on the surfaces of E.Cotector, it can identify multimarkers and suggest appropriate different kinds of targeted drugs.</P>
 +
  <p> Our E.Cotector can consequently bind to various targeted antigen also simultaneously express color as signal for instant observation. We provide another plasmid of Gold Binding Polypeptide for customers to pair up. Pairing up scFv and GBP can achieve quantitative detection as a biosensor. In conclusion, the customized APOllO E.Cotector will bring a brand new era for pre-diagnosis target drugs treatment.</P>
  
    <div style="position:relative;">
+
</div>
    <div style="width:30vw;height:5vh;position:absolute;left:5vw;float:left;background-color:#00171F;color:#fff;font-family:Myriad Pro;font-size:12pt;padding:7vh 0vw 7vh 6vw;">contact us<BR> NCTU_Formosa APOllO &nbsp;&nbsp;<a href="https://www.facebook.com/pages/NCTU_Formosa-IGEM-team/267841893250331?fref=ts" target="_blank"><img src=https://static.igem.org/mediawiki/2015/a/ab/NCTU_FORMOSA_Facebook_LINK.png width=40vw></a> </div>
+
<div class="goto">
        <div style="width:58.85vw;height:5vh;position:absolute;right:1vw;float:left;background-color:#263A40;color:#fff;font-family:Myriad Pro;font-size:12pt;padding:7vh 0vw 7vh 6vw;">
+
<a href="https://2015.igem.org/Team:NCTU_Formosa/Project"><img src="https://static.igem.org/mediawiki/2015/3/3c/%E7%AE%AD%E9%A0%AD1.png"; width=50vw;><br><br>Back to project</a>
        <a href="https://goo.gl/maps/nqUy6" target="_blank"><img src=https://static.igem.org/mediawiki/2015/1/10/NCTU_Formosa_footer_location.png width=40vw></a>
+
</div>
            &nbsp;&nbsp;Engineering Building 6 EF455, 1001 University Road, Hsinchu 300, Taiwan, ROC. </div>
+
<div class="goto1">
    </div>
+
<a href="https://2015.igem.org/Team:NCTU_Formosa/Description"><img src="https://static.igem.org/mediawiki/2015/c/c2/%E7%AE%AD%E9%A0%AD2.png"; width=50vw;><br><br>Go to Background</a>
 +
</div>
  
 
+
</body>
  </body>
+
</html>{{Team:NCTU_Formosa/footer}}
  </html>
+

Latest revision as of 10:33, 11 September 2015

Overview

Customized Detection Platform

This year, APOllO, introduce a revolutionary product, a customized detecting platform. We call it the E.Cotector.

In our product, we built three individual biobrick libraries of scFv probes and color signal and Gold Binding Polypeptide (GBP). Probes detect the target we want. Fluorescence protein or chromoprotein expresses signal for observation. GBP acts as a bridge to connect our product to gold, which enables our product to be applied to biosensors. Our customers can spontaneously choose from our libraries, pair up any biobricks. Next, comes the most crucial part of our project. Our team will then co-transform the plasmids into E. coli. Our customized detecting platform, The APOllO E.Cotector, is therefore born. By co-transforming plasmids, it not only helps us customize our product every which way for our customers but also brings us a major advantage in our manufacturing procedure. We no longer have to build lengthy biobricks, which tremendously increases our manufacturing efficiency.

Health and Medical Detection Platform

With our hit product, E.Cotector, we can focus on health and medical dimension. We want to provide a convenient and efficient diagnosis for prescribing personalized targeted drug therapy via tissue biopsies. Therefore, we chose single chain variable fragments (scFv), which are directly from monoclonal antibody, targeted drugs. ScFv acts as our probe to detect specific biomarkers. Our customer can pair up any scFv with any color signal. By changing various kinds of scFv on the surfaces of E.Cotector, it can identify multimarkers and suggest appropriate different kinds of targeted drugs.

Our E.Cotector can consequently bind to various targeted antigen also simultaneously express color as signal for instant observation. We provide another plasmid of Gold Binding Polypeptide for customers to pair up. Pairing up scFv and GBP can achieve quantitative detection as a biosensor. In conclusion, the customized APOllO E.Cotector will bring a brand new era for pre-diagnosis target drugs treatment.