(420 intermediate revisions by 4 users not shown) | |||
Line 1: | Line 1: | ||
{{UPMC-Paris}} | {{UPMC-Paris}} | ||
− | |||
− | |||
− | |||
<html> | <html> | ||
− | < | + | <body> |
− | < | + | <div id="content"> |
+ | <div class="w3-content" style="max-width:50vw; height:30vw; position:relative;"> | ||
− | < | + | <img class="mySlides1" src="https://static.igem.org/mediawiki/2016/5/57/T--UPMC-Paris--MainPage3.jpg" style="width:auto; height:auto;max-width:50vw;max-height:30vw; margin: auto; position: absolute; top: 0; bottom: 0; left: 0; right: 0;"> |
− | < | + | <img class="mySlides1" src="https://static.igem.org/mediawiki/2016/5/5c/T--UPMC-Paris--MainPage4.jpg" style="width:auto; height:auto;max-width:50vw;max-height:30vw; margin: auto; position: absolute; top: 0; bottom: 0; left: 0; right: 0;"> |
− | <img src="https://static.igem.org/mediawiki/2016/ | + | <img class="mySlides1" src="https://static.igem.org/mediawiki/2016/9/91/T--UPMC-Paris--MainPage5.jpg" style="width:auto; height:auto;max-width:50vw;max-height:30vw; margin: auto; position: absolute; top: 0; bottom: 0; left: 0; right: 0;"> |
− | + | <img class="mySlides1" src="https://static.igem.org/mediawiki/2016/9/96/T--UPMC-Paris--MainPage6.jpg" style="width:auto; height:auto;max-width:50vw;max-height:30vw; margin: auto; position: absolute; top: 0; bottom: 0; left: 0; right: 0;"> | |
− | + | <img class="mySlides1" src="https://static.igem.org/mediawiki/2016/0/05/T--UPMC-Paris--MainPage7.jpg" style="width:auto; height:auto;max-width:50vw;max-height:30vw; margin: auto; position: absolute; top: 0; bottom: 0; left: 0; right: 0;"> | |
+ | <img class="mySlides1" src="https://static.igem.org/mediawiki/2016/e/e1/T--UPMC-Paris--MainPage8.jpg" style="width:auto; height:auto;max-width:50vw;max-height:30vw; margin: auto; position: absolute; top: 0; bottom: 0; left: 0; right: 0;"> | ||
+ | |||
+ | <script> | ||
+ | var slideIndex = 0; | ||
+ | carousel(); | ||
+ | |||
+ | function carousel() { | ||
+ | var i; | ||
+ | var x = document.getElementsByClassName("mySlides1"); | ||
+ | for (i = 0; i < x.length; i++) { | ||
+ | x[i].style.display = "none"; | ||
+ | } | ||
+ | slideIndex++; | ||
+ | if (slideIndex > x.length) {slideIndex = 1} | ||
+ | x[slideIndex-1].style.display = "flex"; | ||
+ | setTimeout(carousel, 2000); | ||
+ | } | ||
+ | </script> | ||
</div> | </div> | ||
− | <div> | + | |
− | + | ||
+ | <div class="w3-content" style="max-width:50vw; height:30vw; position:relative;"> | ||
+ | |||
+ | <img class="mySlides" src="https://static.igem.org/mediawiki/2016/8/8a/T--UPMC-Paris--MainPageSlide1.jpg" style="width:auto; height:auto;max-width:50vw;max-height:30vw; margin: auto; position: absolute; top: 0; bottom: 0; left: 0; right: 0;"> | ||
+ | <img class="mySlides" src="https://static.igem.org/mediawiki/2016/3/36/T--UPMC-Paris--MainPageSlide2.jpg" style="width:auto; height:auto;max-width:50vw;max-height:30vw; margin: auto; position: absolute; top: 0; bottom: 0; left: 0; right: 0;"> | ||
+ | <img class="mySlides" src="https://static.igem.org/mediawiki/2016/e/e8/T--UPMC-Paris--MainPageSlide3.jpg" style="width:auto; height:auto;max-width:50vw;max-height:30vw; margin: auto; position: absolute; top: 0; bottom: 0; left: 0; right: 0;"> | ||
+ | <img class="mySlides" src="https://static.igem.org/mediawiki/2016/0/0a/T--UPMC-Paris--MainPageSlide4.jpg" style="width:auto; height:auto;max-width:50vw;max-height:30vw; margin: auto; position: absolute; top: 0; bottom: 0; left: 0; right: 0;"> | ||
+ | <img class="mySlides" src="https://static.igem.org/mediawiki/2016/8/80/T--UPMC-Paris--MainPageSlide5.jpg" style="width:auto; height:auto;max-width:50vw;max-height:30vw; margin: auto; position: absolute; top: 0; bottom: 0; left: 0; right: 0;"> | ||
+ | <img class="mySlides" src="https://static.igem.org/mediawiki/2016/5/50/T--UPMC-Paris--MainPageSlide6.jpg" style="width:auto; height:auto;max-width:50vw;max-height:30vw; margin: auto; position: absolute; top: 0; bottom: 0; left: 0; right: 0;"> | ||
+ | |||
+ | <div class="w3-center w3-section w3-large w3-text-white w3-display-bottomleft" style="width:100%;"> | ||
+ | |||
+ | <div class="w3-left w3-padding-left w3-hover-text-deep-purple" onclick="plusDivs(-1)">❮</div> | ||
+ | <div class="w3-right w3-padding-right w3-hover-text-deep-purple" onclick="plusDivs(1)">❯</div> | ||
+ | |||
+ | <span class="w3-badge demo w3-border w3-transparent w3-hover-deep-purple" onclick="currentDiv(1)"></span> | ||
+ | <span class="w3-badge demo w3-border w3-transparent w3-hover-deep-purple" onclick="currentDiv(2)"></span> | ||
+ | <span class="w3-badge demo w3-border w3-transparent w3-hover-deep-purple" onclick="currentDiv(3)"></span> | ||
+ | <span class="w3-badge demo w3-border w3-transparent w3-hover-deep-purple" onclick="currentDiv(4)"></span> | ||
+ | <span class="w3-badge demo w3-border w3-transparent w3-hover-deep-purple" onclick="currentDiv(5)"></span> | ||
+ | <span class="w3-badge demo w3-border w3-transparent w3-hover-deep-purple" onclick="currentDiv(6)"></span> | ||
+ | |||
</div> | </div> | ||
− | |||
− | |||
</div> | </div> | ||
− | <div> | + | <script type="text/javascript"> |
− | + | var slideIndex = 1; | |
+ | showDivs(slideIndex); | ||
+ | |||
+ | function plusDivs(n) { | ||
+ | showDivs(slideIndex += n); | ||
+ | } | ||
+ | |||
+ | function currentDiv(n) { | ||
+ | showDivs(slideIndex = n); | ||
+ | } | ||
+ | |||
+ | function showDivs(n) { | ||
+ | var i; | ||
+ | var x = document.getElementsByClassName("mySlides"); | ||
+ | var dots = document.getElementsByClassName("demo"); | ||
+ | if (n > x.length) {slideIndex = 1} | ||
+ | if (n < 1) {slideIndex = x.length} | ||
+ | for (i = 0; i < x.length; i++) { | ||
+ | x[i].style.display = "none"; | ||
+ | } | ||
+ | for (i = 0; i < dots.length; i++) { | ||
+ | dots[i].className = dots[i].className.replace(" w3-deep-purple", ""); | ||
+ | } | ||
+ | x[slideIndex-1].style.display = "flex"; | ||
+ | dots[slideIndex-1].className += " w3-deep-purple"; | ||
+ | } | ||
+ | </script> | ||
+ | |||
+ | |||
+ | <div class="gauche"> | ||
+ | <a href="https://2016.igem.org/Team:UPMC-Paris/Project/overview" display="flex"><nav class="textG" id="text1"><h1>Project</h1></nav></a> | ||
</div> | </div> | ||
− | <div> | + | |
− | + | ||
+ | <div class="droite"> | ||
+ | <a href="https://2016.igem.org/Team:UPMC-Paris/La_Paillasse" display="flex"><nav class="textD" id="text4"><h1>Lab<br>Life</h1></nav></a> | ||
</div> | </div> | ||
− | |||
− | |||
+ | <div class="gauche"> | ||
+ | <a href="https://2016.igem.org/Team:UPMC-Paris/Basic_Part" display="flex" width="100%" height="100%"><nav class="textG" id="text2"><h1>Parts</h1></nav></a> | ||
+ | </div> | ||
− | + | <div class="droite"> | |
+ | <a href="https://2016.igem.org/Team:UPMC-Paris/HP/Silver" display="flex" width="100%" height="100%"><nav class="textD" id="text5"><h1> Human<br>Practice</h1></nav></a> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | <div class="gauche"> | ||
+ | <a href="https://2016.igem.org/Team:UPMC-Paris/Collaborations" display="flex" width="100%" height="100%"><nav class="textG" id="text3"><h1>Team<br>Work</h1></nav></a> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | <div class="droite"> | ||
+ | <a href="https://2016.igem.org/Team:UPMC-Paris/Team" display="flex" width="100%" height="100%"><nav class="textD" id="text6"><h1>About<br> Us</h1></nav></a> | ||
+ | </div> | ||
+ | </div> | ||
+ | </body> | ||
+ | </html> |
Latest revision as of 10:46, 19 October 2016