Difference between revisions of "Team:TecCEM/Team"

 
(23 intermediate revisions by 3 users not shown)
Line 9: Line 9:
 
     .wrapper .sidebar-index {
 
     .wrapper .sidebar-index {
 
         width: 30% !important;
 
         width: 30% !important;
 +
        height: auto;
 +
        max-height: calc(100vh - 105px);
 +
        overflow: auto;
 +
    }
 +
 +
    .wrapper .sidebar-index img {
 +
        max-height: 50vh;
 +
        object-fit: contain;
 
     }
 
     }
  
 
     .wrapper .content {
 
     .wrapper .content {
 
         width: 70% !important;
 
         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>
 
</style>
 
<div id="gif-title" class="text-team">
 
<div id="gif-title" class="text-team">
−
     <img src="https://static.igem.org/mediawiki/2018/a/aa/T--TecCEM--Cells.gif" alt="Cell Gif">
+
     <img src="https://static.igem.org/mediawiki/2018/d/d4/T--TecCEM--Cells--Team.gif" alt="Cell Gif">
 
     <h1>Team</h1>
 
     <h1>Team</h1>
 
</div>
 
</div>
Line 23: Line 56:
 
         <div class="col">
 
         <div class="col">
 
             <h1>Who are we?</h1>
 
             <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"
+
             <img class="img-fluid" src="https://static.igem.org/mediawiki/2018/e/e3/T--TecCEM--TeamPhoto.jpg" alt="pic" />
−
                alt="pic" />
+
 
             <p class="text"> Photo at the campus. </p>
 
             <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
 
             <p class="lead"> iGEM TecCEM 2018 has the honor to present its team of sixteen undergrad students. It is a
Line 38: Line 70:
 
     <div class="sidebar-index">
 
     <div class="sidebar-index">
 
         <div class="card">
 
         <div class="card">
−
             <img class="card-img-top" src="https://via.placeholder.com/400x400" alt="Card image cap">
+
             <img class="card-img-top" src="" alt="">
 
             <div class="card-body">
 
             <div class="card-body">
 
                 <h5 class="card-title">Click on a Team Member</h5>
 
                 <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
+
                 <p class="card-text"></p>
−
                    card's content.</p>
+
 
             </div>
 
             </div>
 
         </div>
 
         </div>
Line 48: Line 79:
 
     <div class="content">
 
     <div class="content">
 
         <div class="row teampics">
 
         <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">
 
             <div class="col">
−
                 <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>
+
                 <h1>Our Instructors!</h1>
 
             </div>
 
             </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">
 
             <div class="col">
−
                 <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>
+
                 <h1>Our Advisors!</h1>
 
             </div>
 
             </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">
 
             <div class="col">
−
                 <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>
+
                 <h1>Collaborators!</h1>
 
             </div>
 
             </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">
 
             <div class="col">
−
                 <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>
+
                 <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>
 
     </div>
 
     </div>
 
</div>
 
</div>
 +
 +
 
</html>
 
</html>
 
{{TecCEM/Footer}}
 
{{TecCEM/Footer}}
 
{{TecCEM/JsTeam}}
 
{{TecCEM/JsTeam}}

Latest revision as of 21:09, 17 October 2018

Cell Gif

Team

Who are we?

pic

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.

Click on a Team Member

Our Instructors!

Primary PI

Juan Carlos Amador Molina

Secondary PI

Ana Laura Torres Huerta

Jacqueline Liszeth Oliva Ramírez

Yolanda G. Garcia Huante

Our Advisors!

Laura Isabel González Campos

Collaborators!

Ramón Eduardo Rivero Aranda

Roberto Durán Fernández

Aurora Antonio Pérez

Our Team!

Card image cap
Card image cap
Card image cap
Card image cap
Card image cap
Card image cap
Card image cap
Card image cap
Card image cap
Card image cap
Card image cap