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

 
(546 intermediate revisions by 5 users not shown)
Line 1: Line 1:
 
{{Grenoble-Alpes/CSS}}
 
{{Grenoble-Alpes/CSS}}
 +
{{Grenoble-Alpes/JS-CSS-Quote}}
 
{{Grenoble-Alpes/menu}}
 
{{Grenoble-Alpes/menu}}
 
<html>
 
<html>
Line 6: Line 7:
 
         <meta charset="utf-8">
 
         <meta charset="utf-8">
 
         <style>
 
         <style>
 +
 
             header{
 
             header{
−
                 background-image:url('https://static.igem.org/mediawiki/2017/7/75/IGEM_Grenoble_photo_couv_grenoble.jpeg');
+
                 background:url('https://static.igem.org/mediawiki/2017/f/f0/Photocouvteamigemgrenoble.jpeg') fixed;
−
             }          
+
                background-size:100% 100%;
 +
                -webkit-animation: begin 3s linear;
 +
                -moz-animation: begin 3s linear;
 +
                animation: begin 3s linear;
 +
             }
 +
 
 +
@-webkit-keyframes begin {
 +
    0% {opacity:0;}
 +
    100% {opacity:1;}
 +
}
 +
 
 +
@-moz-keyframes begin {
 +
    0% {opacity:0;}
 +
    100% {opacity:1;}
 +
}
 +
 
 +
@keyframes begin {
 +
    0% {opacity:0;}
 +
    100% {opacity:1;}
 +
}       
 +
 
 +
/* ************************ TITLE ******************** */   
 +
 
 +
#couvlogogeo {
 +
            width:50%;
 +
            opacity:0.5;
 +
            transform:translate(3850%,-150%);
 +
            z-index:5;
 +
            padding-bottom:0%;
 +
        }
 +
 
 +
 
 +
 
 +
/* ************************ MINIATURES ******************** */               
  
 
             .image1{
 
             .image1{
 
                 width: 20%;
 
                 width: 20%;
 
                 float: left;
 
                 float: left;
 +
                opacity:1;
 
             }
 
             }
  
 
             .image1:hover{
 
             .image1:hover{
−
               opacity: 0.5;
+
               opacity: 0.8;
 
             }
 
             }
  
−
            img{
+
            .image111{
 
                 width: 100%;
 
                 width: 100%;
−
            }
+
                 float: left;
−
           
+
                 opacity:1;
−
            /* Popup container */
+
−
            .popup {
+
−
                position: relative;
+
−
                 display: block;
+
−
                 cursor: pointer;
+
 
             }
 
             }
  
−
            /* The actual popup (appears on top) */
+
             .image111:hover{
−
             .popup .popuptext1 {
+
              opacity: 0.8;
−
                visibility: hidden;
+
−
                width: 100%;
+
−
                height: 4000%;
+
−
                background-color: #364A5E ;
+
−
                color: #fff;
+
−
                text-align: center;
+
−
                padding: 0.7% 0% 8% 0%;
+
−
                padding-bottom: 80%;
+
−
                position: absolute;
+
−
                transform: translateY(100%);
+
−
                z-index: 1;
+
−
                bottom: 125%;
+
−
                left: 0%;
+
 
             }
 
             }
 +
       
 +
/********************NEW POPUP  *********************/
  
−
            /* Toggle this class when clicking on the popup container (hide and show the popup) */
+
.modal {
−
            .popup .show {
+
  display: none;
−
                visibility: visible;
+
  position: fixed;
−
                -webkit-animation: fadeIn 1s;
+
  z-index: 9999;
−
                animation: fadeIn 1s
+
  left: 0;
−
            }
+
  top: 0;
 +
  width: 100%;
 +
  height: 100%;
 +
  overflow-y: scroll;
 +
  overflow-x:hidden;
 +
  background-color: black;
 +
}
 +
 
 +
/* Modal Content */
 +
.modal-content {
 +
  background-color: #fefefe;
 +
  padding-top: 0%;
 +
  padding-bottom: 0%;
 +
  margin-bottom: 3%;
 +
  margin-top: 0%;
 +
  opacity: 1;
 +
}
 +
 
 +
/* The Close Button */
 +
.close {
 +
  color: white;
 +
  position: absolute;
 +
  top: 0%;
 +
  left: 0%;
 +
  font-weight: bold;
 +
}
 +
 
 +
.close:hover,
 +
.close:focus {
 +
  color: black;
 +
  text-decoration: none;
 +
  cursor: pointer;
 +
}
 +
 
 +
.mySlides {
 +
  display: none;
 +
}
 +
 
 +
/* Next & previous buttons */
 +
.prev,
 +
.next {
 +
  cursor: pointer;
 +
  position: absolute;
 +
  top: 50%;
 +
  width: auto;
 +
  padding: 16px;
 +
  margin-top: -50px;
 +
  color: white;
 +
  font-weight: bold;
 +
  font-size: 20px;
 +
  transition: 0.6s ease;
 +
  border-radius: 0 3px 3px 0;
 +
  user-select: none;
 +
  -webkit-user-select: none;
 +
}
 +
 
 +
/* Position the "next button" to the right */
 +
.next {
 +
  right: 0;
 +
  border-radius: 3px 0 0 3px;
 +
}
 +
 
 +
/* On hover, add a black background color with a little bit see-through */
 +
.prev:hover,
 +
.next:hover {
 +
  background-color: rgba(0, 0, 0, 0.8);
 +
  text-decoration: none;
 +
}
 +
 
 +
/* Number text (1/3 etc) */
 +
.numbertext {
 +
  color: #f2f2f2;
 +
  font-size: 12px;
 +
  padding: 8px 12px;
 +
  position: absolute;
 +
  top: 0;
 +
}
 +
 
 +
.caption-container {
 +
  text-align: center;
 +
  background-color: black;
 +
  padding: 2px 16px;
 +
  color: white;
 +
}
 +
 
 +
img.demo {
 +
  opacity: 0.6;
 +
}
 +
 
 +
.active,
 +
.demo:hover {
 +
  opacity: 1;
 +
}
 +
 
 +
img.hover-shadow {
 +
  transition: 0.3s
 +
}
 +
 
 +
