Team:Valencia UPV

From 2014.igem.org

(Difference between revisions)
 
(26 intermediate revisions not shown)
Line 1: Line 1:
-
{{:Team:Valencia_UPV/otraprueba_slider}}
+
{{:Team:Valencia_UPV/header}}
 +
{{:Team:Valencia_UPV/prueba_slider_css}}
 +
{{:Team:Valencia_UPV/javascript2}}
 +
 
 +
<html>
 +
<!-- Jssor Slider Begin -->
 +
    <!-- You can move inline styles to css file or css block. -->
 +
    <div id="slider1_container" style="position: relative; margin: 0 auto;
 +
        top: 0px; left: 0px; width: 1300px; height: 500px; overflow: hidden;">
 +
        <!-- Loading Screen -->
 +
        <div data-u="loading" style="position: absolute; top: 0px; left: 0px;">
 +
            <div style="filter: alpha(opacity=70); opacity: 0.7; position: absolute; display: block;
 +
                top: 0px; left: 0px; width: 100%; height: 100%;">
 +
            </div>
 +
            <div style="position: absolute; display: block; background: url(../img/loading.gif) no-repeat center center;
 +
                top: 0px; left: 0px; width: 100%; height: 100%;">
 +
            </div>
 +
        </div>
 +
        <!-- Slides Container -->
 +
        <div data-u="slides" style="cursor: move; position: absolute; left: 0px; top: 0px; width: 1300px;
 +
            height: 500px; overflow: hidden;">
 +
 
 +
 
 +
            <div>
 +
                <img data-u="image" src="https://static.igem.org/mediawiki/2014/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>
 +
                <div style="position: absolute; width: 200px; top: 5%; left: 75%; padding: 5px;
 +
                    text-align: left; line-height: 60px; text-transform: uppercase; font-size: 50px;
 +
                        color: #FFFFFF;"><img data-u="image" src="https://static.igem.org/mediawiki/2014/6/67/VUPV_Sexyplant_border.png" width="250px" alt="" />
 +
                </div>
 +
                <a href="https://2014.igem.org/Team:Valencia_UPV/Project/overview"><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;
 +
                        color: #FFFFFF;"><span class="coda"><roja>S</roja>exy <roja>P</roja>lant</span>
 +
<p style="font-size: 16px;"><br/>The <b>Sexy Plant</b> is our environmental-friendly choice for pest control. We <b>produced</b> moth <b>sex pheromones</b> in <i>Nicotiana benthamiana</i> and <b>released</b> them into the air to produce <b>mating disruption</b> and avoid moth’s offspring, the real cause of damage. Pheromone production is under the control of a <b>genetic switch</b> to improve the plant’s resources usage. In addition, we designed a <b>biosafety module</b> to easily identify the engineered plant and avoid spread of the genetic material.</p>
 +
                </div></a>
 +
            </div>
 +
 
 +
 
 +
 
 +
 
 +
            <div>
 +
              <img data-u="image" src="https://static.igem.org/mediawiki/2014/6/60/VUPVBackground_slider_inv.jpg" alt="" />
 +
                <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;
 +
                        color: #FFFFFF;">
 +
                </div>
 +
                <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;
 +
                        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 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;">
 +
<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="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>
 +
                <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;
 +
                    text-align: left; line-height: 60px; text-transform: uppercase; font-size: 50px;
 +
                        color: #FFFFFF;">
 +
                </div>
 +
                <div style="position: absolute; width: 480px; height: 120px; top: 66%px; left: 55%; padding: 5px;
 +
                    text-align: left; line-height: 36px; font-size: 30px;
 +
                        color: #FFFFFF;">
 +
 
 +
                </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="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><a href="https://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="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></a>
 +
            </div>
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
            <div>
 +
                <img data-u="image" src="https://static.igem.org/mediawiki/2014/6/60/VUPVBackground_slider_inv.jpg" alt="" />
 +
                <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;
 +
                        color: #FFFFFF;">
 +
                </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: 450px; top: 7%; 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: 15px;">Our whole project is Policy and Practices. We are dealing with a worldwide severe problem of the agriculture based economy. We made contact with the project stakeholders. 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/> See how we and them did get involved.</p>
 +
                </div></a>
 +
<a href="https://2014.igem.org/Team:Valencia_UPV/policy/outreach">
 +
<div style="position: absolute; width: 200px; top: 40%; left: 77%; z-index:1000; padding: 5px;
 +
                    text-align: left; line-height: 60px; text-transform: uppercase; font-size: 50px;
 +
                        color: #FFFFFF;  -webkit-transform: rotate(20deg);  -moz-transform: rotate(20deg);
 +
  -ms-transform: rotate(20deg);
 +
  -o-transform: rotate(20deg);
 +
  transform: rotate(20deg);"><img data-u="image" width="210px" src="https://static.igem.org/mediawiki/2014/7/78/Post_it_whorkshop.png" alt="" />
 +
                </div></a>
 +
           
 +
        </div>
 +
               
 +
        <!-- Bullet Navigator Skin Begin -->
 +
        <!-- bullet navigator container -->
 +
        <div data-u="navigator" class="jssorb21" style="position: absolute; bottom: 40px; left: 6px;">
 +
            <!-- 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>
 +
        <!-- Bullet Navigator Skin End -->
 +
 
 +
        <!-- Arrow Navigator Skin Begin -->
 +
        <!-- Arrow Left -->
 +
        <span data-u="arrowleft" class="jssora21l" style="width: 55px; height: 55px; top: 123px; left: 8px;">
 +
        </span>
 +
        <!-- Arrow Right -->
 +
        <span data-u="arrowright" class="jssora21r" style="width: 55px; height: 55px; top: 123px; right: 8px">
 +
        </span>
 +
        <!-- Arrow Navigator Skin End -->
 +
        <a style="display: none" href="http://www.jssor.com">slideshow</a>
 +
    </div>
 +
<br/>
 +
</html>
 +
 
 +
{{:Team:Valencia_UPV/footer_img}}

Latest revision as of 01:29, 18 October 2014