Difference between revisions of "Team:UPMC-Paris"

 
(108 intermediate revisions by 2 users not shown)
Line 1: Line 1:
 
{{UPMC-Paris}}
 
{{UPMC-Paris}}
−
 
 
<html>
 
<html>
−
<meta name="viewport" content="width=device-width, initial-scale=1">
 
 
<body>
 
<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>
 
<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="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)">&#10094;</div>
 +
    <div class="w3-right w3-padding-right w3-hover-text-deep-purple" onclick="plusDivs(1)">&#10095;</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>
 +
<script type="text/javascript">
 
var slideIndex = 1;
 
var slideIndex = 1;
 
showDivs(slideIndex);
 
showDivs(slideIndex);
Line 26: Line 77:
 
   }
 
   }
 
   for (i = 0; i < dots.length; i++) {
 
   for (i = 0; i < dots.length; i++) {
−
     dots[i].className = dots[i].className.replace(" w3-white", "");
+
     dots[i].className = dots[i].className.replace(" w3-deep-purple", "");
 
   }
 
   }
 
   x[slideIndex-1].style.display = "flex";   
 
   x[slideIndex-1].style.display = "flex";   
−
   dots[slideIndex-1].className += " w3-white";
+
   dots[slideIndex-1].className += " w3-deep-purple";
 
}
 
}
 
</script>
 
</script>
−
<div id="content">
 
−
<div id="slidetext">
 
−
<div style="padding-top:2vw; padding-left:-2vw; width:60vw; height:20vw; margin:auto auto 2vw auto;">
 
−
  <img class="mySlides" src="https://static.igem.org/mediawiki/2016/4/4c/T--UPMC-Paris--MainPage1.jpg">
 
−
  <img class="mySlides" src="https://static.igem.org/mediawiki/2016/5/57/T--UPMC-Paris--MainPage3.jpg">
 
−
  <img class="mySlides" src="https://static.igem.org/mediawiki/2016/5/5c/T--UPMC-Paris--MainPage4.jpg">
 
−
<img class="mySlides" src="https://static.igem.org/mediawiki/2016/9/91/T--UPMC-Paris--MainPage5.jpg">
 
−
<img class="mySlides" src="https://static.igem.org/mediawiki/2016/9/96/T--UPMC-Paris--MainPage6.jpg">
 
−
<img class="mySlides" src="https://static.igem.org/mediawiki/2016/0/05/T--UPMC-Paris--MainPage7.jpg">
 
−
<img class="mySlides" src="https://static.igem.org/mediawiki/2016/e/e1/T--UPMC-Paris--MainPage8.jpg">
 
−
<img class="mySlides" style="background-size: contain;display: flex;justify-content: center;align-items: center;align-content: center;margin-left: auto;margin-right: auto;padding-bottom:2vw;background-repeat:no-repeat;background-image:url(https://static.igem.org/mediawiki/2016/0/00/T--UPMC-Paris--MainPage9.jpg); width:22vw; height:22vw;">
 
−
<img class="mySlides" style="background-size: contain;display: flex;justify-content: center;align-items: center;align-content: center;margin-left: auto;margin-right: auto;padding-bottom:2vw;background-repeat:no-repeat;background-image:url(https://static.igem.org/mediawiki/2016/0/00/T--UPMC-Paris--MainPage9.jpg); width:22vw; height:22vw;"><p>petit test, <br>avec un <a href="#">lien</a><br>!!!<br></p></div>
 
−
 
−
<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-khaki" style="vertical-align:middle;" onclick="plusDivs(-1)">&#10094;</div>
 
−
    <div class="w3-right w3-padding-right w3-hover-text-khaki" style="vertical-align:middle;" onclick="plusDivs(1)">&#10095;</div>
 
−
 
−
    <span class="w3-badge demo w3-border w3-transparent w3-hover-khaki" style="vertical-align:middle;" onclick="currentDiv(1)"></span>
 
−
    <span class="w3-badge demo w3-border w3-transparent w3-hover-white" style="vertical-align:middle;" onclick="currentDiv(2)"></span>
 
−
    <span class="w3-badge demo w3-border w3-transparent w3-hover-white" style="vertical-align:middle;" onclick="currentDiv(3)"></span>
 
−
    <span class="w3-badge demo w3-border w3-transparent w3-hover-white" style="vertical-align:middle;" onclick="currentDiv(4)"></span>
 
−
    <span class="w3-badge demo w3-border w3-transparent w3-hover-white" style="vertical-align:middle;" onclick="currentDiv(5)"></span>
 
−
    <span class="w3-badge demo w3-border w3-transparent w3-hover-white" style="vertical-align:middle;" onclick="currentDiv(6)"></span>
 
−
    <span class="w3-badge demo w3-border w3-transparent w3-hover-white" style="vertical-align:middle;" onclick="currentDiv(7)"></span>
 
−
    <span class="w3-badge demo w3-border w3-transparent w3-hover-white" style="vertical-align:middle;" onclick="currentDiv(8)"></span>
 
−
    <span class="w3-badge demo w3-border w3-transparent w3-hover-white" style="vertical-align:middle;" onclick="currentDiv(9)"></span>
 
−
 
−
</div>
 
−
</div>
 
−
<br> 
 
−
<br> 
 
−
<br> 
 
−
<br> 
 
−
 
−
 
−
<div id="slider">
 
−
  <a class="control_next">>></a>
 
−
  <a class="control_prev"><<</a>
 
−
  <ul>
 
−
    <li style="background: #aaa;"><p> <br>BEE SUBTILIS :</p></li>
 
−
    <li><p> <br>The UPMC Team, created <br>only by students last year</p></li>
 
−
    <li style="background: #aaa;"><p> <br>Our Project : <br>Helping with the on-going <br>Bee problem</p></li>
 
−
    <li><p> <br>Manipulating at La Paillaisse: <br>an association allowing <br>everyone to use a laboratory</p></li>
 
−
    <li style="background: #aaa;"><p> <br>Working with researchers <br>and bee-keepers to fight<br>the Colony Collapse Disorder</p></li>
 
−
  </ul> 
 
−
</div>
 
  
 
<div class="gauche">
 
<div class="gauche">
Line 95: Line 100:
  
 
<div class="droite">
 
<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>
+
<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>
  
Line 105: Line 110:
  
 
<div class="droite">
 
<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>
+
<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>
−
 
 
</div>
 
</div>
−
<br>
 
 
</body>
 
</body>
 
</html>
 
</html>

Latest revision as of 10:46, 19 October 2016