(208 intermediate revisions by 2 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 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 class=" | + | <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> | ||
+ | <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 | + | <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> | |
− | <a href="https://2016.igem.org/Team:UPMC-Paris/Project/overview"><h1>Project</h1></ | + | |
</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> | |
− | <a href="https://2016.igem.org/Team:UPMC-Paris/ | + | |
</div> | </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> | |
− | <a href="https://2016.igem.org/Team:UPMC-Paris/ | + | |
</div> | </div> | ||
− | + | ||
− | <div | + | <div class="droite"> |
− | <a href="https://2016.igem.org/Team:UPMC-Paris/ | + | <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> | ||
− | + | ||
− | <div | + | <div class="gauche"> |
− | <a href="https://2016.igem.org/Team:UPMC-Paris/ | + | <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> | ||
+ | |||
+ | <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> | </body> | ||
</html> | </html> |
Latest revision as of 10:46, 19 October 2016