.hover-shadow:hover {
 +
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19)
 +
}
 +
 
 +
 
 +
/* ************************ POP UP ******************** */
 +
 
 +
 
 +
.popup-nom{
 +
  color:  white;
 +
  text-align: center;
 +
  font-family: 'Poiret One' , cursive;
 +
  font-size:2vw;
 +
  padding-bottom:0.5%;
 +
  padding-top:0.5%;
 +
  margin-top: 0%;
 +
  }
 +
 
 +
.popup-etude{
 +
  color: white;
 +
  text-align: center;
 +
  font-family: 'Poiret One' , cursive;  
 +
  font-size:1.25vw;
 +
  padding-bottom:2%;
 +
  padding-top:0.5%;
 +
  margin-top: 0%;
 +
  }
 +
 
 +
.popup-citation{
 +
  color: white;
 +
  text-align: center;
 +
  font-family: 'Poiret One' , cursive;
 +
  font-size:1.5vw;
 +
  font-style:italic;
 +
  }
 +
 
 +
.popup-description{
 +
  color: white;
 +
  padding-top:2%;
 +
  font-size:1vw;
 +
  }
 +
 
 +
 
 +
 
 +
/*************** ANIMATION DU POPUP*************/
  
−
            /* Add animation (fade in the popup) */
 
 
             @-webkit-keyframes fadeIn {
 
             @-webkit-keyframes fadeIn {
 
                 from {opacity: 0;}  
 
                 from {opacity: 0;}  
Line 63: Line 224:
 
                 from {opacity: 0;}
 
                 from {opacity: 0;}
 
                 to {opacity:1 ;}
 
                 to {opacity:1 ;}
 +
            }
 +
 +
            .image2{
 +
                width: 10%;
 +
                padding: 1% 3%;
 +
                opacity :0.5;
 +
                filter: grayscale(100%);
 
             }
 
             }
 
              
 
              
 +
            .image2:hover{
 +
              opacity:1;
 +
              filter: grayscale(0%);
 +
              text-decoration: none;
 +
            }
 +
           
 +
            .image3{
 +
                width: 20%;
 +
                padding: 1% 3%;
 +
                opacity : 0.5;
 +
                filter: grayscale(100%);
 +
            }
 +
           
 +
            .image3:hover{
 +
              opacity: 1;
 +
              filter: grayscale(0%);
 +
              text-decoration: none;
 +
            }
 +
            .image4{
 +
                width: 15%;
 +
                padding: 1% 3%;
 +
                opacity : 0.5;
 +
                filter: grayscale(100%);
 +
            }
 +
           
 +
            .image4:hover{
 +
              opacity: 1 ;
 +
              filter: grayscale(0%);
 +
              text-decoration: none;
 +
            }
 +
 +
 +
            #menubas1{
 +
              padding: 5%;
 +
              text-decoration : none;
 +
              color : #3498db;
 +
            }
 +
 +
            #menubas2{
 +
              padding: 5%;
 +
              text-decoration : none;
 +
              color : #3498db;
 +
            }
 +
 +
            #menubas3{
 +
              padding: 5%;
 +
              text-decoration : none;
 +
              color : #3498db;
 +
            }
 +
 +
            .colorRed{
 +
              color : #FD0022;
 +
            }
 +
 +
            .logoLinkedIn{
 +
              width:2%;
 +
              opacity:0.5;
 +
              float:right;
 +
              position: relative;
 +
              padding-right:1%;
 +
              padding-bottom:0%;
 +
              padding-top:0.5%;
 +
              margin:0%;
 +
     
 +
            }
 +
           
 +
            .logoLinkedIn:hover{
 +
              opacity:1;
 +
            }
 +
 +
 +
 
         </style>
 
         </style>
−
       
+
 
−
        <script>
+
−
            // When the user clicks on <div>, open the popup
+
−
            function myFunction() {
+
−
            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");
+
−
        }
+
−
        </script>
+
 
     </head>
 
     </head>
 
      
 
      
 
     <body>
 
     <body>
 
         <header>
 
         <header>
−
             <h1> TEAM </h1>
+
             <h3 styel="padding-top:23.5%;padding-bottom:23.5%;"> MEMBERS </h3>
 +
           
 
         </header>
 
         </header>
  
−
        <div> <!--ligne1-->
+
<!-- ********************** LOGO GEO *************************-->
−
            <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_geoloc" onclick="Function_geo()"><img class="couvlogogeo" src="https://static.igem.org/mediawiki/2017/c/c9/LogolocalisationiGEMGrenoble.png">
−
                <span class="popuptext1" id="myPopup"><img src='https://static.igem.org/mediawiki/2017/7/75/IGEM_Grenoble_photo_couv_grenoble.jpeg'> <br> 11111111111111111 </span>
+
                  <span class="popuptext" id="Popup_geo"> A little bit of abstract in this magnificent fresco entitled “Food for thought” painted by the American duo How & Nosm. The strength of this work is to let your imagination push back the boundaries of reality. <br> Credits: Noreen Louis
−
            </div>
+
                  </span>
−
            <div class="popup" onclick="myFunction2()"><img class="image1" src='https://static.igem.org/mediawiki/2017/7/75/IGEM_Grenoble_photo_couv_grenoble.jpeg'>
+
            </div>
−
                <span class="popuptext1" id="myPopup2"><img src='https://static.igem.org/mediawiki/2017/7/75/IGEM_Grenoble_photo_couv_grenoble.jpeg'> <br> 222222222222222 </span>
+
 
−
             </div>
+
 
−
            <div class="popup" onclick="myFunction3()"><img class="image1" src='https://static.igem.org/mediawiki/2017/7/75/IGEM_Grenoble_photo_couv_grenoble.jpeg'>
+
<div style="transform: translate(0,-330%);padding-bottom: 1%;">
−
                <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> <!--LIGNE 1-->
−
             </div>
+
            <a><img id="photosmembres" class="image1" onclick="openModal();currentSlide(1)" src='https://static.igem.org/mediawiki/2017/f/f0/ClementigemgrenobleM.jpeg'></a>  
−
            <div class="popup" onclick="myFunction4()"><img class="image1" src='https://static.igem.org/mediawiki/2017/7/75/IGEM_Grenoble_photo_couv_grenoble.jpeg'>
