(16 intermediate revisions by 2 users not shown) | |||
Line 1: | Line 1: | ||
+ | {{TecCEM}} | ||
<html> | <html> | ||
− | < | + | <style> |
− | + | .wrapper .content .row.teampics a { | |
− | + | display: block; | |
− | + | cursor: pointer; | |
− | + | ||
} | } | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | </ | + | .wrapper .sidebar-index { |
+ | width: 30% !important; | ||
+ | height: auto; | ||
+ | max-height: calc(100vh - 105px); | ||
+ | overflow: auto; | ||
+ | } | ||
+ | |||
+ | .wrapper .sidebar-index img { | ||
+ | max-height: 50vh; | ||
+ | object-fit: contain; | ||
+ | } | ||
+ | |||
+ | .wrapper .content { | ||
+ | width: 70% !important; | ||
+ | } | ||
+ | |||
+ | @media only screen and (max-width: 812px) { | ||
+ | .wrapper .sidebar-index { | ||
+ | width: 70% !important; | ||
+ | display:block !important; | ||
+ | } | ||
+ | |||
+ | .wrapper .content { | ||
+ | width: 30% !important; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | .container .col { | ||
+ | text-align: center | ||
+ | } | ||
+ | |||
+ | ul.group-icons { | ||
+ | display: flex; | ||
+ | justify-content: center; | ||
+ | } | ||
+ | |||
+ | ul.group-icons li { | ||
+ | list-style: none; | ||
+ | margin: 0em .3rem; | ||
+ | } | ||
+ | </style> | ||
+ | <div id="gif-title" class="text-team"> | ||
+ | <img src="https://static.igem.org/mediawiki/2018/d/d4/T--TecCEM--Cells--Team.gif" alt="Cell Gif"> | ||
+ | <h1>Team</h1> | ||
+ | </div> | ||
+ | <div class="container mt-2"> | ||
+ | <div class="row"> | ||
+ | <div class="col"> | ||
+ | <h1>Who are we?</h1> | ||
+ | <img class="img-fluid" src="https://static.igem.org/mediawiki/2018/e/e3/T--TecCEM--TeamPhoto.jpg" alt="pic" /> | ||
+ | <p class="text"> Photo at the campus. </p> | ||
+ | <p class="lead"> iGEM TecCEM 2018 has the honor to present its team of sixteen undergrad students. It is a | ||
+ | team of engineering students between 19 and 23 years old who live in the State of Mexico. All the | ||
+ | members are extremely responsible, persevering and they are united by their passion and love for | ||
+ | science. Each member compliments and enriches the team in different areas. They pursue the common goal | ||
+ | of transcending through science and leaving a legacy that contributes to the progress of society and | ||
+ | the improvement of human well-being. </p> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="wrapper team"> | ||
+ | <div class="sidebar-index"> | ||
+ | <div class="card"> | ||
+ | <img class="card-img-top" src="" alt=""> | ||
+ | <div class="card-body"> | ||
+ | <h5 class="card-title">Click on a Team Member</h5> | ||
+ | <p class="card-text"></p> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="content"> | ||
+ | <div class="row teampics"> | ||
+ | <div class="col-12 col-md-3 mb-3"> | ||
+ | <a><img class="d-block mb-3 img-fluid rounded-circle teampic" id="rodrigo" src="https://static.igem.org/mediawiki/2018/7/75/T--TecCEM--RodrigoCuadrada.png"></a> | ||
+ | <ul class="group-icons"> | ||
+ | <li><a href="https://www.facebook.com/totovalencia"><i class="fab fa-facebook-f"></i></a></li> | ||
+ | <li><a href="https://www.linkedin.com/in/rodrigo-valencia-ocampo-29b10713a/"><i class="fab fa-linkedin-in"></i></a></li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | <div class="col-12 col-md-3 mb-3"> | ||
+ | <a><img class="d-block mb-3 img-fluid rounded-circle teampic" id="karla" src="https://static.igem.org/mediawiki/2018/d/d8/T--TecCEM--KarlaSquare.png"></a> | ||
+ | <ul class="group-icons"> | ||
+ | <li><a href="https://www.facebook.com/karlasotob31"><i class="fab fa-facebook-f"></i></a></li> | ||
+ | <li><a href="www.linkedin.com/in/ksotoblas"><i class="fab fa-linkedin-in"></i></a></li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | <div class="col-12 col-md-3 mb-3"> | ||
+ | <a><img class="d-block mb-3 img-fluid rounded-circle teampic" id="joel" src="https://static.igem.org/mediawiki/2018/c/ce/T--TecCEM--JoelSquare.jpg"></a> | ||
+ | <ul class="group-icons"> | ||
+ | <li><a href="https://www.facebook.com/joellaraquintana"><i class="fab fa-facebook-f"></i></a></li> | ||
+ | <li><a href="https://www.linkedin.com/in/jlaraq/"><i class="fab fa-linkedin-in"></i></a></li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | <div class="col-12 col-md-3 mb-3"> | ||
+ | <a><img class="d-block mb-3 img-fluid rounded-circle teampic" id="mille" src="https://static.igem.org/mediawiki/2018/f/f4/T--TecCEM--MilleSquare.jpg"></a> | ||
+ | <ul class="group-icons"> | ||
+ | <li><a href="https://www.linkedin.com/in/luissantiagomille/"><i class="fab fa-linkedin-in"></i></a></li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | <div class="col-12 col-md-3 mb-3"> | ||
+ | <a><img class="d-block mb-3 img-fluid rounded-circle teampic" id="shant" src="https://static.igem.org/mediawiki/2018/a/ab/T--TecCEM--ShantSquare.jpg"></a> | ||
+ | </div> | ||
+ | <div class="col-12 col-md-3 mb-3"> | ||
+ | <a><img class="d-block mb-3 img-fluid rounded-circle teampic" id="alex" src="https://static.igem.org/mediawiki/2018/6/61/T--TecCEM--FotoAlexMejorada.jpeg"></a> | ||
+ | </div> | ||
+ | <div class="col-12 col-md-3 mb-3"> | ||
+ | <a><img class="d-block mb-3 img-fluid rounded-circle teampic" id="ara" src="https://static.igem.org/mediawiki/2018/6/6a/T--TecCEM--Arasquare.jpg"></a> | ||
+ | </div> | ||
+ | <div class="col-12 col-md-3 mb-3"> | ||
+ | <a><img class="d-block mb-3 img-fluid rounded-circle teampic" id="uri" src="https://static.igem.org/mediawiki/2018/0/08/T--TecCEM--UrielSquare.jpg"></a> | ||
+ | <ul class="group-icons"> | ||
+ | <li><a href="http://facebook.com/uri.ortega.gomez9"><i class="fab fa-facebook-f"></i></a></li> | ||
+ | <li><a href="https://www.linkedin.com/in/uriel-ortega-gómez-b149b315a"><i class="fab fa-linkedin-in"></i></a></li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | <div class="col-12 col-md-3 mb-3"> | ||
+ | <a><img class="d-block mb-3 img-fluid rounded-circle teampic" id="rulo" src="https://static.igem.org/mediawiki/2018/8/8f/T--TecCEM--RuloSquare.jpg"></a> | ||
+ | </div> | ||
+ | <div class="col-12 col-md-3 mb-3"> | ||
+ | <a><img class="d-block mb-3 img-fluid rounded-circle teampic" id="rock" src="https://static.igem.org/mediawiki/2018/8/85/T--TecCEM--Rodrigo_DavidSquare.jpg"></a> | ||
+ | </div> | ||
+ | <div class="col-12 col-md-3 mb-3"> | ||
+ | <a><img class="d-block mb-3 img-fluid rounded-circle teampic" id="pam" src="https://static.igem.org/mediawiki/2018/c/c0/T--TecCEM--PamSquare.jpg"></a> | ||
+ | <ul class="group-icons"> | ||
+ | <li><a href="https://www.facebook.com/pampaj"><i class="fab fa-facebook-f"></i></a></li> | ||
+ | <li><a href="www.linkedin.com/in/apamelajimenezt"><i class="fab fa-linkedin-in"></i></a></li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | <div class="col-12 col-md-3 mb-3"> | ||
+ | <a><img class="d-block mb-3 img-fluid rounded-circle teampic" id="majo" src="https://static.igem.org/mediawiki/2018/9/9d/T--TecCEM--MajoSquare.jpg"></a> | ||
+ | <ul class="group-icons"> | ||
+ | <li><a href="https://www.facebook.com/majo.uorozco"><i class="fab fa-facebook-f"></i></a></li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | <div class="col-12 col-md-3 mb-3"> | ||
+ | <a><img class="d-block mb-3 img-fluid rounded-circle teampic" id="edgar" src="https://static.igem.org/mediawiki/2018/2/22/T--TecCEM--EdgarSquare.jpg"></a> | ||
+ | </div> | ||
+ | <div class="col-12 col-md-3 mb-3"> | ||
+ | <a><img class="d-block mb-3 img-fluid rounded-circle teampic" id="borre" src="https://static.igem.org/mediawiki/2018/8/8c/T--TecCEM--BorreguinSquare.jpg"></a> | ||
+ | </div> | ||
+ | <div class="col-12 col-md-3 mb-3"> | ||
+ | <a><img class="d-block mb-3 img-fluid rounded-circle teampic" id="armando" src="https://static.igem.org/mediawiki/2018/a/a2/T--TecCEM--ArmandoSquare.jpeg"></a> | ||
+ | <ul class="group-icons"> | ||
+ | <li><a href="https://www.facebook.com/armando.cortes.lmL"><i class="fab fa-facebook-f"></i></a></li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | <div class="col-12 col-md-3 mb-3"> | ||
+ | <a><img class="d-block mb-3 img-fluid rounded-circle teampic" id="ari" src="https://static.igem.org/mediawiki/2018/a/a2/T--TecCEM--AriSquare.jpeg"></a> | ||
+ | <ul class="group-icons"> | ||
+ | <li><a href="https://www.linkedin.com/in/avazquezt/"><i class="fab fa-linkedin-in"></i></a></li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="container-fluid"> | ||
+ | <div class="container"> | ||
+ | <div class="row"> | ||
+ | <div class="col"> | ||
+ | <h1>Our Instructors!</h1> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="row justify-content-center"> | ||
+ | <div class="col-12 col-md-3 mb-3"> | ||
+ | <a><img class="d-block mb-3 img-fluid rounded-circle teampic mx-auto" style="max-height:200px" src="https://static.igem.org/mediawiki/2018/8/8c/T--TecCEM--Amador.jpg"></a> | ||
+ | <p class="lead text-center">Primary PI</p> | ||
+ | <p class="semi-lead text-center">Juan Carlos Amador Molina</p> | ||
+ | </div> | ||
+ | <div class="col-12 col-md-3 mb-3"> | ||
+ | <a><img class="d-block mb-3 img-fluid rounded-circle teampic mx-auto" style="max-height:200px" src="https://static.igem.org/mediawiki/2018/7/7e/T--TecCEM--AnaLau.jpg"></a> | ||
+ | <p class="lead text-center">Secondary PI</p> | ||
+ | <p class="semi-lead text-center">Ana Laura Torres Huerta</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="row justify-content-center"> | ||
+ | <div class="col-12 col-md-3 mb-3"> | ||
+ | <a><img class="d-block mb-3 img-fluid rounded-circle teampic mx-auto" style="max-height:200px" src="https://static.igem.org/mediawiki/2018/7/70/T--TecCEM--Jackie.jpg"></a> | ||
+ | <p class="semi-lead text-center">Jacqueline Liszeth Oliva Ramírez</p> | ||
+ | </div> | ||
+ | <div class="col-12 col-md-3 mb-3"> | ||
+ | <a><img class="d-block mb-3 img-fluid rounded-circle teampic mx-auto" style="max-height:200px" src="https://static.igem.org/mediawiki/2018/a/ab/T--TecCEM--Yolanda.jpg"></a> | ||
+ | <p class="semi-lead text-center">Yolanda G. Garcia Huante</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="container"> | ||
+ | <div class="row"> | ||
+ | <div class="col"> | ||
+ | <h1>Our Advisors!</h1> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="row justify-content-center"> | ||
+ | <div class="col-12 col-md-3 mb-3"> | ||
+ | <a><img class="d-block mb-3 img-fluid rounded-circle teampic mx-auto" style="max-height:200px" src="https://static.igem.org/mediawiki/2018/9/9b/T--TecCEM--Lau.jpg"></a> | ||
+ | <ul class="group-icons"> | ||
+ | <li><a href="https://www.linkedin.com/in/lauraigonzalezc/"><i class="fab fa-linkedin-in"></i></a></li> | ||
+ | </ul> | ||
+ | <p class="semi-lead text-center">Laura Isabel González Campos</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="container"> | ||
+ | <div class="row"> | ||
+ | <div class="col"> | ||
+ | <h1>Collaborators!</h1> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="row justify-content-center"> | ||
+ | <div class="col-12 col-md-3 mb-3"> | ||
+ | <a><img class="d-block mb-3 img-fluid rounded-circle teampic mx-auto" style="max-height:200px" src="https://static.igem.org/mediawiki/2018/7/7e/T--TecCEM--Ramon.jpg"></a> | ||
+ | <p class="semi-lead text-center">Ramón Eduardo Rivero Aranda</p> | ||
+ | </div> | ||
+ | <div class="col-12 col-md-3 mb-3"> | ||
+ | <a><img class="d-block mb-3 img-fluid rounded-circle teampic mx-auto" style="max-height:200px" src="https://static.igem.org/mediawiki/2018/2/2c/T--TecCEM--Robert.jpg"></a> | ||
+ | <p class="semi-lead text-center">Roberto Durán Fernández</p> | ||
+ | </div> | ||
+ | <div class="col-12 col-md-3 mb-3"> | ||
+ | <a><img class="d-block mb-3 img-fluid rounded-circle teampic mx-auto" style="max-height:200px" src="https://static.igem.org/mediawiki/2018/9/94/T--TecCEM--Aurora.jpg"></a> | ||
+ | <p class="semi-lead text-center">Aurora Antonio Pérez</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="container-fluid"> | ||
+ | <div class="container"> | ||
+ | <div class="row"> | ||
+ | <div class="col"> | ||
+ | <h1>Our Team!</h1> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="row"> | ||
+ | <div class="col"> | ||
+ | <div class="card-columns"> | ||
+ | <div class="card"> | ||
+ | <img class="card-img-top" src="https://static.igem.org/mediawiki/2018/b/b0/T--TecCEM--group11.jpg" alt="Card image cap"> | ||
+ | </div> | ||
+ | <div class="card"> | ||
+ | <img class="card-img-top" src="https://static.igem.org/mediawiki/2018/8/82/T--TecCEM--group6.jpg" alt="Card image cap"> | ||
+ | </div> | ||
+ | <div class="card"> | ||
+ | <img class="card-img-top" src="https://static.igem.org/mediawiki/2018/3/33/T--TecCEM--group3.jpeg" alt="Card image cap"> | ||
+ | </div> | ||
+ | <div class="card"> | ||
+ | <img class="card-img-top" src="https://static.igem.org/mediawiki/2018/9/9c/T--TecCEM--group1.jpeg" alt="Card image cap"> | ||
+ | </div> | ||
+ | <div class="card"> | ||
+ | <img class="card-img-top" src="https://static.igem.org/mediawiki/2018/9/9e/T--TecCEM--group2.jpg" alt="Card image cap"> | ||
+ | </div> | ||
+ | <div class="card"> | ||
+ | <img class="card-img-top" src="https://static.igem.org/mediawiki/2018/a/ac/T--TecCEM--group4.jpeg" alt="Card image cap"> | ||
+ | </div> | ||
+ | <div class="card"> | ||
+ | <img class="card-img-top" src="https://static.igem.org/mediawiki/2018/4/4a/T--TecCEM--group5.jpeg" alt="Card image cap"> | ||
+ | </div> | ||
+ | <div class="card"> | ||
+ | <img class="card-img-top" src="https://static.igem.org/mediawiki/2018/c/c3/T--TecCEM--group7.jpeg" alt="Card image cap"> | ||
+ | </div> | ||
+ | <div class="card"> | ||
+ | <img class="card-img-top" src="https://static.igem.org/mediawiki/2018/8/8f/T--TecCEM--group9.JPG" alt="Card image cap"> | ||
+ | </div> | ||
+ | <div class="card"> | ||
+ | <img class="card-img-top" src="https://static.igem.org/mediawiki/2018/5/57/T--TecCEM--group8.JPG" alt="Card image cap"> | ||
+ | </div> | ||
+ | <div class="card"> | ||
+ | <img class="card-img-top" src="https://static.igem.org/mediawiki/2018/f/fb/T--TecCEM--group10.jpg" alt="Card image cap"> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | |||
</html> | </html> | ||
+ | {{TecCEM/Footer}} | ||
+ | {{TecCEM/JsTeam}} |
Latest revision as of 21:09, 17 October 2018
Team
Who are we?
Photo at the campus.
iGEM TecCEM 2018 has the honor to present its team of sixteen undergrad students. It is a team of engineering students between 19 and 23 years old who live in the State of Mexico. All the members are extremely responsible, persevering and they are united by their passion and love for science. Each member compliments and enriches the team in different areas. They pursue the common goal of transcending through science and leaving a legacy that contributes to the progress of society and the improvement of human well-being.