Difference between revisions of "Team:Tec-Monterrey/Team"

m
m
Line 431: Line 431:
 
     </div>
 
     </div>
 
   </section>
 
   </section>
 +
 
<!---------------------------------------------------------- Pop Ups ------------------------------------------------------>
 
<!---------------------------------------------------------- Pop Ups ------------------------------------------------------>
 
<!---------------------------------------------------------- Alan ------------------------------------------------------>
 
<!---------------------------------------------------------- Alan ------------------------------------------------------>
Line 927: Line 928:
 
   </div>
 
   </div>
 
<!---------------------------------------------------------- Naya ------------------------------------------------------>
 
<!---------------------------------------------------------- Naya ------------------------------------------------------>
 +
  <div class="popupBackground" id="backgroundNaya">
 +
  </div>
 +
  <div class="popupWrapper" id="wrapperNaya">
 +
    <div class="popupContentLeft" onclick="closePopup(wrapperNaya, backgroundNaya, contentNaya)"></div>
 +
    <div class="popupBox popupContent" id="contentNaya">
 +
      <button id="closeNaya" class="closeButton" onclick="closePopup(wrapperNaya, backgroundNaya, contentNaya)">
 +
        <i class="fa fa-times"></i>
 +
      </button>
 +
      <img class="popupImage" src="https://static.igem.org/mediawiki/2018/5/53/T--Tec-Monterrey--Imagen_Memo_Pensante.jpeg">
 +
      <b>Liz</b>
 +
      (Nanotechnology)
 +
      <br>
 +
      <i>Web Developer</i>
 +
      <br>
 +
      Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam hendrerit, nunc vitae luctus bibendum, ex elit suscipit arcu, eget imperdiet lectus velit in dui. Nunc in ligula a lorem congue volutpat. Etiam at augue sit amet diam pellentesque scelerisque ac a lorem. Pellentesque vel vulputate nulla. Donec lacinia, dolor quis eleifend finibus, orci justo hendrerit mi, et finibus ipsum urna in mi. Sed sollicitudin risus non finibus vehicula. Proin vel rutrum erat. Phasellus et lorem mauris. Integer sit amet elit sed risus fermentum mollis eu eu mi. Praesent vestibulum ligula id purus convallis euismod. Vestibulum dignissim ante id tortor dapibus feugiat non eget ligula. Sed sit amet nisi ac sapien vehicula lobortis. Suspendisse quis libero at turpis venenatis bibendum sit amet at purus. Aliquam interdum purus non mollis molestie. Mauris quis felis vitae neque ornare commodo at id sapien. Vestibulum mattis id libero at suscipit.
 +
    </div>
 +
    <div class="popupContentRight" onclick="closePopup(wrapperNaya, backgroundNaya, contentNaya)"></div>
 +
  </div>
 
<!---------------------------------------------------------- Alberto ------------------------------------------------------>
 
<!---------------------------------------------------------- Alberto ------------------------------------------------------>
 +
  <div class="popupBackground" id="backgroundAlberto">
 +
  </div>
 +
  <div class="popupWrapper" id="wrapperAlberto">
 +
    <div class="popupContentLeft" onclick="closePopup(wrapperAlberto, backgroundAlberto, contentAlberto)"></div>
 +
    <div class="popupBox popupContent" id="contentAlberto">
 +
      <button id="closeAlberto" class="closeButton" onclick="closePopup(wrapperAlberto, backgroundAlberto, contentAlberto)">
 +
        <i class="fa fa-times"></i>
 +
      </button>
 +
      <img class="popupImage" src="https://static.igem.org/mediawiki/2018/5/53/T--Tec-Monterrey--Imagen_Memo_Pensante.jpeg">
 +
      <b>Liz</b>
 +
      (Nanotechnology)
 +
      <br>
 +
      <i>Web Developer</i>
 +
      <br>
 +
      Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam hendrerit, nunc vitae luctus bibendum, ex elit suscipit arcu, eget imperdiet lectus velit in dui. Nunc in ligula a lorem congue volutpat. Etiam at augue sit amet diam pellentesque scelerisque ac a lorem. Pellentesque vel vulputate nulla. Donec lacinia, dolor quis eleifend finibus, orci justo hendrerit mi, et finibus ipsum urna in mi. Sed sollicitudin risus non finibus vehicula. Proin vel rutrum erat. Phasellus et lorem mauris. Integer sit amet elit sed risus fermentum mollis eu eu mi. Praesent vestibulum ligula id purus convallis euismod. Vestibulum dignissim ante id tortor dapibus feugiat non eget ligula. Sed sit amet nisi ac sapien vehicula lobortis. Suspendisse quis libero at turpis venenatis bibendum sit amet at purus. Aliquam interdum purus non mollis molestie. Mauris quis felis vitae neque ornare commodo at id sapien. Vestibulum mattis id libero at suscipit.
 +
    </div>
 +
    <div class="popupContentRight" onclick="closePopup(wrapperAlberto, backgroundAlberto, contentAlberto)"></div>
 +
  </div>
 