+
             <a><img id="photosmembres" class="image1" onclick="openModal();currentSlide(2)" src='https://static.igem.org/mediawiki/2017/f/f9/NicoigemgrenobleM.jpeg'></a> 
−
                <span class="popuptext1" id="myPopup4"><img src='https://static.igem.org/mediawiki/2017/7/75/IGEM_Grenoble_photo_couv_grenoble.jpeg'> <br> 4444444444444444444 </span>
+
            <a><img id="photosmembres" class="image1" onclick="openModal();currentSlide(3)" src='https://static.igem.org/mediawiki/2017/c/cc/JusufigemgrenobleM.jpeg'></a>
−
             </div>
+
             <a><img id="photosmembres" class="image1" onclick="openModal();currentSlide(4)" src='https://static.igem.org/mediawiki/2017/0/00/GuillaumeigemgrenobleM.jpeg'></a>
−
            <div class="popup" onclick="myFunction5()"><img class="image1" src='https://static.igem.org/mediawiki/2017/7/75/IGEM_Grenoble_photo_couv_grenoble.jpeg'>
+
             <a><img id="photosmembres" class="image1" onclick="openModal();currentSlide(5)" src='https://static.igem.org/mediawiki/2017/5/52/MartinigemgrenobleM.jpeg'></a>              
−
                <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> <!--LIGNE 2-->
−
             <div class="popup" onclick="myFunction6()"><img class="image1" src='https://static.igem.org/mediawiki/2017/7/75/IGEM_Grenoble_photo_couv_grenoble.jpeg'>
+
             <a><img id="photosmembres" class="image1" onclick="openModal();currentSlide(6)" src='https://static.igem.org/mediawiki/2017/5/50/EmlineigemgrenobleM.jpeg'></a>  
−
                <span class="popuptext1" id="myPopup6"><img src='https://static.igem.org/mediawiki/2017/7/75/IGEM_Grenoble_photo_couv_grenoble.jpeg'> <br> 666666666666666 </span>
+
             <a><img id="photosmembres" class="image1" onclick="openModal();currentSlide(7)" src='https://static.igem.org/mediawiki/2017/b/b9/NoreenigemgrenobleM.jpeg'></a>
−
             </div>
+
             <a><img id="photosmembres" class="image1" onclick="openModal();currentSlide(8)" src='https://static.igem.org/mediawiki/2017/a/a8/RomyigemgrenobleM.jpeg'></a>
−
            <div class="popup" onclick="myFunction7()"><img class="image1" src='https://static.igem.org/mediawiki/2017/7/75/IGEM_Grenoble_photo_couv_grenoble.jpeg'>
+
             <a><img id="photosmembres" class="image1" onclick="openModal();currentSlide(9)" src='https://static.igem.org/mediawiki/2017/c/c9/Cass2igemgrenobleM.jpeg'></a>
−
                <span class="popuptext1" id="myPopup7"><img src='https://static.igem.org/mediawiki/2017/7/75/IGEM_Grenoble_photo_couv_grenoble.jpeg'> <br> 77777777777777777 </span>
+
             <a><img id="photosmembres" class="image1" onclick="openModal();currentSlide(10)" src='https://static.igem.org/mediawiki/2017/e/ec/DamyanaigemgrenobleM.jpeg'></a>              
−
             </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>
 
         </div>
−
       
+
 
−
        <div>
+
        <div> <!--LIGNE 3-->
−
             <div class="popup" onclick="myFunction11()"><img class="image1" src='https://static.igem.org/mediawiki/2017/7/75/IGEM_Grenoble_photo_couv_grenoble.jpeg'>
+
             <a><img id="photosmembres" class="image1" onclick="openModal();currentSlide(11)" src='https://static.igem.org/mediawiki/2017/8/89/NicoiltisigemgrenobleM.jpeg'></a>  
−
                <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>
+
             <a><img id="photosmembres" class="image1" onclick="openModal();currentSlide(12)" src='https://static.igem.org/mediawiki/2017/f/f3/PierrecigemgrenobleM.jpeg'></a>
−
             </div>
+
             <a><img id="photosmembres" class="image1" onclick="openModal();currentSlide(13)" src='https://static.igem.org/mediawiki/2017/b/b9/AudreyigemgrenobleM.jpeg'></a>
−
            <div class="popup" onclick="myFunction12()"><img class="image1" src='https://static.igem.org/mediawiki/2017/7/75/IGEM_Grenoble_photo_couv_grenoble.jpeg'>
+
             <a><img id="photosmembres" class="image1" onclick="openModal();currentSlide(14)" src='https://static.igem.org/mediawiki/2017/a/ab/BelloigemgrenobleM.jpeg'></a>   
−
                <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>
+
             <a><img id="photosmembres" class="image1" onclick="openModal();currentSlide(15)" src='https://static.igem.org/mediawiki/2017/b/bc/IgemgrenoblerutyM.jpeg'></a>              
−
             </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> <!--LIGNE 4-->
−
            <div class="popup" onclick="myFunction16()"><img class="image1" src='https://static.igem.org/mediawiki/2017/7/75/IGEM_Grenoble_photo_couv_grenoble.jpeg'>
+
             <a><img id="photosmembres" class="image111" onclick="openModal();currentSlide(16)" src='https://static.igem.org/mediawiki/2017/3/37/Adrienloicigemgrenoblenew.png'></a>  
−
                <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>
+
−
             </div>
+
−
            <div class="popup" onclick="myFunction17()"><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>
−
        <div class="column full_size" style="background-color:#ECF0F1;">
+
</div>
−
        <p class=h-space> giuzchb </p>
+
<!--POP UP MEMBERS-->
−
        <p>
+
−
        <h2 id="ancre2"> Acknowledgements </h2><br>
+
−
        </p>
+
  
−
         </p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum
+
<div id="myModal" class="modal">
−
         </p>
+
  <span class="close cursor" onclick="closeModal()">&times;</span>
 +
  <div class="modal-content">
 +
 
 +
    <div class="mySlides">
 +
         <img src='https://static.igem.org/mediawiki/2017/a/a3/ClementigemgrenobleG.jpeg' style="width:100%">
 +
