Difference between revisions of "Team:TecCEM/Team"

 
(35 intermediate revisions by 3 users not shown)
Line 1: Line 1:
 
{{TecCEM}}
 
{{TecCEM}}
 
<html>
 
<html>
−
<div id="gif-title" class="text-green">
+
<style>
−
     <img src="https://static.igem.org/mediawiki/2018/a/aa/T--TecCEM--Cells.gif" alt="Cell Gif">
+
    .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>
 
     <h1>Team</h1>
 
</div>
 
</div>
−
<div class="wrapper">
+
<div class="container mt-2">
−
     <nav class="sidebar-index">
+
     <div class="row">
−
         <div class="sidebar-header">
+
         <div class="col">
−
             <h3>Project/ Team</h3>
+
            <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>
−
        <a href="#experimentsSubmenu" data-toggle="collapse" aria-expanded="false" data-offset="100" data-change="sidemenu">
+
    </div>
−
            <span data-change="el" class="d-inline-block open"></span>
+
</div>
−
             Index
+
<div class="wrapper team">
−
        </a>
+
    <div class="sidebar-index">
−
        <ul class="collapse list-unstyled" id="experimentsSubmenu">
+
        <div class="card">
−
            <li class="active">
+
             <img class="card-img-top" src="" alt="">
−
                <a href="#description">Description</a>
+
            <div class="card-body">
−
            </li>
+
                 <h5 class="card-title">Click on a Team Member</h5>
−
            <li>
+
                 <p class="card-text"></p>
−
                 <a href="#wsc">What should this page contain?</a>
+
             </div>
−
            </li>
+
         </div>
−
            <li>
+
     </div>
−
                 <a href="#inspiration">Inspiration</a>
+
−
             </li>
+
−
         </ul>
+
−
     </nav>
+
 
     <div class="content">
 
     <div class="content">
−
         <div class="container-fluid">
+
         <div class="row teampics">
−
             <div class="row">
+
            <div class="col-12 col-md-3 mb-3">
−
                 <div class="col">
+
                <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>
−
                    <h1>Team</h1>
+
                <ul class="group-icons">
−
                     <p>In this page you can introduce your team members, instructors, and advisors. </p>
+
                    <li><a href="https://www.facebook.com/totovalencia"><i class="fab fa-facebook-f"></i></a></li>
−
                     <h3>What should this page contain?</h3>
+
                    <li><a href="https://www.linkedin.com/in/rodrigo-valencia-ocampo-29b10713a/"><i class="fab fa-linkedin-in"></i></a></li>
−
                     <ul>
+
                </ul>
−
                        <li> Include pictures of your teammates, don’t forget instructors and advisors! </li>
+
            </div>
−
                        <li>You can add a small biography or a few words from each team member, to tell us what you
+
             <div class="col-12 col-md-3 mb-3">
−
                            like, and
+
                 <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>
−
                            what
+
                <ul class="group-icons">
−
                            motivated you to participate in iGEM.</li>
+
                    <li><a href="https://www.facebook.com/karlasotob31"><i class="fab fa-facebook-f"></i></a></li>
−
                        <li>Take team pictures! Show us your school, your lab and little bit of your city.</li>
+
                    <li><a href="www.linkedin.com/in/ksotoblas"><i class="fab fa-linkedin-in"></i></a></li>
−
                        <li>Remember that image galleries can help you showcase many pictures while saving space.</li>
+
                </ul>
−
                     </ul>
+
            </div>
−
                 </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>
−
            <div class="row">
+
</div>
−
                 <div class="col">
+
<div class="container-fluid">
−
                    <h3>Inspiration</h3>
+
    <div class="container">
−
                    <p>You can look at what other teams did to get some inspiration! <br />
+
        <div class="row">
−
                        Here are a few examples:</p>
+
            <div class="col">
−
                    <ul>
+
                 <h1>Our Instructors!</h1>
−
                        <li><a href="https://2014.igem.org/Team:METU_Turkey_team">2014 METU Turkey </a></li>
+
            </div>
−
                        <li><a href="https://2014.igem.org/Team:Colombia/Members">2014 Colombia</a></li>
+
        </div>
−
                        <li><a href="https://2014.igem.org/Team:Stony_Brook/Team">2014 Stony Brook</a></li>
+
    </div>
−
                        <li><a href="https://2014.igem.org/Team:OUC-China/Team">2014 OUC-China</a></li>
+
    <div class="row justify-content-center">
−
                     </ul>
+
        <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>
Line 62: Line 278:
 
     </div>
 
     </div>
 
</div>
 
</div>
 +
  
 
</html>
 
</html>
 
{{TecCEM/Footer}}
 
{{TecCEM/Footer}}
 +
{{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