<!---------------------------------------------------------- Vala ------------------------------------------------------>
 
<!---------------------------------------------------------- Vala ------------------------------------------------------>
 +
  <div class="popupBackground" id="backgroundVala">
 +
  </div>
 +
  <div class="popupWrapper" id="wrapperVala">
 +
    <div class="popupContentLeft" onclick="closePopup(wrapperVala, backgroundVala, contentVala)"></div>
 +
    <div class="popupBox popupContent" id="contentVala">
 +
      <button id="closeVala" class="closeButton" onclick="closePopup(wrapperVala, backgroundVala, contentVala)">
 +
        <i class="fa fa-times"></i>
 +
      </button>
 +
      <img class="popupImage" src="https://static.igem.org/mediawiki/2018/5/53/T--Tec-Monterrey--Imagen_Memo_Pensante.jpeg">
 +
      <b>Liz</b>
 +
      (Nanotechnology)
 +
      <br>
 +
      <i>Web Developer</i>
 +
      <br>
 +
      Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam hendrerit, nunc vitae luctus bibendum, ex elit suscipit arcu, eget imperdiet lectus velit in dui. Nunc in ligula a lorem congue volutpat. Etiam at augue sit amet diam pellentesque scelerisque ac a lorem. Pellentesque vel vulputate nulla. Donec lacinia, dolor quis eleifend finibus, orci justo hendrerit mi, et finibus ipsum urna in mi. Sed sollicitudin risus non finibus vehicula. Proin vel rutrum erat. Phasellus et lorem mauris. Integer sit amet elit sed risus fermentum mollis eu eu mi. Praesent vestibulum ligula id purus convallis euismod. Vestibulum dignissim ante id tortor dapibus feugiat non eget ligula. Sed sit amet nisi ac sapien vehicula lobortis. Suspendisse quis libero at turpis venenatis bibendum sit amet at purus. Aliquam interdum purus non mollis molestie. Mauris quis felis vitae neque ornare commodo at id sapien. Vestibulum mattis id libero at suscipit.
 +
    </div>
 +
    <div class="popupContentRight" onclick="closePopup(wrapperVala, backgroundVala, contentVala)"></div>
 +
  </div>
 
<!---------------------------------------------------------- David ------------------------------------------------------>
 
<!---------------------------------------------------------- David ------------------------------------------------------>
 +
  <div class="popupBackground" id="backgroundDavid">
 +
  </div>
 +
  <div class="popupWrapper" id="wrapperDavid">
 +
    <div class="popupContentLeft" onclick="closePopup(wrapperDavid, backgroundDavid, contentDavid)"></div>
 +
    <div class="popupBox popupContent" id="contentDavid">
 +
      <button id="closeDavid" class="closeButton" onclick="closePopup(wrapperDavid, backgroundDavid, contentDavid)">
 +
        <i class="fa fa-times"></i>
 +
      </button>
 +
      <img class="popupImage" src="https://static.igem.org/mediawiki/2018/5/53/T--Tec-Monterrey--Imagen_Memo_Pensante.jpeg">
 +
      <b>Liz</b>
 +
      (Nanotechnology)
 +
      <br>
 +
      <i>Web Developer</i>
 +
      <br>
 +
      Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam hendrerit, nunc vitae luctus bibendum, ex elit suscipit arcu, eget imperdiet lectus velit in dui. Nunc in ligula a lorem congue volutpat. Etiam at augue sit amet diam pellentesque scelerisque ac a lorem. Pellentesque vel vulputate nulla. Donec lacinia, dolor quis eleifend finibus, orci justo hendrerit mi, et finibus ipsum urna in mi. Sed sollicitudin risus non finibus vehicula. Proin vel rutrum erat. Phasellus et lorem mauris. Integer sit amet elit sed risus fermentum mollis eu eu mi. Praesent vestibulum ligula id purus convallis euismod. Vestibulum dignissim ante id tortor dapibus feugiat non eget ligula. Sed sit amet nisi ac sapien vehicula lobortis. Suspendisse quis libero at turpis venenatis bibendum sit amet at purus. Aliquam interdum purus non mollis molestie. Mauris quis felis vitae neque ornare commodo at id sapien. Vestibulum mattis id libero at suscipit.
 +
    </div>
 +
    <div class="popupContentRight" onclick="closePopup(wrapperDavid, backgroundDavid, contentDavid)"></div>
 +
  </div>
 
<!---------------------------------------------------------- LuisJavier --------------------------------------------------->
 