<div class="caption-container">
 +
      <p id="caption">   <a href="https://www.linkedin.com/in/cl%C3%A9mentcaffaratti-82aa4113a/" target="_blank"><img class="logoLinkedIn" src='https://static.igem.org/mediawiki/2017/e/e1/Logolinkedin.png'></a>
 +
      <h5 class="popup-nom"> Clement Caffaratti </h5>
 +
        <h5 class="popup-etude"> 1st year master student in Health Engineering, Grenoble Alpes University </h5>
 +
      <h5 class="popup-citation"> "A journey of a thousand miles begins with a single step." - Confucius </h5>
 +
      <h5 class="popup-description"> I am Clement. My curiosity is my strength. Curiosity is my gas and science my vehicle to move forward.
 +
          <br> Why iGEM? Because, it’s for me an opportunity to learn science by practising and thinking. It’s certainly one of the best science experience in my life. It is also an open window to discover new disciplines and ways of thinking. Moreover, I think iGEM is a chance for every student to learn from themselves. They can learn how to work in team, think as a team and develop an essential spirit for their future. No one can imagine this experience if he doesn’t live it ! </h5>             
 +
</p>
 +
    </div>
 +
    </div>
 +
 
 +
    <div class="mySlides">
 +
        <img src='https://static.igem.org/mediawiki/2017/8/8d/NicoigemgrenobleG.jpeg' style="width:100%">
 +
<div class="caption-container">
 +
        <p id="caption">    <a href="https://www.linkedin.com/in/nicolas-iasparro-54baab103/" target="_blank">
 +
        <img class="logoLinkedIn" src='https://static.igem.org/mediawiki/2017/e/e1/Logolinkedin.png'></a>
 +
      <h5 class="popup-nom"> Nicolas Iasparro </h5>
 +
      <h5 class="popup-etude"> Team leader - 2nd year master student in Health Engineering, Grenoble Alpes University </h5>
 +
      <h5 class="popup-citation">"Turn your face to the sun and the shadows will fall behind you." - Maori proverb </h5>
 +
      <h5 class="popup-description">For me, science and daily life are highly connected, I always want to solve problems by the simplest way. I’m passionated by a lot of fields: sports, music and science, especially biology and astronomy. To describe me in 3 words : geek, curious, determined. <br> Why iGEM ? I wanted to be part of this contest given the possibilities synthetic biology has to offer. Then, I realised that iGEM would be the most complete experience I would ever have because our team started from nothing. Indeed, we learned a lot and in different aspects (fundraising, communication, innovation, finding sponsors...). This was really rewarding and I’m proud of what we achieved so far.    </h5>  </p>         
 +
    </div>
 +
    </div>
 +
 
 +
    <div class="mySlides">
 +
        <img src='https://static.igem.org/mediawiki/2017/e/e2/JusufigemgrenobleG.jpeg' style="width:100%"> 
 +
<div class="caption-container">
 +
        <p id="caption"> <a href="https://www.linkedin.com/in/imeri-jusuf-07b100bb/" target="_blank">
 +
        <img class="logoLinkedIn" src='https://static.igem.org/mediawiki/2017/e/e1/Logolinkedin.png'> </a>
 +
      <h5 class="popup-nom"> Jusuf Imeri </h5>
 +
      <h5 class="popup-etude"> 1st year master student in Biomedical Engineering, Grenoble Alpes University </h5>
 +
      <h5 class="popup-citation">"The man of knowledge must be able not only to love his enemies but also to hate his friends." - Friedrich Nietzsche</h5>
 +
      <h5 class="popup-description">The universe, probably exists thanks to the lack of perfectionism. In my opinion, being successful in life is, first of all, looking at all the possibilities around us and giving a chance to the serendipity, as most of the great scientists did. Science is an infinity of possibilities and our aim must be to catch all of them and take what we want, whatever the cost is. Never get tired! <br> Why iGEM ? This project was for me an opportunity to do serious things with humor and funny things with serious. I knew science and its problems, humans and their problems but I also found solutions and friendship. For me iGEM was one of the best ways to know my limits and to prove to myself that I can exceed them. </h5>  </p>
 +
    </div>
 +
    </div>
 +
 
 +
    <div class="mySlides">
 +
        <img src='https://static.igem.org/mediawiki/2017/3/3c/GuillaumeigemgrenobleG.jpeg' style="width:100%"> 
 +
  <div class="caption-container">
 +
        <p id="caption"> <a href="https://www.linkedin.com/in/guillaume-jubien-b1628b108/" target="_blank">
 +
        <img class="logoLinkedIn" src='https://static.igem.org/mediawiki/2017/e/e1/Logolinkedin.png'>
 +
      </a>
 +
      <h5 class="popup-nom"> Guillaume Jubien </h5>
 +
      <h5 class="popup-etude"> 2nd year master student in Biomedical Engineering, Phelma Engineering School </h5>
 +
      <h5 class="popup-citation">"Yesterday is history, tomorrow is a mystery, and today is a gift... that's why they call it present" - Kung Fu Panda - Chinese proverb</h5>
 +
      <h5 class="popup-description">I love this quote because it’s how I perceive life : enjoy the moment, enjoy being with your family and your friends, take pleasure of little things life has to offer. I’m a great optimistic and I’m proud of it !  <br> Why iGEM ? I saw in iGEM a huge opportunity to participate to a great adventure. Take part of a team and work together on an concret project. Bring together our different skills to turn a scientific project into a human adventure. </h5>  </p>           
 +
    </div>
 +
    </div>
 +
 
 +
  <div class="mySlides">
 +
        <img src='https://static.igem.org/mediawiki/2017/8/88/MartinigemgrenobleG.jpeg' style="width:100%"> 
 +
  <div class="caption-container">
 +
        <p id="caption"> <a href="https://www.linkedin.com/in/martin-lenglet-001707146/" target="_blank">
 +
         <img class="logoLinkedIn" src='https://static.igem.org/mediawiki/2017/e/e1/Logolinkedin.png'>
 +
      </a>
 +
      <h5 class="popup-nom"> Martin Lenglet</h5>
 +
      <h5 class="popup-etude"> 2nd year master student in Biomedical Engineering, Phelma Engineering School </h5>
 +
      <h5 class="popup-citation">"Stay Hungry. Stay Foolish." - Steve Jobs</h5>
 +
      <h5 class="popup-description">Some would say I am naive. I probably am, but it enables me to think about what other people don't. Am I idealistic? For sure, and I believe this is why I never give up and I could dedicate my life to finding innovative solutions to widespread issues. <br> Why iGEM ?  iGEM is a great opportunity to meet people from different areas in order to bear a major project. Sharing knowledge, dealing with science in depth, carrying out our own project are numerous reasons why I would recommend iGEM to any curious and open-minded students.
 +
