Difference between revisions of "Team:Grenoble-Alpes/Team"

Line 6: Line 6:
 
         <meta charset="utf-8">
 
         <meta charset="utf-8">
 
         <style>
 
         <style>
−
 
+
            h1{
 +
                text-align: center;
 +
                transform: translateY(250%);
 +
                font-size: 600%;
 +
                color: #ecf0f1;
 +
                padding-bottom: 30px;
 +
            }
 
             header {
 
             header {
 
                 font-family:  'Molenga', Georgia, Times, serif;
 
                 font-family:  'Molenga', Georgia, Times, serif;
Line 50: Line 56:
 
                 height: 3900%;
 
                 height: 3900%;
 
                 background-color: #555;
 
                 background-color: #555;
−
                 color: #fff;
+
                 color: #555;
 +
                text-align: center;
 +
                border-radius: 6px;
 +
                padding: 8px 0;
 +
                position: absolute;
 +
                transform: translateX(0%);
 +
                z-index: 1;
 +
                bottom: 125%;
 +
                left: 0%;
 +
            }
 +
.popup .popuptext2 {
 +
                visibility: hidden;
 +
                width: 100%;
 +
                height: 3900%;
 +
                background-color: #555;
 +
                color: #555;
 
                 text-align: center;
 
                 text-align: center;
 
                 border-radius: 6px;
 
                 border-radius: 6px;
Line 60: Line 81:
 
                 left: 0%;
 
                 left: 0%;
 
             }
 
             }
