Team:Valencia UPV/otraprueba slider

From 2014.igem.org

(Difference between revisions)
 
(94 intermediate revisions not shown)
Line 20: Line 20:
         <div data-u="slides" style="cursor: move; position: absolute; left: 0px; top: 0px; width: 1300px;
         <div data-u="slides" style="cursor: move; position: absolute; left: 0px; top: 0px; width: 1300px;
             height: 500px; overflow: hidden;">
             height: 500px; overflow: hidden;">
 +
 +
             <div>
             <div>
                 <img data-u="image" src="http://2014.igem.org/wiki/images/5/57/Background_slider1.png" alt="" />
                 <img data-u="image" src="http://2014.igem.org/wiki/images/5/57/Background_slider1.png" alt="" />
                 <div data-u="caption" data-t="NO" data-t3="RTT|2" data-r3="137.5%" data-du3="3000" data-d3="500" style="position: absolute; width: 445px; height: 300px; top: 100px; left: 600px;">
                 <div data-u="caption" data-t="NO" data-t3="RTT|2" data-r3="137.5%" data-du3="3000" data-d3="500" style="position: absolute; width: 445px; height: 300px; top: 100px; left: 600px;">
-
                    <!--<img src="../img/new-site/c-phone.png" style="position: absolute; width: 445px; height: 300px; top: 0px; left: 0px;" alt="" />
 
-
                    <img data-u="caption" data-t="CLIP|LR" data-du="4000" data-t2="NO" src="../img/new-site/c-jssor-slider.png" style="position: absolute; width: 102px; height: 78px; top: 70px; left: 130px;" alt="" />
 
-
                    <img data-u="caption" data-t="ZMF|10" data-t2="NO" src="../img/new-site/c-text.png" style="position: absolute; width: 80px; height: 53px; top: 153px; left: 163px;" alt="" />
 
-
                    <img data-u="caption" data-t="RTT|10" data-t2="NO" src="../img/new-site/c-fruit.png" style="position: absolute; width: 140px; height: 90px; top: 60px; left: 220px;" alt="" />
 
-
                    <img data-u="caption" data-t="T" data-du="4000" data-t2="NO" src="../img/new-site/c-navigator.png" style="position: absolute; width: 200px; height: 155px; top: 57px; left: 121px;" alt="" />-->
 
-
                </div>
 
-
                <div data-u="caption" data-t="RTT|2" data-r="-75%" data-du="1600" data-d="2500" data-t2="NO" style="position: absolute; width: 470px; height: 220px; top: 120px; left: 650px;">
 
-
                    <!--<img src="../img/new-site/c-phone-horizontal.png" style="position: absolute; width: 470px; height: 220px; top: 0px; left: 0px;" alt="" />
 
-
                    <img data-u="caption" data-t3="MCLIP|L" data-du3="2000" src="../img/new-site/c-slide-1.jpg" style="position: absolute; width: 379px; height: 213px; top: 4px; left: 45px;" alt="" />
 
-
                    <img data-u="caption" data-t="MCLIP|R" data-du="2000" data-t2="NO" src="../img/new-site/c-slide-3.jpg" style="position: absolute; width: 379px; height: 213px; top: 4px; left: 45px;" alt="" />
 
-
                    <img data-u="caption" data-t="RTTL|BR" data-x="500%" data-y="500%" data-du="1000" data-d="-3000" data-r="-30%" data-t3="L" data-x3="70%" data-du3="1600" src="../img/new-site/c-finger-pointing.png" style="position: absolute; width: 257px; height: 300px; top: 80px; left: 200px;" alt="" />
 
-
                    <img src="../img/new-site/c-navigator-horizontal.png" style="position: absolute; width: 379px; height: 213px; top: 4px; left: 45px;" alt="" />-->
 
                 </div>
                 </div>
                 <div style="position: absolute; width: 200px; top: 5%; left: 75%; padding: 5px;
                 <div style="position: absolute; width: 200px; top: 5%; left: 75%; padding: 5px;