</h5>  </p>           
 +
    </div>
 +
    </div>
 +
 
 +
  <div class="mySlides">
 +
        <img src='https://static.igem.org/mediawiki/2017/b/b9/EmlineigemgrenobleG.jpeg' style="width:100%"> 
 +
  <div class="caption-container">
 +
        <p id="caption"> <a href="https://www.linkedin.com/in/emline-leon-20b2b1129/" target="_blank">
 +
        <img class="logoLinkedIn" src='https://static.igem.org/mediawiki/2017/e/e1/Logolinkedin.png'>
 +
      </a>
 +
      <h5 class="popup-nom"> Emline Leon </h5>
 +
      <h5 class="popup-etude"> 1st year master student in Health Engineering, Grenoble Alpes University </h5>
 +
      <h5 class="popup-citation">"A winner is a dreamer who never gives up." - Nelson Mandela</h5>
 +
      <h5 class="popup-description">In my opinion, humans know only the tip of the iceberg of science. I wish one day I can know what is under the water. Passion and curiosity push me to learn more and more about it. <br> Why iGEM ? iGEM was for me the occasion to carry out a project starting from an initial idea and until its term. Find an idea, confront myself to constraints, develop the solutions and always improve it. iGEM is the opportunity to discover the vastness of science. </h5>  </p>           
 +
    </div>
 +
    </div>
 +
 
 +
<div class="mySlides">
 +
        <img src='https://static.igem.org/mediawiki/2017/d/d0/NoreenigemgrenobleG.jpeg' style="width:100%"> 
 +
  <div class="caption-container">
 +
        <p id="caption"> <a href="https://www.linkedin.com/in/noreenlouis/" target="_blank">
 +
        <img class="logoLinkedIn" src='https://static.igem.org/mediawiki/2017/e/e1/Logolinkedin.png'>
 +
      </a>
 +
      <h5 class="popup-nom">Noreen Louis</h5>
 +
      <h5 class="popup-etude"> 2nd year master student in Biomedical Engineering, Phelma Engineering School </h5>
 +
      <h5 class="popup-citation">"Nothing is worth more than this day." - Johann Wolfgang Von Goethe</h5>
 +
      <h5 class="popup-description">As you never know what tomorrow has to offer, I believe that every single day should be lived as if it was the last. The thing is that it is easy to forget this philosophy when caught in the vicissitudes of life. Keeping on smiling while living by this moto has become my inspiration for the future. Determined and motivated, I tend to be a little too perfectionist which can be annoying and prejudicial to my work.<br> Why iGEM ? This ambitious contest has been the opportunity for me to develop an innovative scientific idea. Starting from scratches, this project was challenging in both scientific and human relations aspects.  It is such a rewarding experience which lessons will help me in future challenges. </h5>  </p>           
 +
    </div>
 +
    </div>
 +
 
 +
<div class="mySlides">
 +
        <img src='https://static.igem.org/mediawiki/2017/0/05/RomyigemgrenobleG.jpeg' style="width:100%"> 
 +
  <div class="caption-container">
 +
        <p id="caption"> <a href="https://www.linkedin.com/in/romy-rouzeau-38b504a0/" target="_blank">
 +
        <img class="logoLinkedIn" src='https://static.igem.org/mediawiki/2017/e/e1/Logolinkedin.png'>
 +
      </a>
 +
      <h5 class="popup-nom">Romy Rouzeau</h5>
 +
      <h5 class="popup-etude"> 1st year PhD student in immunology, virology and structural biology</h5>
 +
      <h5 class="popup-citation">"Where there’s a will, there’s a way."</h5>
 +
      <h5 class="popup-description">Passionate and committed, I can spend days on a single question or idea, as long as I did not get a trustable answer. I enjoy achieving team projects, equipped with my smile and willingness. <br> Why iGEM ? I firstly looked for informations by curiosity, and I was so amazed by the concept of iGEM that I rushed head down in the contest ! More than improving my scientific knowledge, I also wanted to learn more about every other skills required to lead a project from A to Z: imagination, social skills, scientific background, confidence in others, financial literacy, open-mindedness, self confidence… </h5>  </p>           
 +
    </div>
 +
    </div>
 +
 
 +
<div class="mySlides">
 +
        <img src='https://static.igem.org/mediawiki/2017/e/ef/Cass1igemgrenobleG.jpeg' style="width:100%"> 
 +
  <div class="caption-container">
 +
        <p id="caption"> <a href="https://www.linkedin.com/in/cassandravivier-baudry-1932a6146/" target="_blank">
 +
        <img class="logoLinkedIn" src='https://static.igem.org/mediawiki/2017/e/e1/Logolinkedin.png'>
 +
      </a>
 +
      <h5 class="popup-nom">Cassandra Vivier-Baudry</h5>
 +
        <h5 class="popup-etude"> 2nd year master student in Biomedical Engineering, Phelma Engineering School </h5>
 +
      <h5 class="popup-citation">"What we think, we become." - Buddha</h5>
 +
      <h5 class="popup-description">Our thoughts shape our perspectives in life. I think that you are what you believe. If you have ambitious thoughts, you will accomplish great things. That’s the philosophy I keep trying living with. That made me determined, open-minded and gave me a fighting spirit. <br> Why iGEM ? I wanted to participate in the iGEM contest as it is an ambitious project that requires initiative, creativity and scientific knowledge. It is an experience filled with sensation : iGEM provides an emotional and intellectual mixture of exhilaration, adventure and inspiration. As synthetic biology is the art of creating what the nature does not give us at the beginning, this contest enables us to create absolutely what we dream of. This participation makes me personally grow and makes me go further in my convictions that share sciences is a beautiful way to make our world a better place to live for everyone. </h5>  </p>           
 +
    </div>
 +
    </div>
 +
 
 +
