Team:UCLA

From 2013.igem.org

(Difference between revisions)
 
(46 intermediate revisions not shown)
Line 7: Line 7:
#slide {
#slide {
   background: url("https://static.igem.org/mediawiki/2013/c/ce/Ucla_bg1.png") 50% 0 no-repeat fixed;  
   background: url("https://static.igem.org/mediawiki/2013/c/ce/Ucla_bg1.png") 50% 0 no-repeat fixed;  
-
height: 1000px;   
+
height: 650px;   
margin: 0 auto;  
margin: 0 auto;  
     width: 100%;  
     width: 100%;  
     max-width: 1920px;  
     max-width: 1920px;  
     position: relative;  
     position: relative;  
-
    box-shadow: 0 0 50px rgba(0,0,0,0.8);
 
}
}
#slide2 {
#slide2 {
  background: url("https://static.igem.org/mediawiki/2013/f/f9/Ucla_bg2.png") 50% 0 no-repeat fixed;  
  background: url("https://static.igem.org/mediawiki/2013/f/f9/Ucla_bg2.png") 50% 0 no-repeat fixed;  
-
  height: 1000px;   
+
  height: 650px; 
 +
margin: 0 auto;
 +
    width: 100%;
 +
    max-width: 1920px;
 +
    position: relative;
 +
}
 +
#slide3 {
 +
  background: url("https://static.igem.org/mediawiki/2013/c/ce/Ucla_bg1.png") 50% 0 no-repeat fixed;
 +
height: 700px;   
margin: 0 auto;  
margin: 0 auto;  
     width: 100%;  
     width: 100%;  
     max-width: 1920px;  
     max-width: 1920px;  
     position: relative;  
     position: relative;  
-
    box-shadow: 0 0 50px rgba(0,0,0,0.8);
 
}
}
#slide article {
#slide article {
Line 33: Line 39:
#abs {
#abs {
  font-size: 13px; font-family: "Trebuchet MS", sans-serif; color: #fff;  
  font-size: 13px; font-family: "Trebuchet MS", sans-serif; color: #fff;  
-
  text-align: left center; line-height: 180%; margin: 20px 0px auto 40px
+
  text-align: left center; line-height: 180%; margin: 10px 0px auto 10px
}
}
#abs-title {
#abs-title {
  font-size: 25px; font-family: "Trebuchet MS", sans-serif; color: #fff;  
  font-size: 25px; font-family: "Trebuchet MS", sans-serif; color: #fff;  
-
  text-align: center; line-height: 180%; margin: 20px 0px auto 40px
+
  text-align: center; line-height: 180%; margin: 10px 5px auto 40px
 +
}
 +
#text {
 +
    font-family: "Raleway", serif;
 +
    z-index:100;
 +
    position:absolute;   
 +
    color:white;
 +
    font-size:20px;
 +
    left:145px;
 +
    top:350px;
 +
}
 +
#text2 {
 +
    font-family: "Raleway", serif;
 +
    z-index:100;
 +
    position:absolute;   
 +
    color:black;
 +
    font-size:20px;
 +
    left:675px;
 +
    top:400px;
 +
}
 +
#text3 {
 +
    font-family: "Raleway", serif;
 +
    z-index:100;
 +
    position:absolute;   
 +
    color:black;
 +
    font-size:20px;
 +
    left:125px;
 +
    top:525px;
}
}
#content {
#content {
Line 47: Line 80:
<body>
<body>
-
<section id="slide" data-type="background" data-speed="10"><div id="abs-title">ABSTRACT</div>
+
<section id="slide" data-type="background" data-speed="5">
-
<div id="abs">Both the mammalian immune system’s complex defenses and a bacteriophage’s targeting mechanism depend upon protein diversification. These models have inspired innovations ranging from targeted drug delivery to protein display. Using the major tropism determining (MTD) protein expressed on the Bordatella bacteriophage BPP-1, we aim to develop an in vitro system for generating antibody-like proteins that bind specified targets. The MTD protein expressed at the phage’s tail fiber is naturally modified at its variable region to produce nearly 10e13 possible binding variants while preserving its structure. Mutating the MTD’s variable region by PCR can match the massive diversity of MTD in vitro. A library of MTD protein-DNA fusions generated by mRNA display can then be screened for binding against specified protein targets. This in vitro analog to phage display and immune clonal selection can be a powerful tool for constructing target-binding MTD variants with equally many varied applications.
+
<img src="https://static.igem.org/mediawiki/2013/e/ea/Grad.png" width="960">
-
</div></section>
+
<p id="text"><a href="#slide2"><font color="white">How it Works</font></a><br>
-
<section id="slide2" data-type="background" data-speed="10"></section>
+
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="#slide2"><img src="https://static.igem.org/mediawiki/2013/6/62/Downarrow.png" href="#slide2" width="50"></a></p>
 +
<a name="slide1"></a></section>
 +
 
 +
<section id="slide2" data-type="background" data-speed="5">
 +
<img src="https://static.igem.org/mediawiki/2013/e/e6/Grad2.png" width="960">
 +
<p id="text2"><a href="#slide3"><font color="Black">mRNA Display</font></a><br>
 +
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="#slide3"><img src="https://static.igem.org/mediawiki/2013/1/11/Down_arrow_black.png"Width="50">
 +
</a></p>
 +
<a name="slide2"></a>
 +
</section>
 +
 
 +
<section id="slide3" data-type="background" data-speed="8">
 +
<img src="https://static.igem.org/mediawiki/2013/4/4b/Grad3.png" width="960">
 +
<p id="text3">
 +
<a href="#slide1"><img src="https://static.igem.org/mediawiki/2013/c/c2/Uparrow_white.png" href="#slide2" width="50"></a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
 +
<a href="https://2013.igem.org/Team:UCLA/Project"><img src="https://static.igem.org/mediawiki/2013/3/34/Sideways_arrow_white.png" width="50"></a>
 +
<br>
 +
&nbsp;<a href="#slide1"><font color="white">Top</font></a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="https://2013.igem.org/Team:UCLA/Project"><font color="white">More Details!</font></a>
 +
 
 +
</p>
 +
<a name="slide3"></a></section>
 +
 
 +
 
</body>
</body>
</html>
</html>

Latest revision as of 21:11, 27 September 2013


UCLA iGEM

How it Works
       

mRNA Display
       

           
 Top       More Details!