Difference between revisions of "Team:TecCEM/Team"

 
(34 intermediate revisions by 3 users not shown)
Line 2: Line 2:
 
<html>
 
<html>
 
<style>
 
<style>
−
     .carousel-item img {
+
     .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;
 
         max-height: 50vh;
−
         width: auto !important;
+
         object-fit: contain;
−
        margin-left: auto;
+
 
     }
 
     }
  
−
     .carousel-item .carousel-caption {
+
     .wrapper .content {
−
        left: 5%;
+
         width: 70% !important;
−
        bottom: 2%;
+
−
         width: 70%;
+
 
     }
 
     }
  
−
     .carousel-item .carousel-caption h1 {
+
     @media only screen and (max-width: 812px) {
−
         font-size: 5em;
+
         .wrapper .sidebar-index {
−
        text-align: left;
+
            width: 70% !important;
−
         color: white !important;
+
          display:block !important;
 +
         }
 +
 
 +
        .wrapper .content {
 +
            width: 30% !important;
 +
        }
 
     }
 
     }
  
−
     .carousel-item .carousel-caption h2 {
+
     .container .col {
−
        font-size: 3em;
+
         text-align: center
−
         text-align: left;
+
−
        mix-blend-mode: multiply;
+
 
     }
 
     }
  
−
     .carousel-item .carousel-caption p {
+
     ul.group-icons {
−
         font-size: 1.5em !important;
+
         display: flex;
−
         text-align: left !important;
+
        justify-content: center;
−
         width: 70%;
+
    }
 +
 
 +
    ul.group-icons li {
 +
         list-style: none;
 +
         margin: 0em .3rem;
 
     }
 
     }
 
</style>
 
</style>
−
<div id="gif-title" class="text-green">
+
<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>
−
<div class="container-fluid">
+
<div class="container mt-2">
 
     <div class="row">
 
     <div class="row">
 
         <div class="col">
 
         <div class="col">
−
             <div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel" data-interval="false">
+
             <h1>Who are we?</h1>
−
                 <ol class="carousel-indicators">
+
            <img class="img-fluid" src="https://static.igem.org/mediawiki/2018/e/e3/T--TecCEM--TeamPhoto.jpg" alt="pic" />
−
                    <li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>
+
            <p class="text"> Photo at the campus. </p>
−
                     <li data-target="#carouselExampleIndicators" data-slide-to="1"></li>
+
            <p class="lead"> iGEM TecCEM 2018 has the honor to present its team of sixteen undergrad students. It is a
−
                     <li data-target="#carouselExampleIndicators" data-slide-to="2"></li>
+
                team of engineering students between 19 and 23 years old who live in the State of Mexico. All the
−
                 </ol>
+
                members are extremely responsible, persevering and they are united by their passion and love for
−
                <div class="carousel-inner">
+
                science. Each member compliments and enriches the team in different areas. They pursue the common goal
−
                    <div class="carousel-item active">
+
                of transcending through science and leaving a legacy that contributes to the progress of society and
−
                        <img class="d-block" src="https://via.placeholder.com/1200x600" alt="First slide">
+
                the improvement of human well-being. </p>
−
                        <div class="carousel-caption d-none d-md-block text-green">
+
        </div>
−
                            <h1>Rodrigo Valencia</h1>
+
    </div>
−
                            <h2>Disque Team leader</h2>
+
</div>
−
                            <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Incidunt mollitia
+
<div class="wrapper team">
−
                                corrupti nihil quidem vitae! Fugiat eos dicta, laudantium officia labore amet
+
    <div class="sidebar-index">
−
                                aperiam quam architecto similique voluptatum quo. A, rerum deserunt?</p>
+
        <div class="card">
−
                        </div>
+
            <img class="card-img-top" src="" alt="">
−
                    </div>
+
            <div class="card-body">
−
                    <div class="carousel-item">
+
                 <h5 class="card-title">Click on a Team Member</h5>
−
                        <img class="d-block" src="https://via.placeholder.com/1200x600" alt="Second slide">