<div class="mySlides">
 +
        <img src='https://static.igem.org/mediawiki/2017/4/4b/DamyanaigemgrenobleG.jpeg' style="width:100%"> 
 +
  <div class="caption-container">
 +
        <p id="caption"> <a href="https://www.linkedin.com/in/damyana-yancheva-54b75084/" target="_blank">
 +
        <img class="logoLinkedIn" src='https://static.igem.org/mediawiki/2017/e/e1/Logolinkedin.png'>
 +
      </a>
 +
      <h5 class="popup-nom">Damyana Yancheva</h5>
 +
      <h5 class="popup-etude"> 1st year master student in Health Engineering, Grenoble Alpes University </h5>
 +
      <h5 class="popup-citation">"Adventure may hurt you but monotony will kill you."</h5>
 +
      <h5 class="popup-description">Born in Bulgaria, once I saw the opportunity to study in France, I took it without hesitations. I learnt to enjoy every single step of every adventure, no matter how challenging it might be.<br> Why iGEM ? Finding out about the iGEM competition, I realized that this might be a possibility that comes once in a lifetime – being able to create whatever I want just by using biology methods and a lot of imagination. I wanted to develop even more my creativity and to find out where my limits are. Being part of this enormous project, helped me to meet people as passionated by science as I am.</h5>  </p>           
 +
    </div>
 +
    </div>
 +
 
 +
<div class="mySlides">
 +
        <img src='https://static.igem.org/mediawiki/2017/2/23/NicoiltisigemgrenobleG.jpeg' style="width:100%"> 
 +
  <div class="caption-container">
 +
        <p id="caption"> <a href="https://www.linkedin.com/in/iltis-nicolas-614348104/" target="_blank">
 +
        <img class="logoLinkedIn" src='https://static.igem.org/mediawiki/2017/e/e1/Logolinkedin.png'>
 +
      </a>
 +
      <h5 class="popup-nom">Nicolas Iltis</h5>
 +
      <h5 class="popup-etude"> 2nd year master student in Informatics, Phelma Engineering School</h5>
 +
      <h5 class="popup-citation">"The value of a man should be seen in what he gives and not in what he is able to receive." - Albert Einstein</h5>
 +
      <h5 class="popup-description">Henri Samueli said "Passion is what gives meaning to our lives. It's what allows us to achieve success beyond our wildest
 +
imagination. Try to find a career path that you have a passion for." Software development and sport are my passions and the fuel of my life. Developing software is fairly addictive: you start with a blank file, and at the end you have something useful and may become essential. <br> Why iGEM ? Because iGem is a challenge and as in sports, challenges are the beginning of something new, better and bigger.</h5>  </p>           
 +
    </div>
 +
    </div>
 +
 
 +
<div class="mySlides">
 +
        <img src='https://static.igem.org/mediawiki/2017/9/9e/PierrecigemgrenobleG.jpeg' style="width:100%"> 
 +
  <div class="caption-container">
 +
        <p id="caption"> <a href="https://www.linkedin.com/in/pierre-cavailles-433a0442/" target="_blank">
 +
        <img class="logoLinkedIn" src='https://static.igem.org/mediawiki/2017/e/e1/Logolinkedin.png'>
 +
      </a>
 +
      <h5 class="popup-nom">Pierre Cavailles</h5>
 +
        <h5 class="popup-etude"> Advisor <br> Associate Professor in Cellular and Molecular Biology - Responsible for the first degree in Biotechnology for Health <br>
 +
Co-lead of the research team "Natural Barriers and infectiosity" </h5>
 +
      <h5 class="popup-citation"> "The important thing is to never stop questioning. " - Albert Einstein</h5>
 +
      <h5 class="popup-description">I decided to take part in iGEM because I think it is one of the best education for our students. It is a rewarding personal and professional experience for students but also for supervisors. iGEM is the opportunity to develop a whole multidisciplinary project with students from different scientific backgrounds and so a great human adventure. My aim was to enable this group of students to develop their own project by contributing my experience on different aspects (scientific, project management, seeking funding) while leaving them a large autonomy in order for them to acquire their own experiences and to improve their skills. </h5> </p>           
 +
    </div>
 +
    </div>
 +
 
 +
<div class="mySlides">
 +
        <img src='https://static.igem.org/mediawiki/2017/3/33/AudreyigemgrenobleG.jpeg' style="width:100%"> 
 +
  <div class="caption-container">
 +
        <p id="caption"> <a href="https://www.linkedin.com/in/le-gouellec-audrey-a704095/" target="_blank">
 +
        <img class="logoLinkedIn" src='https://static.igem.org/mediawiki/2017/e/e1/Logolinkedin.png'>
 +
      </a>
 +
      <h5 class="popup-nom">Audrey Le Gouellec</h5>
 +
      <h5 class="popup-etude"> Advisor <br> Hospital practitioner in Biochemistry at Grenoble University Hospital <br> Academic professor - Researcher Team Therex Grenoble</h5>
 +
      <h5 class="popup-citation">"A man's value to the community primarily depends on how far his feelings, thoughts, and actions are directed towards promoting the good of his fellows." - Albert Einstein </h5>
 +
      <h5 class="popup-description">My conception of school is a place where students are more motivated to learn than teachers to teach. I noticed that last summer .. thus all is said about my motivation as a teacher. As a scientist, synthetic biology is a wonderful domain where creativity is endless. Synthetic biology may be an essential source of progress related to environmental and societal impact along with ethical and philosophical concerns, which is closely connected to Albert Einstein's vision and my own scientific one. </h5>  </p>           
 +
    </div>
 +
    </div>
 +
 
 +
