Team:Valencia UPV/otraprueba slider

From 2014.igem.org

(Difference between revisions)
 
(34 intermediate revisions not shown)
Line 30: Line 30:
                         color: #FFFFFF;"><img data-u="image" src="https://static.igem.org/mediawiki/2014/6/67/VUPV_Sexyplant_border.png" width="250px" alt="" />
                         color: #FFFFFF;"><img data-u="image" src="https://static.igem.org/mediawiki/2014/6/67/VUPV_Sexyplant_border.png" width="250px" alt="" />
                 </div>
                 </div>
-
                 <div style="position: absolute; width: 425px; top: 6%; left: 37%; padding: 10px; 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;
+
                 <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: justify; line-height: 20px; font-size: 14px;
                     text-align: justify; line-height: 20px; font-size: 14px;
                         color: #FFFFFF;"><span class="coda"><roja>S</roja>exy <roja>P</roja>lant</span>
                         color: #FFFFFF;"><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>
+
<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>
                 </div>
                 </div>
             </div>
             </div>
Line 46: Line 46:
                         color: #FFFFFF;">
                         color: #FFFFFF;">
                 </div>
                 </div>
-
                 <div style="position: absolute; width: 550px; top: 10%; left: 5%; 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="Project/modules/biosynthesis"><img data-u="image" src="https://static.igem.org/mediawiki/2014/9/9b/Biosynthesis.gif" width="550px" alt="" /></a>
+
                         color: #FFFFFF;"><a href="https://2014.igem.org/Team:Valencia_UPV/Project/modules/biosynthesis"><img data-u="image" src="https://static.igem.org/mediawiki/2014/9/9b/Biosynthesis.gif" width="500px" alt="" /></a>
                 </div>
                 </div>
-
<a href="https://2014.igem.org/Team:Valencia_UPV/Project/results/pheromone_analysis"><div class="results_sli" style="position: absolute; width: 442px; height: 150px; top: 60%; left: 55%; padding: 5px; z-index: 100;
+
<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: left; line-height: 60px; text-transform: uppercase; font-size: 50px;
+
-
                        color: #FFFFFF;">
+
-
                </div></a>
+
-
                <div style="position: absolute; width: 425px; top: 8%; left: 55%; padding: 10px; 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: justify; line-height: 20px; font-size: 14px;
                     text-align: justify; line-height: 20px; font-size: 14px;
                         color: #FFFFFF;">
                         color: #FFFFFF;">
-
<span class="coda"><roja>P</roja>heromone <roja>B</roja>iosynthesis</span>
+
<span class="coda"><roja>P</roja>heromone <roja>P</roja>roduction</span><br/>
-
<p>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>
+
<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="https://2014.igem.org/Team:Valencia_UPV/Project/results/pheromone_analysis"><img data-u="image" src="https://static.igem.org/mediawiki/2014/d/d0/Chromato_bentha_onoff.png" width="350px" alt="" />
 +
                </a></div>
                 </div>
                 </div>
-
<div style="position: absolute; width: 475px; top: 33%; left: 55%; padding: 10px; 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: justify; line-height: 20px; font-size: 14px;
 
-
                        color: #FFFFFF;">
 
-
<span class="coda"><roja>R</roja>esults</span>
 
-
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas lacus lacus, interdum vitae faucibus id, maximus sit amet orci. Vestibulum in lorem posuere, viverra augue at, mattis leo.</p>
 
-
                </div>
 
             </div>
             </div>
-
            <div>
+
<div>
                 <img data-u="image" src="https://static.igem.org/mediawiki/2014/b/bd/VUPVBackground_slider.jpg" alt="" />
                 <img data-u="image" src="https://static.igem.org/mediawiki/2014/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><a>
+
                         color: #FFFFFF;">
                 </div>
                 </div>
                 <div style="position: absolute; width: 480px; height: 120px; top: 66%px; left: 55%; padding: 5px;
                 <div style="position: absolute; width: 480px; height: 120px; top: 66%px; left: 55%; padding: 5px;
Line 86: Line 79:
                     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="https://2014.igem.org/Team:Valencia_UPV/Modeling/diffusion"> <img data-u="image" src="https://static.igem.org/mediawiki/2014/9/9d/VUPVIntro_sexpheromone.png" width="550px" alt="" /></a>
                         color: #FFFFFF;"><a href="https://2014.igem.org/Team:Valencia_UPV/Modeling/diffusion"> <img data-u="image" src="https://static.igem.org/mediawiki/2014/9/9d/VUPVIntro_sexpheromone.png" width="550px" alt="" /></a>
-
                 </div>
+
                 </div><a href="https://2014.igem.org/Team:Valencia_UPV/Modeling/diffusion#tab3">
-
<div style="position: absolute; width: 425px; top: 8%; left: 10%; padding: 10px; background-color:purple; opacity:0.8; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; -o-border-radius:10px;
+
<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;
                     text-align: justify; line-height: 20px; font-size: 14px;
                         color: #FFFFFF;">
                         color: #FFFFFF;">
<span class="coda"><roja>M</roja>odeling <roja>M</roja>oths <roja>R</roja>esponse</span><br/><br/>
<span class="coda"><roja>M</roja>odeling <roja>M</roja>oths <roja>R</roja>esponse</span><br/><br/>
-
<img data-u="image" src="https://static.igem.org/mediawiki/2014/9/92/Poliya_flechas_slider.png" width="150px" style="float:left;" alt="" /> <p style="font-size: 16px;">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>
+
<img data-u="image" src="https://static.igem.org/mediawiki/2014/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>
+
                 </div></a>
             </div>
             </div>
 +
Line 104: Line 98:
                 <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="https://2014.igem.org/Team:Valencia_UPV/policy/activities"> <img data-u="image" src="https://static.igem.org/mediawiki/2014/a/a0/Pp.png" width="600px" alt="" /></a>
 +
                </div>
 +
<a href="https://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>

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