−
 
 
             /* Toggle this class when clicking on the popup container (hide and show the popup) */
 
             /* Toggle this class when clicking on the popup container (hide and show the popup) */
 
             .popup .show {
 
             .popup .show {
Line 85: Line 105:
 
             function myFunction() {
 
             function myFunction() {
 
             var popup = document.getElementById("myPopup");
 
             var popup = document.getElementById("myPopup");
 +
            popup.classList.toggle("show");
 +
        }
 +
            function myFunction2() {
 +
            var popup = document.getElementById("myPopup2");
 +
            popup.classList.toggle("show");
 +
        }
 +
          function myFunction3() {
 +
            var popup = document.getElementById("myPopup3");
 +
            popup.classList.toggle("show");
 +
        }
 +
          function myFunction4() {
 +
            var popup = document.getElementById("myPopup4");
 +
            popup.classList.toggle("show");
 +
        }
 +
          function myFunction5() {
 +
            var popup = document.getElementById("myPopup5");
 +
            popup.classList.toggle("show");
 +
        }
 +
          function myFunction6() {
 +
            var popup = document.getElementById("myPopup6");
 +
            popup.classList.toggle("show");
 +
        }
 +
          function myFunction7() {
 +
            var popup = document.getElementById("myPopup7");
 +
            popup.classList.toggle("show");
 +
        }
 +
          function myFunction8() {
 +
            var popup = document.getElementById("myPopup8");
 +
            popup.classList.toggle("show");
 +
        }
 +
          function myFunction9() {
 +
            var popup = document.getElementById("myPopup9");
 +
            popup.classList.toggle("show");
 +
        }
 +
          function myFunction10() {
 +
            var popup = document.getElementById("myPopup10");
 +
            popup.classList.toggle("show");
 +
        }
 +
          function myFunction11() {
 +
            var popup = document.getElementById("myPopup11");
 +
            popup.classList.toggle("show");
 +
        }
 +
          function myFunction12() {
 +
            var popup = document.getElementById("myPopup12");
 +
            popup.classList.toggle("show");
 +
        }
 +
          function myFunction13() {
 +
            var popup = document.getElementById("myPopup13");
 +
            popup.classList.toggle("show");
 +
        }
 +
          function myFunction14() {
 +
            var popup = document.getElementById("myPopup14");
 +
            popup.classList.toggle("show");
 +
        }
 +
          function myFunction15() {
 +
            var popup = document.getElementById("myPopup15");
 +
            popup.classList.toggle("show");
 +
        }
 +
          function myFunction16() {
 +
            var popup = document.getElementById("myPopup16");
 +
            popup.classList.toggle("show");
 +
        }
 +
          function myFunction17() {
 +
            var popup = document.getElementById("myPopup17");
 +
            popup.classList.toggle("show");
 +
        }
 +
          function myFunction18() {
 +
            var popup = document.getElementById("myPopup18");
 +
            popup.classList.toggle("show");
 +
        }
 +
          function myFunction19() {
 +
            var popup = document.getElementById("myPopup19");
 +
            popup.classList.toggle("show");
 +
        }
 +
          function myFunction20() {
 +
            var popup = document.getElementById("myPopup20");
 
             popup.classList.toggle("show");
 
             popup.classList.toggle("show");
 
         }
 
         }
Line 97: Line 193:
 
         <div>
 
         <div>
 
             <div class="popup" onclick="myFunction()"><img id="ancre1" class="image1" src='https://static.igem.org/mediawiki/2017/7/75/IGEM_Grenoble_photo_couv_grenoble.jpeg'>
 
             <div class="popup" onclick="myFunction()"><img id="ancre1" class="image1" src='https://static.igem.org/mediawiki/2017/7/75/IGEM_Grenoble_photo_couv_grenoble.jpeg'>
−
                 <span class="popuptext1" id="myPopup"><img src='https://static.igem.org/mediawiki/2017/7/75/IGEM_Grenoble_photo_couv_grenoble.jpeg'> <br> bla bla bla bla bla </span>
+
                 <span class="popuptext1" id="myPopup"><img src='https://static.igem.org/mediawiki/2017/7/75/IGEM_Grenoble_photo_couv_grenoble.jpeg'> <br> 11111111111111111 </span>
 
             </div>
 
             </div>
−
             <div class="popup" onclick="myFunction()"><img class="image1" src='https://static.igem.org/mediawiki/2017/7/75/IGEM_Grenoble_photo_couv_grenoble.jpeg'>
+
             <div class="popup" onclick="myFunction2()"><img class="image1" src='https://static.igem.org/mediawiki/2017/7/75/IGEM_Grenoble_photo_couv_grenoble.jpeg'>
−
                 <span class="popuptext1" id="myPopup"><img src='https://static.igem.org/mediawiki/2017/7/75/IGEM_Grenoble_photo_couv_grenoble.jpeg'> <br> 222222222222222 </span>
+
                 <span class="popuptext2" id="myPopup2"><img src='https://static.igem.org/mediawiki/2017/7/75/IGEM_Grenoble_photo_couv_grenoble.jpeg'> <br> 222222222222222 </span>
 
             </div>
 
             </div>
−
             <div class="popup" onclick="myFunction()"><img class="image1" src='https://static.igem.org/mediawiki/2017/7/75/IGEM_Grenoble_photo_couv_grenoble.jpeg'>
+
             <div class="popup" onclick="myFunction3()"><img class="image1" src='https://static.igem.org/mediawiki/2017/7/75/IGEM_Grenoble_photo_couv_grenoble.jpeg'>
−
            <span class="popuptext1" id="myPopup"><img src='https://static.igem.org/mediawiki/2017/7/75/IGEM_Grenoble_photo_couv_grenoble.jpeg'> <br> bla bla bla bla bla </span>
+
                <span class="popuptext1" id="myPopup3"><img src='https://static.igem.org/mediawiki/2017/7/75/IGEM_Grenoble_photo_couv_grenoble.jpeg'> <br> 33333333333333333 </span>
 
             </div>
 
             </div>
−
             <div class="popup" onclick="myFunction()"><img class="image1" src='https://static.igem.org/mediawiki/2017/7/75/IGEM_Grenoble_photo_couv_grenoble.jpeg'>
+
             <div class="popup" onclick="myFunction4()"><img class="image1" src='https://static.igem.org/mediawiki/2017/7/75/IGEM_Grenoble_photo_couv_grenoble.jpeg'>
−
            <span class="popuptext1" id="myPopup"><img src='https://static.igem.org/mediawiki/2017/7/75/IGEM_Grenoble_photo_couv_grenoble.jpeg'> <br> bla bla bla bla bla </span>
+
                <span class="popuptext1" id="myPopup4"><img src='https://static.igem.org/mediawiki/2017/7/75/IGEM_Grenoble_photo_couv_grenoble.jpeg'> <br> 4444444444444444444 </span>
 
             </div>
 
             </div>
−
             <div class="popup" onclick="myFunction()"><img class="image1" src='https://static.igem.org/mediawiki/2017/7/75/IGEM_Grenoble_photo_couv_grenoble.jpeg'>
+
             <div class="popup" onclick="myFunction5()"><img class="image1" src='https://static.igem.org/mediawiki/2017/7/75/IGEM_Grenoble_photo_couv_grenoble.jpeg'>
−
            <span class="popuptext1" id="myPopup"><img src='https://static.igem.org/mediawiki/2017/7/75/IGEM_Grenoble_photo_couv_grenoble.jpeg'> <br> bla bla bla bla bla </span>
+
                <span class="popuptext1" id="myPopup5"><img src='https://static.igem.org/mediawiki/2017/7/75/IGEM_Grenoble_photo_couv_grenoble.jpeg'> <br> 55555555555555555555555 </span>
 
             </div>
 
             </div>
 
         </div>
 
         </div>
 
          
 
          
 
         <div>
 
         <div>
−
             <div class="popup" onclick="myFunction()"><img class="image1" src='https://static.igem.org/mediawiki/2017/7/75/IGEM_Grenoble_photo_couv_grenoble.jpeg'>
+
             <div class="popup" onclick="myFunction6()"><img class="image1" src='https://static.igem.org/mediawiki/2017/7/75/IGEM_Grenoble_photo_couv_grenoble.jpeg'>
−
             <span class="popuptext1" id="myPopup"><img src='https://static.igem.org/mediawiki/2017/7/75/IGEM_Grenoble_photo_couv_grenoble.jpeg'> <br> bla bla bla bla bla </span>
+
                <span class="popuptext1" id="myPopup6"><img src='https://static.igem.org/mediawiki/2017/7/75/IGEM_Grenoble_photo_couv_grenoble.jpeg'> <br> 666666666666666 </span>
 +
             </div>
 +
            <div class="popup" onclick="myFunction7()"><img class="image1" src='https://static.igem.org/mediawiki/2017/7/75/IGEM_Grenoble_photo_couv_grenoble.jpeg'>
 +
                <span class="popuptext1" id="myPopup7"><img src='https://static.igem.org/mediawiki/2017/7/75/IGEM_Grenoble_photo_couv_grenoble.jpeg'> <br> 77777777777777777 </span>
 +
            </div>
 +
            <div class="popup" onclick="myFunction8()"><img class="image1" src='https://static.igem.org/mediawiki/2017/7/75/IGEM_Grenoble_photo_couv_grenoble.jpeg'>
 +
                <span class="popuptext1" id="myPopup8"><img src='https://static.igem.org/mediawiki/2017/7/75/IGEM_Grenoble_photo_couv_grenoble.jpeg'> <br> 888888888888888888 </span>
 +
            </div>
 +
            <div class="popup" onclick="myFunction9()"><img class="image1" src='https://static.igem.org/mediawiki/2017/7/75/IGEM_Grenoble_photo_couv_grenoble.jpeg'>
 +
                <span class="popuptext1" id="myPopup9"><img src='https://static.igem.org/mediawiki/2017/7/75/IGEM_Grenoble_photo_couv_grenoble.jpeg'> <br> 99999999999999999999 </span>
 +
            </div>
 +
            <div class="popup" onclick="myFunction10()"><img class="image1" src='https://static.igem.org/mediawiki/2017/7/75/IGEM_Grenoble_photo_couv_grenoble.jpeg'>
 +
                <span class="popuptext1" id="myPopup10"><img src='https://static.igem.org/mediawiki/2017/7/75/IGEM_Grenoble_photo_couv_grenoble.jpeg'> <br> 10 10 10 10 10 10  10 </span>
 
             </div>
 
             </div>
−
            <img class="image1" src='https://static.igem.org/mediawiki/2017/7/75/IGEM_Grenoble_photo_couv_grenoble.jpeg'>
 
−
            <img class="image1" src='https://static.igem.org/mediawiki/2017/7/75/IGEM_Grenoble_photo_couv_grenoble.jpeg'>
 
−
            <img class="image1" src='https://static.igem.org/mediawiki/2017/7/75/IGEM_Grenoble_photo_couv_grenoble.jpeg'>
 
−
            <img class="image1" src='https://static.igem.org/mediawiki/2017/7/75/IGEM_Grenoble_photo_couv_grenoble.jpeg'>
 
 
         </div>
 
         </div>
 
          
 
          
 
         <div>
 
         <div>
−
             <img class="image1" src='https://static.igem.org/mediawiki/2017/7/75/IGEM_Grenoble_photo_couv_grenoble.jpeg'>
+
             <div class="popup" onclick="myFunction11()"><img class="image1" src='https://static.igem.org/mediawiki/2017/7/75/IGEM_Grenoble_photo_couv_grenoble.jpeg'>
−
             <img class="image1" src='https://static.igem.org/mediawiki/2017/7/75/IGEM_Grenoble_photo_couv_grenoble.jpeg'>
+
                <span class="popuptext1" id="myPopup11"><img src='https://static.igem.org/mediawiki/2017/7/75/IGEM_Grenoble_photo_couv_grenoble.jpeg'> <br> 11 11 11 11 11 11 11  </span>
−
             <img class="image1" src='https://static.igem.org/mediawiki/2017/7/75/IGEM_Grenoble_photo_couv_grenoble.jpeg'>
+
             </div>
−
             <img class="image1" src='https://static.igem.org/mediawiki/2017/7/75/IGEM_Grenoble_photo_couv_grenoble.jpeg'>
+
            <div class="popup" onclick="myFunction12()"><img class="image1" src='https://static.igem.org/mediawiki/2017/7/75/IGEM_Grenoble_photo_couv_grenoble.jpeg'>
−
             <img class="image1" src='https://static.igem.org/mediawiki/2017/7/75/IGEM_Grenoble_photo_couv_grenoble.jpeg'>
+
                <span class="popuptext1" id="myPopup12"><img src='https://static.igem.org/mediawiki/2017/7/75/IGEM_Grenoble_photo_couv_grenoble.jpeg'> <br> 12 12 12 12 12 12 12 </span>
 +
             </div>
 +
            <div class="popup" onclick="myFunction13()"><img class="image1" src='https://static.igem.org/mediawiki/2017/7/75/IGEM_Grenoble_photo_couv_grenoble.jpeg'>
 +
                <span class="popuptext1" id="myPopup13"><img src='https://static.igem.org/mediawiki/2017/7/75/IGEM_Grenoble_photo_couv_grenoble.jpeg'> <br> 13 13 13 13 13 13 13 </span>
 +
             </div>
 +
            <div class="popup" onclick="myFunction14()"><img class="image1" src='https://static.igem.org/mediawiki/2017/7/75/IGEM_Grenoble_photo_couv_grenoble.jpeg'>
 +
                <span class="popuptext1" id="myPopup14"><img src='https://static.igem.org/mediawiki/2017/7/75/IGEM_Grenoble_photo_couv_grenoble.jpeg'> <br> 14 14 14 14 14 14 14  </span>
 +
             </div>
 +
            <div class="popup" onclick="myFunction15()"><img class="image1" src='https://static.igem.org/mediawiki/2017/7/75/IGEM_Grenoble_photo_couv_grenoble.jpeg'>
 +
                <span class="popuptext1" id="myPopup15"><img src='https://static.igem.org/mediawiki/2017/7/75/IGEM_Grenoble_photo_couv_grenoble.jpeg'> <br> 15 15 15 15 15 15 15  </span>
 +
            </div>
 
         </div>
 
         </div>
 
          
 
          
 
         <div>
 
         <div>
−
             <img class="image1" src='https://static.igem.org/mediawiki/2017/7/75/IGEM_Grenoble_photo_couv_grenoble.jpeg'>
+
             <div class="popup" onclick="myFunction16()"><img class="image1" src='https://static.igem.org/mediawiki/2017/7/75/IGEM_Grenoble_photo_couv_grenoble.jpeg'>
−
             <img class="image1" src='https://static.igem.org/mediawiki/2017/7/75/IGEM_Grenoble_photo_couv_grenoble.jpeg'>
+
                <span class="popuptext1" id="myPopup16"><img src='https://static.igem.org/mediawiki/2017/7/75/IGEM_Grenoble_photo_couv_grenoble.jpeg'> <br> 16 16 16 16 16 16 16  </span>
−
             <img class="image1" src='https://static.igem.org/mediawiki/2017/7/75/IGEM_Grenoble_photo_couv_grenoble.jpeg'>
+
             </div>
−
             <img class="image1" src='https://static.igem.org/mediawiki/2017/7/75/IGEM_Grenoble_photo_couv_grenoble.jpeg'>
+
            <div class="popup" onclick="myFunction17()"><img class="image1" src='https://static.igem.org/mediawiki/2017/7/75/IGEM_Grenoble_photo_couv_grenoble.jpeg'>
−
             <img class="image1" src='https://static.igem.org/mediawiki/2017/7/75/IGEM_Grenoble_photo_couv_grenoble.jpeg'>
+
                <span class="popuptext1" id="myPopup17"><img src='https://static.igem.org/mediawiki/2017/7/75/IGEM_Grenoble_photo_couv_grenoble.jpeg'> <br> 17 17 17 17 17 17 17  </span>
 +
             </div>
 +
            <div class="popup" onclick="myFunction18()"><img class="image1" src='https://static.igem.org/mediawiki/2017/7/75/IGEM_Grenoble_photo_couv_grenoble.jpeg'>
 +
                <span class="popuptext1" id="myPopup18"><img src='https://static.igem.org/mediawiki/2017/7/75/IGEM_Grenoble_photo_couv_grenoble.jpeg'> <br> 18 18 18 18 18 18  </span>
 +
             </div>
 +
            <div class="popup" onclick="myFunction19()"><img class="image1" src='https://static.igem.org/mediawiki/2017/7/75/IGEM_Grenoble_photo_couv_grenoble.jpeg'>
 +
                <span class="popuptext1" id="myPopup19"><img src='https://static.igem.org/mediawiki/2017/7/75/IGEM_Grenoble_photo_couv_grenoble.jpeg'> <br> 19 19 19 19 19 19 19  </span>
 +
             </div>
 +
            <div class="popup" onclick="myFunction20()"><img class="image1" src='https://static.igem.org/mediawiki/2017/7/75/IGEM_Grenoble_photo_couv_grenoble.jpeg'>
 +
                <span class="popuptext1" id="myPopup20"><img src='https://static.igem.org/mediawiki/2017/7/75/IGEM_Grenoble_photo_couv_grenoble.jpeg'> <br> 20 20 20 20 20 20 20  </span>
 +
            </div>
 
         </div>
 
         </div>
 
          
 
          
 +
        <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
 
         <p><a href="#ancre1"> Members </a></p>
 
         <p><a href="#ancre1"> Members </a></p>
 
          
 
          
 
     </body>
 
     </body>
 
</html>
 
</html>

Revision as of 09:15, 18 July 2017

TEAM

TEAM


11111111111111111

222222222222222

33333333333333333

4444444444444444444

55555555555555555555555

666666666666666

77777777777777777

888888888888888888

99999999999999999999

10 10 10 10 10 10 10

11 11 11 11 11 11 11

12 12 12 12 12 12 12

13 13 13 13 13 13 13

14 14 14 14 14 14 14

15 15 15 15 15 15 15

16 16 16 16 16 16 16

17 17 17 17 17 17 17

18 18 18 18 18 18

19 19 19 19 19 19 19

20 20 20 20 20 20 20


























































































Members