<div class="mySlides">
 +
        <img src='https://static.igem.org/mediawiki/2017/d/d2/BelloigemgrenobleG.jpeg' style="width:100%"> 
 +
  <div class="caption-container">
 +
        <p id="caption"> <a href="https://www.linkedin.com/in/bello-mouhamadou-556711143" target="_blank">
 +
        <img class="logoLinkedIn" src='https://static.igem.org/mediawiki/2017/e/e1/Logolinkedin.png'>
 +
      </a>
 +
      <h5 class="popup-nom">Bello Mouhamadou</h5>
 +
        <h5 class="popup-etude"> Advisor <br>Associate Professor - Accreditation to supervise research <br> Field of activity and expertise:  Microbial Biotechnology, Environmental mycology, Molecular ecology </h5>
 +
      <h5 class="popup-citation">"The best years in a life are still to come." - Victor Hugo</h5>
 +
      <h5 class="popup-description">In this contest, I supervised at several levels: scientific, organisation, assembly and conduct of the project, as well as fundraising. iGEM enables students to develop their senses of initiative and creativity, to surpass themselves while perfecting their knowledge in an important and emerging field of biotechnology, which is synthetic biology. </h5> </p>           
 +
    </div>
 +
    </div>
 +
 
 +
<div class="mySlides">
 +
        <img src='https://static.igem.org/mediawiki/2017/0/03/IgemgrenoblenrutyG.jpeg' style="width:100%"> 
 +
  <div class="caption-container">
 +
        <p id="caption"> <a href="http://www.grenoble-inp.fr/m-ruty-nicolas--430618.kjsp" target="_blank">
 +
        <img class="logoLinkedIn" src='https://static.igem.org/mediawiki/2017/e/e1/Logolinkedin.png'>
 +
      </a>
 +
      <h5 class="popup-nom">Nicolas Ruty</h5>
 +
        <h5 class="popup-etude"> Advisor  <br> PhD - Professor agrégé and engineer at Grenoble INP</h5>
 +
      <h5 class="popup-citation">"When a tool exceeds a threshold defined by the ad hoc scale, it turns first against itself and then threatens to destroy the entire social body." - Ivan Illich</h5>
 +
      <h5 class="popup-description">It reminds me constantly that too much complex devices are made, it creates more problems than it solves. It's true (for me, and it was for Illich) in the field of transportation, health, education. You have to adapt the level of complexity to human beings, to societies, and it's different depending on the situation. In fact, any idea of generalization of a system, an idea, a behavior, is problematic for me. I prefer the action of a large number of minorities rather than one action from the majority.
 +
</h5>  </p>           
 +
    </div>
 +
    </div>
 +
 
 +
<div class="mySlides">
 +
        <img src='https://static.igem.org/mediawiki/2017/3/37/Adrienloicigemgrenoblenew.png' style="width:100%"> 
 +
  <div class="caption-container">
 +
        <p id="caption"> <a href="https://www.linkedin.com/in/adrien-olivieri-b5b788133/" target="_blank">
 +
        <img class="logoLinkedIn" src='https://static.igem.org/mediawiki/2017/e/e1/Logolinkedin.png'>
 +
      </a>
 +
      <h5 class="popup-nom">Adrien Olivieri</h5>
 +
        <h5 class="popup-etude"> 3rd year Bachelor student in 3D-VFX at Aries Infographics Grenoble School</h5>
 +
      <h5 class="popup-citation">"The methods with which you create your ideas should come from the same voice speaking many languages." - Jeremy Mann </h5>
 +
      <h5 class="popup-description">Passionated artist, I'm constantly trying to improve, and looking for inspiration. I love to observe the world around me, and depict it through my creations. <br> Why iGEM ? Because it's an ambitious and interesting project, with humanitarian issues.</h5>  </p>           
 +
    </div>
 +
 
 +
  <div class="caption-container">
 +
        <p id="caption"> <a href="https://www.linkedin.com/in/loïc-ruel-19672a133/" target="_blank">
 +
        <img class="logoLinkedIn" src='https://static.igem.org/mediawiki/2017/e/e1/Logolinkedin.png'>
 +
      </a>
 +
      <h5 class="popup-nom">Loïc Ruel</h5>
 +
        <h5 class="popup-etude"> 3rd year Bachelor student in 3D-VFX at Aries Infographics Grenoble School </h5>
 +
      <h5 class="popup-citation">"We keep moving forward, opening new doors and doing new things because we're curious, and curiosity keeps leading us down new paths." - Walt Disney</h5>
 +
      <h5 class="popup-description">I look for new things to try, new challenges to overcome, to improve my skills and to discover new ones. Curiosity is what makes me move forward, and I draw my inspiration from the world that surrounds me.<br> Why iGEM ? Because of its values, the union of people from different horizons that work together to bring an ambitious project to life. </h5>  </p>           
 +
    </div>
 +
    </div>
 +
 
 +
    <a class="prev" onclick="plusSlides(-1)">&#10094;</a>
 +
    <a class="next" onclick="plusSlides(1)">&#10095;</a>
 +
  </div>
 +
</div>
 +
 
 +
<script>
 +
function openModal() {
 +
  document.getElementById('myModal').style.display = "block";
 +
}
 +
 
 +
function closeModal() {
 +
  document.getElementById('myModal').style.display = "none";
 +
window.location.hash = '#photosmembres';
 +
}
 +
 
 +
var slideIndex = 1;
 +
showSlides(slideIndex);
 +
 
 +
function plusSlides(n) {
 +
  showSlides(slideIndex += n);
 +
}
 +
 
 +
function currentSlide(n) {
 +
  showSlides(slideIndex = n);
 +
}
 +
 
 +
function showSlides(n) {
 +
  var i;
 +
  var slides = document.getElementsByClassName("mySlides");
 +
  var captionText = document.getElementById("caption");
 +
  if (n > slides.length) {slideIndex = 1}
 +
  if (n < 1) {slideIndex = slides.length}
 +
  for (i = 0; i < slides.length; i++) {
 +
    slides[i].style.display = "none";
 +
  }
 +
  slides[slideIndex-1].style.display = "block";
 +
}
 +
</script>
 +
 
 +
 
 +
<div style="text-align:center;">
 +
<video src="https://static.igem.org/mediawiki/2017/5/51/Igemgrenoble_video.mp4" poster="https://static.igem.org/mediawiki/2017/5/5f/Igemgrenoble_team_miniaturevideo.jpeg" controls width=45%>
 +
            Your browner cannot show this video.
 +
            </video>
 +
</div>
 +
     
 +
<div style="background-color:#FFF">     
 +
<h2 style="padding-top:3%; padding-bottom:4%; color:#FF1493; font-size:3vw;"> Sponsors </h2>
 
          
 
          
−
        <p>
 
