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

m
m
Line 318: Line 318:
 
     <div class="body-title" style="background: rgb(243,242,241);">
 
     <div class="body-title" style="background: rgb(243,242,241);">
 
     Primary PI
 
     Primary PI
 +
    </div>
 +
    <div class="containerMembers">
 +
      <div class="member" onclick="openPopup(wrapperEsteban, backgroundEsteban, contentEsteban)">
 +
        <div class="photo" id="Esteban">
 +
        </div>
 +
        Esteban de la Peña 
 +
      </div>
 
     </div>
 
     </div>
 
   </section>
 
   </section>
Line 324: Line 331:
 
     <div class="body-title" style="background: rgb(243,242,241);">
 
     <div class="body-title" style="background: rgb(243,242,241);">
 
     Secondary PI
 
     Secondary PI
 +
    </div>
 +
    <div class="containerMembers">
 +
      <div class="member" onclick="openPopup(wrapperEsteban, backgroundEsteban, contentEsteban)">
 +
        <div class="photo" id="Esteban">
 +
        </div>
 +
        Esteban de la Peña 
 +
      </div>
 
     </div>
 
     </div>
 
   </section>
 
   </section>
Line 330: Line 344:
 
     <div class="body-title" style="background: rgb(243,242,241);">
 
     <div class="body-title" style="background: rgb(243,242,241);">
 
     Instructor
 
     Instructor
 +
    </div>
 +
    <div class="containerMembers">
 +
      <div class="member" onclick="openPopup(wrapperEsteban, backgroundEsteban, contentEsteban)">
 +
        <div class="photo" id="Esteban">
 +
        </div>
 +
        Esteban de la Peña 
 +
      </div>
 
     </div>
 
     </div>
 
   </section>
 
   </section>
Line 336: Line 357:
 
     <div class="body-title" style="background: rgb(243,242,241);">
 
     <div class="body-title" style="background: rgb(243,242,241);">
 
     Advisors
 
     Advisors
 +
    </div>
 +
    <div class="containerMembers">
 +
      <div class="member" onclick="openPopup(wrapperEsteban, backgroundEsteban, contentEsteban)">
 +
        <div class="photo" id="Esteban">
 +
        </div>
 +
        Esteban de la Peña 
 +
      </div>
 
     </div>
 
     </div>
 
   </section>
 
   </section>
Line 342: Line 370:
 
     <div class="body-title" style="background: rgb(243,242,241);">
 
     <div class="body-title" style="background: rgb(243,242,241);">
 
     Collaborators
 
     Collaborators
 +
    </div>
 +
    <div class="containerMembers">
 +
      <div class="member" onclick="openPopup(wrapperEsteban, backgroundEsteban, contentEsteban)">
 +
        <div class="photo" id="Esteban">
 +
        </div>
 +
        Esteban de la Peña 
 +
      </div>
 
     </div>
 
     </div>
 
   </section>
 
   </section>
  
  <!-- Pop Ups -->
+
<!---------------------------------------------------------- Pop Ups ------------------------------------------------------>
 +
  <div class="popupBackground" id="backgroundEsteban">
 +
  </div>
 +
  <div class="popupWrapper" id="wrapperEsteban">
 +
    <div class="popupContentLeft" onclick="closePopup(wrapperEsteban, backgroundEsteban, contentEsteban)"></div>
 +
    <div class="popupBox popupContent" id="contentEsteban">
 +
      <button id="closeEsteban" class="closeButton" onclick="closePopup(wrapperEsteban, backgroundEsteban, contentEsteban)">
 +
        <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>Esteban de la Peña</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(wrapperEsteban, backgroundEsteban, contentEsteban)"></div>
 +
  </div>
 +
 
 
   <div class="popupBackground" id="backgroundEsteban">
 
   <div class="popupBackground" id="backgroundEsteban">
 
   </div>
 
   </div>

Revision as of 18:29, 18 August 2018

Team
Learn about us
Team Members
Esteban de la Peña
Primary PI
Esteban de la Peña
Secondary PI
Esteban de la Peña
Instructor
Esteban de la Peña
Advisors
Esteban de la Peña
Collaborators
Esteban de la Peña

Contact Us

Sponsors