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; | ||
+ | } | ||
+ | |||
+ | .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; | ||
+ | } | ||
+ | |||
+ | .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/a/aa/T--TecCEM--Cells.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://scontent.fntr4-1.fna.fbcdn.net/v/t1.0-9/29261400_1607466826039980_6424696083484711460_n.jpg?_nc_cat=111&oh=4c9b5b76ace76c499ffd4f0ee9f5b7aa&oe=5C476ECE" | ||
+ | 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="https://scontent.fntr4-1.fna.fbcdn.net/v/t1.0-9/29261400_1607466826039980_6424696083484711460_n.jpg?_nc_cat=111&oh=4c9b5b76ace76c499ffd4f0ee9f5b7aa&oe=5C476ECE" | ||
+ | alt="Card image cap"> | ||
+ | <div class="card-body"> | ||
+ | <h5 class="card-title">Click on a Team Member</h5> | ||
+ | <p class="card-text">Some quick example text to build on the card title and make up the bulk of the | ||
+ | card's content.</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 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"><i class="fab fa-facebook-f"></i></a></li> | ||
+ | <li><a href="https://www.facebook.com"><i class="fab fa-linkedin-in"></i></a></li> | ||
+ | <li><a href="https://www.facebook.com"><i class="fab fa-twitter"></i></a></li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | <div class="col-12 col-md-3 mb-3"> | ||
+ | <a><img class="d-block 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"><i class="fab fa-facebook-f"></i></a></li> | ||
+ | <li><a href="https://www.facebook.com"><i class="fab fa-linkedin-in"></i></a></li> | ||
+ | <li><a href="https://www.facebook.com"><i class="fab fa-twitter"></i></a></li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | <div class="col-12 col-md-3 mb-3"> | ||
+ | <a><img class="d-block 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"><i class="fab fa-facebook-f"></i></a></li> | ||
+ | <li><a href="https://www.facebook.com"><i class="fab fa-linkedin-in"></i></a></li> | ||
+ | <li><a href="https://www.facebook.com"><i class="fab fa-twitter"></i></a></li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | <div class="col-12 col-md-3 mb-3"> | ||
+ | <a><img class="d-block 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.facebook.com"><i class="fab fa-facebook-f"></i></a></li> | ||
+ | <li><a href="https://www.facebook.com"><i class="fab fa-linkedin-in"></i></a></li> | ||
+ | <li><a href="https://www.facebook.com"><i class="fab fa-twitter"></i></a></li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | <div class="col-12 col-md-3 mb-3"> | ||
+ | <a><img class="d-block img-fluid rounded-circle teampic" id="shant" src="https://static.igem.org/mediawiki/2018/a/ab/T--TecCEM--ShantSquare.jpg"></a> | ||
+ | <ul class="group-icons"> | ||
+ | <li><a href="https://www.facebook.com"><i class="fab fa-facebook-f"></i></a></li> | ||
+ | <li><a href="https://www.facebook.com"><i class="fab fa-linkedin-in"></i></a></li> | ||
+ | <li><a href="https://www.facebook.com"><i class="fab fa-twitter"></i></a></li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | <div class="col-12 col-md-3 mb-3"> | ||
+ | <a><img class="d-block img-fluid rounded-circle teampic" id="alex" src="https://static.igem.org/mediawiki/2018/6/61/T--TecCEM--FotoAlexMejorada.jpeg"></a> | ||
+ | <ul class="group-icons"> | ||
+ | <li><a href="https://www.facebook.com"><i class="fab fa-facebook-f"></i></a></li> | ||
+ | <li><a href="https://www.facebook.com"><i class="fab fa-linkedin-in"></i></a></li> | ||
+ | <li><a href="https://www.facebook.com"><i class="fab fa-twitter"></i></a></li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | <div class="col-12 col-md-3 mb-3"> | ||
+ | <a><img class="d-block img-fluid rounded-circle teampic" id="ara" src="https://static.igem.org/mediawiki/2018/6/6a/T--TecCEM--Arasquare.jpg"></a> | ||
+ | <ul class="group-icons"> | ||
+ | <li><a href="https://www.facebook.com"><i class="fab fa-facebook-f"></i></a></li> | ||
+ | <li><a href="https://www.facebook.com"><i class="fab fa-linkedin-in"></i></a></li> | ||
+ | <li><a href="https://www.facebook.com"><i class="fab fa-twitter"></i></a></li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | <div class="col-12 col-md-3 mb-3"> | ||
+ | <a><img class="d-block 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="https://www.facebook.com"><i class="fab fa-facebook-f"></i></a></li> | ||
+ | <li><a href="https://www.facebook.com"><i class="fab fa-linkedin-in"></i></a></li> | ||
+ | <li><a href="https://www.facebook.com"><i class="fab fa-twitter"></i></a></li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | <div class="col-12 col-md-3 mb-3"> | ||
+ | <a><img class="d-block img-fluid rounded-circle teampic" id="rulo" src="https://static.igem.org/mediawiki/2018/8/8f/T--TecCEM--RuloSquare.jpg"></a> | ||
+ | <ul class="group-icons"> | ||
+ | <li><a href="https://www.facebook.com"><i class="fab fa-facebook-f"></i></a></li> | ||
+ | <li><a href="https://www.facebook.com"><i class="fab fa-linkedin-in"></i></a></li> | ||
+ | <li><a href="https://www.facebook.com"><i class="fab fa-twitter"></i></a></li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | <div class="col-12 col-md-3 mb-3"> | ||
+ | <a><img class="d-block img-fluid rounded-circle teampic" id="rock" src="https://static.igem.org/mediawiki/2018/8/85/T--TecCEM--Rodrigo_DavidSquare.jpg"></a> | ||
+ | <ul class="group-icons"> | ||
+ | <li><a href="https://www.facebook.com"><i class="fab fa-facebook-f"></i></a></li> | ||
+ | <li><a href="https://www.facebook.com"><i class="fab fa-linkedin-in"></i></a></li> | ||
+ | <li><a href="https://www.facebook.com"><i class="fab fa-twitter"></i></a></li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | <div class="col-12 col-md-3 mb-3"> | ||
+ | <a><img class="d-block 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"><i class="fab fa-facebook-f"></i></a></li> | ||
+ | <li><a href="https://www.facebook.com"><i class="fab fa-linkedin-in"></i></a></li> | ||
+ | <li><a href="https://www.facebook.com"><i class="fab fa-twitter"></i></a></li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | <div class="col-12 col-md-3 mb-3"> | ||
+ | <a><img class="d-block 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"><i class="fab fa-facebook-f"></i></a></li> | ||
+ | <li><a href="https://www.facebook.com"><i class="fab fa-linkedin-in"></i></a></li> | ||
+ | <li><a href="https://www.facebook.com"><i class="fab fa-twitter"></i></a></li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | <div class="col-12 col-md-3 mb-3"> | ||
+ | <a><img class="d-block img-fluid rounded-circle teampic" id="edgar" src="https://static.igem.org/mediawiki/2018/2/22/T--TecCEM--EdgarSquare.jpg"></a> | ||
+ | <ul class="group-icons"> | ||
+ | <li><a href="https://www.facebook.com"><i class="fab fa-facebook-f"></i></a></li> | ||
+ | <li><a href="https://www.facebook.com"><i class="fab fa-linkedin-in"></i></a></li> | ||
+ | <li><a href="https://www.facebook.com"><i class="fab fa-twitter"></i></a></li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | <div class="col-12 col-md-3 mb-3"> | ||
+ | <a><img class="d-block img-fluid rounded-circle teampic" id="borre" src="https://static.igem.org/mediawiki/2018/8/8c/T--TecCEM--BorreguinSquare.jpg"></a> | ||
+ | <ul class="group-icons"> | ||
+ | <li><a href="https://www.facebook.com"><i class="fab fa-facebook-f"></i></a></li> | ||
+ | <li><a href="https://www.facebook.com"><i class="fab fa-linkedin-in"></i></a></li> | ||
+ | <li><a href="https://www.facebook.com"><i class="fab fa-twitter"></i></a></li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | <div class="col-12 col-md-3 mb-3"> | ||
+ | <a><img class="d-block 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"><i class="fab fa-facebook-f"></i></a></li> | ||
+ | <li><a href="https://www.facebook.com"><i class="fab fa-linkedin-in"></i></a></li> | ||
+ | <li><a href="https://www.facebook.com"><i class="fab fa-twitter"></i></a></li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | <div class="col-12 col-md-3 mb-3"> | ||
+ | <a><img class="d-block 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.facebook.com"><i class="fab fa-facebook-f"></i></a></li> | ||
+ | <li><a href="https://www.facebook.com"><i class="fab fa-linkedin-in"></i></a></li> | ||
+ | <li><a href="https://www.facebook.com"><i class="fab fa-twitter"></i></a></li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | |||
+ | </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/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/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/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/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/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/f/fb/T--TecCEM--group10.jpg" alt="Card image cap"> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | |||
</html> | </html> | ||
+ | {{TecCEM/Footer}} | ||
+ | {{TecCEM/JsTeam}} |
Revision as of 00:19, 15 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.