−
        <h2 id="ancre3"> Sponsors </h2>
 
−
        </p>
 
  
 +
 +
        <div style="text-align: center">
 +
 +
    <a href="https://fr.franceintheus.org/"  target="_blank">
 +
          <img  class="image2" src="https://static.igem.org/mediawiki/2017/e/e2/AmbassadeFREU.jpeg">
 +
    </a>
 +
 +
    <a href="http://ecolearies.fr/ecoles-aries-grenoble.php" target="_blank">
 +
          <img  class="image2" src='https://static.igem.org/mediawiki/2017/0/06/Aries.png'>
 +
    </a>
 +
 +
    <a href="http://www.alpes.banquepopulaire.fr/portailinternet/Pages/default.aspx" target="_blank">
 +
          <img  class="image3" src='https://static.igem.org/mediawiki/2017/d/dc/BP.png'>
 +
    </a>
 +
 +
    <a href="http://www.biomerieux.fr/"  target="_blank">
 +
          <img  class="image4" src='https://static.igem.org/mediawiki/2017/0/01/IGEMGrenobleBiomerieux.png'>
 +
    </a>
 +
 +
    <a href="http://www.cea.fr/Pages/le-cea/les-centres-cea/grenoble.aspx" target="_blank">
 +
          <img  class="image2" src='https://static.igem.org/mediawiki/2017/b/b8/CEA.jpeg'>
 +
    </a>
 +
 +
    <a href="https://www.cermav.cnrs.fr/" target="_blank">
 +
          <img  class="image2" src='https://static.igem.org/mediawiki/2017/7/72/Cermav.png'>
 +
    </a>
 +
 +
    <a href="https://www.communaute-univ-grenoble-alpes.fr/" target="_blank">
 +
          <img  class="image3" src='https://static.igem.org/mediawiki/2017/6/6f/Comue.png'>
 +
    </a>
 +
 +
    <a href="https://fablab.lacasemate.fr/#!/" target="_blank">
 +
          <img  class="image2" src='https://static.igem.org/mediawiki/2017/1/1a/Fablab.png'>
 +
    </a>
 +
   
 +
    <a href="http://fondation-grenoble-inp.fr/" target="_blank">
 +
          <img  class="image4" src='https://static.igem.org/mediawiki/2017/2/25/FondationINP.png'>
 +
    </a>
 +
 +
    <a href="https://fondation.univ-grenoble-alpes.fr" target="_blank">
 +
          <img  class="image2" src='https://static.igem.org/mediawiki/2017/7/75/FondationUGA.png'>
 +
    </a>
 +
 +
    <a href="http://inac.cea.fr/" target="_blank">
 +
          <img  class="image2" src='https://static.igem.org/mediawiki/2017/b/b2/INAC.png'>
 +
    </a>
 +
 +
    <a href="http://www.enseignementsup-recherche.gouv.fr/pid24578/investissements-d-avenir.html" target="_blank">
 +
          <img  class="image2" src='https://static.igem.org/mediawiki/2017/f/f4/Investissement.png'>
 +
    </a>
 +
 +
    <a href="http://www-liphy.ujf-grenoble.fr/" target="_blank">
 +
          <img  class="image2" src='https://static.igem.org/mediawiki/2017/0/0d/Liphy.png'>
 +
    </a>
 +
 +
    <a href="http://www.lmgp.grenoble-inp.fr/" target="_blank">
 +
          <img  class="image2" src='https://static.igem.org/mediawiki/2017/f/f1/LMGP.png'>
 +
    </a>
 +
 +
    <a href="https://www.lametro.fr/" target="_blank">
 +
          <img  class="image2" src='https://static.igem.org/mediawiki/2017/6/65/Metro.png'>
 +
    </a>
 +
 +
    <a href="http://www.ozer-entrepreneuriat.fr/" target="_blank">
 +
          <img  class="image2" src='https://static.igem.org/mediawiki/2017/4/4b/PepiteOzer.jpeg'>
 +
    </a>
 +
 +
    <a href="http://phelma.grenoble-inp.fr/" target="_blank">
 +
          <img  class="image4" src='https://static.igem.org/mediawiki/2017/7/7c/Phelma.png'>
 +
    </a>
 +
 +
    <a href="https://www.auvergnerhonealpes.fr/" target="_blank">
 +
          <img  class="image3" src='https://static.igem.org/mediawiki/2017/7/72/Igemgrenoble_sponsors_region.jpeg'>
 +
    </a>
 +
 +
    <a href="http://www-timc.imag.fr/" target="_blank">
 +
          <img  class="image2" src='https://static.igem.org/mediawiki/2017/d/d1/TIMC.png'>
 +
    </a>
 +
 +
    <a href="https://secteur-sante.univ-grenoble-alpes.fr/ufr-pharmacie" target="_blank">
 +
          <img  class="image2" src='https://static.igem.org/mediawiki/2017/c/ce/UFR.png'>
 +
    </a>
 +
   
 +
    </div>
 +
    </div>
  
 
         </div>
 
         </div>
  
−
        <h6 style="position: fixed; width: 100%; background-color: rgb(238, 238, 238); margin: 0px; left: 0px; botom:10px; padding: 4px; text-align: center;">
+
 
−
        <a href="#ancre1" >Members </a>
+
−
        <a href="#ancre2">Acknowledgements </a>
+
−
        <a href="#ancre2">Sponsors </a>
+
−
        </h6>
+
−
       
+
 
     </body>
 
     </body>
 +
 +
<!-- *********** JAVA POUR LES POPUPS ************-->
 +
 +
        <script>
 +
 +
            function Function_geo()
 +
            {
 +
            var popup = document.getElementById("Popup_geo");
 +
            popup.classList.toggle("show");
 +
            }
 +
 +
        </script>
 +
 
</html>
 
</html>
 +
 +
{{Grenoble-Alpes/footer}}

Latest revision as of 04:49, 16 December 2017

TEAM

MEMBERS

A little bit of abstract in this magnificent fresco entitled “Food for thought” painted by the American duo How & Nosm. The strength of this work is to let your imagination push back the boundaries of reality.
Credits: Noreen Louis

Designed by iGEM Grenoble-Alpes 2017 team | Site Map