Line 40: Line 30:
                         color: #FFFFFF;"><img data-u="image" src="http://2014.igem.org/wiki/images/6/67/VUPV_Sexyplant_border.png" width="250px" alt="" />
                         color: #FFFFFF;"><img data-u="image" src="http://2014.igem.org/wiki/images/6/67/VUPV_Sexyplant_border.png" width="250px" alt="" />
                 </div>
                 </div>
-
                 <div style="position: absolute; width: 400px; top: 10%; left: 37%; padding: 10px; background-color:#3366cc; opacity:1;filter:alpha(opacity=50); border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; -o-border-radius:10px;
+
                 <div style="position: absolute; width: 425px; top: 6%; left: 37%; padding: 15px; background-color:#3366cc; opacity:0.8;filter:alpha(opacity=80); border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; -o-border-radius:10px;
-
                     text-align: justified; line-height: 20px; font-size: 14px;
+
                     text-align: justify; line-height: 20px; font-size: 14px;
-
                         color: #FFFFFF;">
+
                         color: #FFFFFF;"><span class="coda"><roja>S</roja>exy <roja>P</roja>lant</span>
-
<!-- <a href="http://www.google.com"> visita google visita google visita google</a> -->
+
<p style="font-size: 16px;"><br/>Sexy Plant is our environmental-friendly choice for pest control. We produced moth sex pheromones in <i>Nicotiana benthamiana</i> and released them into the air to produce mating disruption and avoid moth’s offspring, the larvae which are the real cause of damage. Pheromone production is under the control of a genetic switch to improve the plant’s resources usage. In addition, we designed a biosafety module to easily identify the engineered plant and avoid spread of the genetic material. </p>
-
<span class="coda"><roja>S</roja>exy <roja>P</roja>lant</span>
+
-
<p><br/>Sexy Plant is our environmental-friendly choice for pest control. We produced moth sex pheromones in <i>Nicotiana benthamiana</i> and released them into the air to produce mating disruption and avoid moth’s offspring, the larvae which are the real cause of damage. Pheromone production is under the control of a genetic switch to improve the plant’s resources usage. In addition, we designed a biosafety module to easily identify the engineered plant and avoid spread of the genetic material. </p>
+
                 </div>
                 </div>
             </div>
             </div>
 +
 +
 +
 +
             <div>
             <div>
-
                <img data-u="image" src="http://2014.igem.org/wiki/images/9/9b/Biosynthesis.gif" alt="" />
+
              <img data-u="image" src="http://2014.igem.org/wiki/images/6/60/VUPVBackground_slider_inv.jpg" alt="" />
                 <div style="position: absolute; width: 480px; height: 120px; top: 30px; left: 30px; padding: 5px;
                 <div style="position: absolute; width: 480px; height: 120px; top: 30px; left: 30px; padding: 5px;
                     text-align: left; line-height: 60px; text-transform: uppercase; font-size: 50px;
                     text-align: left; line-height: 60px; text-transform: uppercase; font-size: 50px;
-
                         color: #FFFFFF;"><a href="http://www.hotmail.com">ir a hotmail</a>
+
                         color: #FFFFFF;">
                 </div>
                 </div>
-
                 <div style="position: absolute; width: 480px; height: 120px; top: 300px; left: 30px; padding: 5px;
+
                 <div style="position: absolute; width: 550px; top: 12%; left: 5%; padding: 15px; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; -o-border-radius:10px; background-color:#FFFFFF;
                     text-align: left; line-height: 36px; font-size: 30px;
                     text-align: left; line-height: 36px; font-size: 30px;
 +
                        color: #FFFFFF;"><a href="http://2014.igem.org/Team:Valencia_UPV/Project/modules/biosynthesis"><img data-u="image" src="http://2014.igem.org/wiki/images/9/9b/Biosynthesis.gif" width="500px" alt="" /></a>
 +
 +
                </div>
 +
<div style="position: absolute; width: 450px; top: 12%; left: 55%; padding: 10px; background-color:#546643; opacity:0.8;filter:alpha(opacity=80); border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; -o-border-radius:10px;
 +
                    text-align: justify; line-height: 20px; font-size: 14px;
                         color: #FFFFFF;">
                         color: #FFFFFF;">
