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

 
(193 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/archive/4/47/20150828111820%212015_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;
+
        padding-bottom:3vh;
+
background-repeat:no-repeat;
+
background-size:100%;
+
            }
+
.content1{
+
font-family:Nexa Light;
+
font-size:16pt;
+
 
color:#fff;
 
color:#fff;
text-align:left;
+
z-index:100;
position:absolute;
+
float:right;
+
text-align:center;
width:40vw;
+
left:5vw;
+
top:60vh;
+
 
}
 
}
.content2{
+
 
font-family:Nexa Light;
+
.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">
+
 
With our hit product, we provide the convenient and efficient cancer diagnosis for personalized targeted drug therapy via tissue staining. To stain on tissue biopsies and give rapid diagnosis for targeted drug therapy, APOllO E.Cotector not only displays single chain variable fragment (scFv) from part of monoclonal antibody targeted drugs, but also simultaneously expresses the florescent protein for rapid observation. Furthermore, by changing various kinds of scFv, our almighty APOllO E.Cotecter can identify multimarker and suggest physicians the prescription of combination therapy.</div>
+
<div class="content2">
+
As another powerful helper used in serum test, APOllO E.Cotector Plus can not only immobilize on gold surface but also display scFv. It can be applied on any high-tech measurement machine which uses gold as transducer. Via combination of various microbalances, APOllO E.Cotector Plus can truly determine the quantity of cancer antigens in serum, and provides more information about cancer 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;">
+
</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.