<!---------------------------------------------------------- LuisJavier --------------------------------------------------->
 +
  <div class="popupBackground" id="backgroundLuisJavier">
 +
  </div>
 +
  <div class="popupWrapper" id="wrapperLuisJavier">
 +
    <div class="popupContentLeft" onclick="closePopup(wrapperLuisJavier, backgroundLuisJavier, contentLuisJavier)"></div>
 +
    <div class="popupBox popupContent" id="contentLuisJavier">
 +
      <button id="closeLuisJavier" class="closeButton" onclick="closePopup(wrapperLuisJavier, backgroundLuisJavier, contentLuisJavier)">
 +
        <i class="fa fa-times"></i>
 +
      </button>
 +
      <img class="popupImage" src="https://static.igem.org/mediawiki/2018/5/53/T--Tec-Monterrey--Imagen_Memo_Pensante.jpeg">
 +
      <b>Liz</b>
 +
      (Nanotechnology)
 +
      <br>
 +
      <i>Web Developer</i>
 +
      <br>
 +
      Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam hendrerit, nunc vitae luctus bibendum, ex elit suscipit arcu, eget imperdiet lectus velit in dui. Nunc in ligula a lorem congue volutpat. Etiam at augue sit amet diam pellentesque scelerisque ac a lorem. Pellentesque vel vulputate nulla. Donec lacinia, dolor quis eleifend finibus, orci justo hendrerit mi, et finibus ipsum urna in mi. Sed sollicitudin risus non finibus vehicula. Proin vel rutrum erat. Phasellus et lorem mauris. Integer sit amet elit sed risus fermentum mollis eu eu mi. Praesent vestibulum ligula id purus convallis euismod. Vestibulum dignissim ante id tortor dapibus feugiat non eget ligula. Sed sit amet nisi ac sapien vehicula lobortis. Suspendisse quis libero at turpis venenatis bibendum sit amet at purus. Aliquam interdum purus non mollis molestie. Mauris quis felis vitae neque ornare commodo at id sapien. Vestibulum mattis id libero at suscipit.
 +
    </div>
 +
    <div class="popupContentRight" onclick="closePopup(wrapperLuisJavier, backgroundLuisJavier, contentLuisJavier)"></div>
 +
  </div>
  
  
Line 945: Line 1,036:
 
         $(".masthead").toggleClass("blurredBackground");
 
         $(".masthead").toggleClass("blurredBackground");
 
         $("#teamMembers").toggleClass("blurredBackground");
 
         $("#teamMembers").toggleClass("blurredBackground");
 +
        $("#pi1").toggleClass("blurredBackground");
 +
        $("#pi2").toggleClass("blurredBackground");
 +
        $("#instructor").toggleClass("blurredBackground");
 +
        $("#advisors").toggleClass("blurredBackground");
 +
        $("#collaborators").toggleClass("blurredBackground");
 
         $(".footer").toggleClass("blurredBackground");
 
         $(".footer").toggleClass("blurredBackground");
 
         }, 200);
 
         }, 200);
Line 954: Line 1,050:
 
         $(".masthead").toggleClass("blurredBackground");
 
         $(".masthead").toggleClass("blurredBackground");
 
         $("#teamMembers").toggleClass("blurredBackground");
 
         $("#teamMembers").toggleClass("blurredBackground");
 +
        $("#pi1").toggleClass("blurredBackground");
 +
        $("#pi2").toggleClass("blurredBackground");
 +
        $("#instructor").toggleClass("blurredBackground");
 +
        $("#advisors").toggleClass("blurredBackground");
 +
        $("#collaborators").toggleClass("blurredBackground");
 
         $(".footer").toggleClass("blurredBackground");
 
         $(".footer").toggleClass("blurredBackground");
 
         setTimeout(function (){
 
         setTimeout(function (){

Revision as of 22:30, 18 August 2018

Team
Learn about us
Team Members
Alan Ávila
Nora Torres
Carlos Xavier
Ana E. Lasso
Arnulfo Juarez
Samantha Peña
Victor Robledo
Miranda Iriarte
Esteban de la Peña
Andrés "El Benjis" Sánchez
Miriam Salas
Adrián Hernández
Sofía Lara
Jesús López
Valeria Fuentes
Juan Fernández
Lizeth Rubio
Roberto Vázquez
María Eugenia Reyna
Primary PI's
José Manuel Aguilar
Cuauhtemoc Licona Cassani
Secondary PI
Luis Mario Leal Garza
Instructor
Ricardo Camilo Chávez Martínez
Advisors
Yamile Minerva Castellanos Morales
José de Jesús García Lima
Claudia Nallely Alonso Cantú
Javier Naya Hernández
José Alberto de la Paz Espinosa
Diego Ivan Valadez Lozano
Collaborators
David Acevedo Villarreal
Luis Javier

Contact Us

Sponsors