-
<a href="http://www.hotmail.com"> visita hotmail visita hotmail visita hotmail</a>
+
<span class="coda"><roja>P</roja>heromone <roja>P</roja>roduction</span><br/>
 +
<p style="font-size: 16px;">This is the core of our project. Sexy Plant is a pest control choice based on the production of sexual pheromones, which will confuse male insects and make them unable to find the female.</p><div align="center">
 +
               
 +
<a href="http://2014.igem.org/Team:Valencia_UPV/Project/results/pheromone_analysis"><img data-u="image" src="http://2014.igem.org/wiki/images/d/d0/Chromato_bentha_onoff.png" width="350px" alt="" />
 +
                </a></div>
                 </div>
                 </div>
 +
             </div>
             </div>
-
            <div>
+
 
-
                 <img data-u="image" src="http://2014.igem.org/wiki/images/e/ee/VUPV2014-07-25_09.38.32.jpg" alt="" />
+
 
 +
 
 +
<div>
 +
                 <img data-u="image" src="http://2014.igem.org/wiki/images/b/bd/VUPVBackground_slider.jpg" alt="" />
                 <div style="position: absolute; width: 480px; height: 120px; top: 30px; left: 30px; padding: 5px;
                 <div style="position: absolute; width: 480px; height: 120px; top: 30px; left: 30px; padding: 5px;
                     text-align: left; line-height: 60px; text-transform: uppercase; font-size: 50px;
                     text-align: left; line-height: 60px; text-transform: uppercase; font-size: 50px;
-
                         color: #FFFFFF;"><a href="http://www.yahoo.com">ir a yahoo</a>
+
                         color: #FFFFFF;">
                 </div>
                 </div>
-
                 <div style="position: absolute; width: 480px; height: 120px; top: 300px; left: 30px; padding: 5px;
+
                 <div style="position: absolute; width: 480px; height: 120px; top: 66%px; left: 55%; padding: 5px;
                     text-align: left; line-height: 36px; font-size: 30px;
                     text-align: left; line-height: 36px; font-size: 30px;
                         color: #FFFFFF;">
                         color: #FFFFFF;">
-
<a href="http://www.hotmail.com"> visita yahoo visita yahoo visita yahoo</a>
+
 
                 </div>
                 </div>
 +
<div style="position: absolute; width: 200px; top: 12%; left: 50%; padding: 5px;
 +
                    text-align: left; line-height: 60px; text-transform: uppercase; font-size: 50px;
 +
                        color: #FFFFFF;"><a href="http://2014.igem.org/Team:Valencia_UPV/Modeling/diffusion"> <img data-u="image" src="http://2014.igem.org/wiki/images/9/9d/VUPVIntro_sexpheromone.png" width="550px" alt="" /></a>
 +
                </div><a href="http://2014.igem.org/Team:Valencia_UPV/Modeling/diffusion#tab3">
 +
<div style="position: absolute; width: 425px; top: 8%; left: 10%; padding: 15px; background-color:purple; opacity:0.8; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; -o-border-radius:10px;
 +
                    text-align: justify; line-height: 20px; font-size: 14px;
 +
                        color: #FFFFFF;">
 +
<span class="coda"><roja>M</roja>odeling <roja>M</roja>oths <roja>R</roja>esponse</span><br/><br/>
 +
<img data-u="image" src="http://2014.igem.org/wiki/images/9/92/Poliya_flechas_slider.png" width="150px" style="float:left;" alt="" /> <p style="font-size: 18px;">When one stares at moths, they apparently move with erratic flight paths. However, male moths follow sex pheromone concentration gradients, moving after female moths.<br/><br/> See how we modeled this complex behavior.</p>
 +
                </div></a>
             </div>
             </div>
 +
 +
 +
 +
 +
 +
 +
             <div>
             <div>
-
                 <img data-u="image" src="http://2014.igem.org/wiki/images/8/8e/VUPVIMG_3242.jpg" alt="" />