+
                <p class="card-text"></p>
−
                        <div class="carousel-caption d-none d-md-block text-green">
+
            </div>
−
                            <h1>Karla Soto</h1>
+
        </div>
−
                            <h2>Disque PM</h2>
+
    </div>
−
                            <p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Saepe quia quod
+
    <div class="content">
−
                                quisquam amet repellat ducimus asperiores tenetur necessitatibus mollitia
+
        <div class="row teampics">
−
                                aspernatur laboriosam, debitis veritatis delectus fuga, eum corporis
+
            <div class="col-12 col-md-3 mb-3">
−
                                accusantium earum inventore!</p>
+
                <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>
−
                        </div>
+
                <ul class="group-icons">
−
                    </div>
+
                     <li><a href="https://www.facebook.com/totovalencia"><i class="fab fa-facebook-f"></i></a></li>
−
                    <div class="carousel-item">
+
                     <li><a href="https://www.linkedin.com/in/rodrigo-valencia-ocampo-29b10713a/"><i class="fab fa-linkedin-in"></i></a></li>
−
                        <img class="d-block" src="https://via.placeholder.com/1200x600" alt="Third slide">
+
                 </ul>
−
                        <div class="carousel-caption d-none d-md-block text-green">
+
            </div>
−
                            <h1>Joel Lara</h1>
+
            <div class="col-12 col-md-3 mb-3">
−
                            <h2>Ni programa</h2>
+
                <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>
−
                            <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Adipisci voluptatem
+
                <ul class="group-icons">
−
                                animi repellendus deserunt nam qui modi magnam veniam dicta voluptates
+
                    <li><a href="https://www.facebook.com/karlasotob31"><i class="fab fa-facebook-f"></i></a></li>
−
                                doloribus, sequi odit iusto fugiat laudantium voluptate error. Animi, sequi.</p>
+
                    <li><a href="www.linkedin.com/in/ksotoblas"><i class="fab fa-linkedin-in"></i></a></li>
−
                        </div>
+
                </ul>
−
                    </div>
+
            </div>
−
                 </div>
+
            <div class="col-12 col-md-3 mb-3">
−
                 <a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev">
+
                <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>
−
                     <span class="carousel-control-prev-icon" aria-hidden="true"></span>
+
                <ul class="group-icons">
−
                     <span class="sr-only">Previous</span>
+
                    <li><a href="https://www.facebook.com/joellaraquintana"><i class="fab fa-facebook-f"></i></a></li>
−
                 </a>
+
                    <li><a href="https://www.linkedin.com/in/jlaraq/"><i class="fab fa-linkedin-in"></i></a></li>
−
                 <a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next">
+
                </ul>
−
                     <span class="carousel-control-next-icon" aria-hidden="true"></span>
+
            </div>
−
                     <span class="sr-only">Next</span>
+
            <div class="col-12 col-md-3 mb-3">
−
                 </a>
+
                <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>
Line 91: Line 163:
 
</div>
 
</div>
 
<div class="container-fluid">
 
<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="row">
 
         <div class="col">
 
         <div class="col">
−
             <h3>Inspiration</h3>
+
             <div class="card-columns">
−
            <p>You can look at what other teams did to get some inspiration! <br />
+
                <div class="card">
−
                 Here are a few examples:</p>
+
                    <img class="card-img-top" src="https://static.igem.org/mediawiki/2018/b/b0/T--TecCEM--group11.jpg" alt="Card image cap">
−
            <ul>
+
                </div>
−
                 <li><a href="https://2014.igem.org/Team:METU_Turkey_team">2014 METU Turkey </a></li>
+
                 <div class="card">
−
                 <li><a href="https://2014.igem.org/Team:Colombia/Members">2014 Colombia</a></li>
+
                    <img class="card-img-top" src="https://static.igem.org/mediawiki/2018/8/82/T--TecCEM--group6.jpg" alt="Card image cap">
−
                 <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="card">
−
             </ul>
+
                    <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>
 +
  
 
</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