+
                 <img data-u="image" src="http://2014.igem.org/wiki/images/6/60/VUPVBackground_slider_inv.jpg" alt="" />
                 <div style="position: absolute; width: 480px; height: 120px; top: 30px; left: 30px; padding: 5px;
                 <div style="position: absolute; width: 480px; height: 120px; top: 30px; left: 30px; padding: 5px;
                     text-align: left; line-height: 60px; text-transform: uppercase; font-size: 50px;
                     text-align: left; line-height: 60px; text-transform: uppercase; font-size: 50px;
-
                        color: #FFFFFF;">Touch Swipe Slider
 
-
                </div>
 
-
                <div style="position: absolute; width: 480px; height: 120px; top: 300px; left: 30px; padding: 5px;
 
-
                    text-align: left; line-height: 36px; font-size: 30px;
 
                         color: #FFFFFF;">
                         color: #FFFFFF;">
-
                        Build your slider with anything, includes image, content, text, html, photo, picture
 
                 </div>
                 </div>
-
            </div>
+
<div style="position: absolute; width: 200px; top: 2%; left: 5%; padding: 10px;
 +
                    text-align: left; line-height: 60px; text-transform: uppercase; font-size: 50px;
 +
                        color: #FFFFFF;"><a href="http://2014.igem.org/Team:Valencia_UPV/policy/activities"> <img data-u="image" src="http://2014.igem.org/wiki/images/a/a0/Pp.png" width="600px" alt="" /></a>
 +
                </div>
 +
<a href="http://2014.igem.org/Team:Valencia_UPV/policy/activities">
 +
<div style="position: absolute; width: 425px; top: 10%; left: 55%; padding: 15px; background-color:#660000; opacity:0.8; border-radius:10px; -moz-border-radius:10px;-webkit-border-radius:10px; -o-border-radius:10px; text-align: justify; line-height: 20px; font-size: 14px; color: #FFFFFF;">
 +
<span class="coda"><roja>P</roja>olicy and <roja>P</roja>ractices</span><br/><br/>
 +
<p style="font-size: 16px;">Our whole project is P and P. We are dealing with a worldwide severe problem of the agriculture based economy. We made contact with the project stateholder. Bayer CropSciences, Cooperatives and Representatives of the Farmers gave us their opinion and all of them are very interested in the outcome of the project. <br/><br/> See how we and them did get involved.</p>
 +
                </div></a>
 +
           
         </div>
         </div>
                  
                  
         <!-- Bullet Navigator Skin Begin -->
         <!-- Bullet Navigator Skin Begin -->
         <!-- bullet navigator container -->
         <!-- bullet navigator container -->
-
         <div data-u="navigator" class="jssorb21" style="position: absolute; bottom: 26px; left: 6px;">
+
         <div data-u="navigator" class="jssorb21" style="position: absolute; bottom: 40px; left: 6px;">
             <!-- bullet navigator item prototype -->
             <!-- bullet navigator item prototype -->
             <div data-u="prototype" style="POSITION: absolute; WIDTH: 19px; HEIGHT: 19px; text-align:center; line-height:19px; color:White; font-size:12px;"></div>
             <div data-u="prototype" style="POSITION: absolute; WIDTH: 19px; HEIGHT: 19px; text-align:center; line-height:19px; color:White; font-size:12px;"></div>
Line 104: Line 130:
         <a style="display: none" href="http://www.jssor.com">slideshow</a>
         <a style="display: none" href="http://www.jssor.com">slideshow</a>
     </div>
     </div>
-
 
+
<br/>
</html>
</html>
{{:Team:Valencia_UPV/footer_img}}
{{:Team:Valencia_UPV/footer_img}}

Latest revision as of 08:17, 17 October 2014

Sexy Plant


Sexy Plant is our environmental-friendly choice for pest control. We produced moth sex pheromones in Nicotiana benthamiana and released them into the air to produce mating disruption and avoid moth’s offspring, the larvae which are the real cause of damage. Pheromone production is under the control of a genetic switch to improve the plant’s resources usage. In addition, we designed a biosafety module to easily identify the engineered plant and avoid spread of the genetic material.

Pheromone Production

This is the core of our project. Sexy Plant is a pest control choice based on the production of sexual pheromones, which will confuse male insects and make them unable to find the female.

slideshow