Difference between revisions of "Team:TecCEM/Team"

Line 2: Line 2:
 
<html>
 
<html>
 
<style>
 
<style>
−
     .carousel-item img {
+
     .wrapper .content .row.teampics a {
−
         max-height: 50vh;
+
         display: block;
−
         width: auto !important;
+
         cursor: pointer;
−
        margin-left: auto;
+
−
        max-width: 100% !important;
+
 
     }
 
     }
  
−
     .carousel-item .carousel-caption {
+
     .wrapper .sidebar-index {
−
        left: 5%;
+
         width: 30% !important;
−
        bottom: 2%;
+
−
         width: 100%;
+
 
     }
 
     }
  
−
     .carousel-item .carousel-caption h1 {
+
     .wrapper .content {
−
        text-align: left;
+
         width: 70% !important;
−
        color: white !important;
+
−
    }
+
−
 
+
−
    .carousel-item .carousel-caption h2 {
+
−
        text-align: left;
+
−
        mix-blend-mode: multiply;
+
−
    }
+
−
 
+
−
    .carousel-item .carousel-caption p {
+
−
        text-align: left !important;
+
−
         width: 70%;
+
−
    }
+
−
 
+
−
    .carousel-control-next-icon,
+
−
    .carousel-control-prev-icon {
+
−
        background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E") no-repeat;
+
−
        width: 40px !important;
+
−
        height: 40px;
+
−
    }
+
−
 
+
−
    .carousel-control-prev,
+
−
    .carousel-control-next {
+
−
        width: 5%;
+
−
    }
+
−
 
+
−
    .carousel-control-prev-icon {
+
−
        transform: rotate(-180deg);
+
 
     }
 
     }
 
</style>
 
</style>
Line 54: Line 23:
 
         <div class="col">
 
         <div class="col">
 
             <h1>Who are we?</h1>
 
             <h1>Who are we?</h1>
−
              <img 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" />
+
            <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"
−
                <p class="text"> Photo at the campus. </p>
+
                alt="pic" />
−
                  <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>
+
            <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>
 
</div>
 
</div>
−
<div class="container-fluid">
+
<div class="wrapper team">
−
     <div class="row">
+
     <div class="sidebar-index">
−
         <div class="col">
+
         <div class="card">
−
             <div id="carouselTeamMembers" class="carousel slide" data-ride="carousel" data-interval="false">
+
             <img class="card-img-top" src="https://via.placeholder.com/400x400" alt="Card image cap">
−
                <ol class="carousel-indicators">
+
            <div class="card-body">
−
                    <li data-target="#carouselTeamMembers" data-slide-to="0" class="active"></li>
+
                <h5 class="card-title">Click on a Team Member</h5>
−
                    <li data-target="#carouselTeamMembers" data-slide-to="1"></li>
+
                <p class="card-text">Some quick example text to build on the card title and make up the bulk of the
−
                    <li data-target="#carouselTeamMembers" data-slide-to="2"></li>
+
                     card's content.</p>
−
                </ol>
+
−
                <div class="carousel-inner">
+
−
                    <div class="carousel-item active">
+
−
                        <img class="d-block" src="https://scontent.fmex3-1.fna.fbcdn.net/v/t1.0-9/33338880_1683613158425346_5271254624131612672_n.jpg?_nc_cat=106&oh=09f6f2cce31fba0287fac0cfcc757761&oe=5C4FFC01" alt="First slide">
+
−
                        <div class="carousel-caption d-none d-lg-block text-team">
+
−
                            <h1>Rodrigo Valencia </h1>
+
−
                            <h2>Team leader.</h2>
+
−
                            <p class="lead">Rodrigo Valencia is the team leader. He is 21 years old and he is in the seventh semester of Biotechnology Engineering. He likes to read, play video games, everything that has to do with the cosmos.
+
−
</p>
+
−
                        </div>
+
−
                    </div>
+
−
                    <div class="carousel-item">
+
−
                        <img class="d-block" src="https://scontent.fmex3-1.fna.fbcdn.net/v/t1.0-9/33478346_1684807141639281_6684740537477496832_n.jpg?_nc_cat=103&oh=4994ef243ffeba6644e26faa229b13a5&oe=5C5119A7" alt="Second slide">
+
−
                        <div class="carousel-caption d-none d-lg-block text-team">
+
−
                            <h1>Karla Soto </h1>
+
−
                            <h2>Project manager </h2>
+
−
                            <p class="lead">Karla Soto is the project manager. She is 21 years old and she is in the seventh semester of Biotechnology Engineering. She likes to read, the theatre and everything that has to do with the arts.
+
−
</p>
+
−
                        </div>
+
−
                    </div>
+
−
                    <div class="carousel-item">
+
−
                        <img class="d-block" src="https://scontent.fmex3-1.fna.fbcdn.net/v/t1.0-9/33940223_1687866051333390_7478683757747109888_n.jpg?_nc_cat=102&oh=4f8281dd8de4d26d244602a99a878bac&oe=5C5C9A7D" alt="Third slide">
+
−
                        <div class="carousel-caption d-none d-lg-block text-team">
+
−
                            <h1>Raúl García</h1>
+
−
                            <h2>Lab manager</h2>
+
−
                            <p class="lead">Raúl García is the laboratory manager. He is 20 years old and he is in the seventh semester of Biotechnology Engineering. He loves to learn more about his career.
+
−
</p>
+
−
                        </div>
+
−
                    </div>
+
−
<div class="carousel-item">
+
−
                        <img class="d-block" src="https://scontent.fmex3-1.fna.fbcdn.net/v/t1.0-9/33865517_1688269147959747_3138768928914800640_n.jpg?_nc_cat=104&oh=737313b36d3b5129384a6b46840983d9&oe=5C60ABBC" alt="Fourth slide">
+
−
                        <div class="carousel-caption d-none d-lg-block text-team">
+
−
                            <h1>Pamela Jiménez</h1>
+
−
                            <h2> paigem's author</h2>
+
−
                            <p class="lead">Pamela Jiménez is part of the protein design team. She is 21 years old and she is in the seventh semester of Biotechnology Engineering. She loves her career and that is why she is always trying to learn new things. </p>
+
−
                        </div>
+
−
                    </div>
+
−
<div class="carousel-item">
+
−
                        <img class="d-block" src="https://scontent.fmex3-1.fna.fbcdn.net/v/t1.0-9/33871853_1688985081221487_2578346108480651264_n.jpg?_nc_cat=108&oh=82b476b482021617a1047c57b8afdba2&oe=5C4B1728" alt="Fifth slide">
+
−
                        <div class="carousel-caption d-none d-lg-block text-team">
+
−
                            <h1>María José Ugarte</h1>
+
−
                            <h2>Es majito :v</h2>
+
−
                            <p class="lead">María José Ugarte is part of the protein design team. She is 21 years old and she is in the seventh semester of Biotechnology Engineering. She loves the applications that her career can reach and learn about new technologies.
+
−
</p>
+
−
                        </div>
+
−
                    </div>
+
−
<div class="carousel-item">
+
−
                        <img class="d-block" src="https://scontent.fmex3-1.fna.fbcdn.net/v/t1.0-9/34036910_1689243664528962_3922714912723304448_n.jpg?_nc_cat=101&oh=0037dc26192ae243599f532231dfb723&oe=5C4D040D" alt="Sixth slide">
+
−
                        <div class="carousel-caption d-none d-lg-block text-team">
+
−
                            <h1>Chantal Ravelo</h1>
+
−
                            <h2>Mille and Raúl's bootycall (it's complicated)</h2>
+
−
                            <p class="lead">Shantal Ravelo is in charge of the logistics area. She's 20 years old. She loves chai tea and being in the lab. She loves to play tennis. Furthermore, she adores cooking, reading and learning new languages.
+
−
</p>
+
−
                        </div>
+
−
                    </div>
+
−
<div class="carousel-item">
+
−
                        <img class="d-block" src="https://scontent.fmex3-1.fna.fbcdn.net/v/t1.0-9/34018400_1689925994460729_4458299786960830464_n.jpg?_nc_cat=110&oh=5287f8892158ff0b755fde6edbfd51f7&oe=5C4EA4C6" alt="Seventh slide">
+
−
                        <div class="carousel-caption d-none d-lg-block text-team">
+
−
                            <h1>Alejandro Mejorada</h1>
+
−
                            <h2>Dis nigga cool</h2>
+
−
                            <p class="lead">Alejandro Mejorada is part of the theoretical analysis team. He is 22 years old and it’s his third semester of Biotechnology Engineering. He decided to enter the science world because of his chemistry class back in his high school.
+
−
</p>
+
−
                        </div>
+
−
                    </div>
+
−
<div class="carousel-item">
+
−
                        <img class="d-block" src="https://scontent.fmex3-1.fna.fbcdn.net/v/t1.0-9/34133620_1690317631088232_8120534858851155968_n.jpg?_nc_cat=103&oh=fac56ec6767972f61e9c7f379e3d7b8c&oe=5C630103" alt="Eighth slide">
+
−
                        <div class="carousel-caption d-none d-lg-block text-team">
+
−
                            <h1>Ariadna Vazquez </h1>
+
−
                            <h2>Mille's crush and eternal love (sometimes) </h2>
+
−
                            <p class="lead">Ariadna Vázquez is part of the protein designer team. She is 19 years old and it’s her third semester of Biotechnology Engineering. She loves dancing and swimming.
+
−
</p>
+
−
                        </div>
+
−
                     </div>
+
−
<div class="carousel-item">
+
−
                        <img class="d-block" src="https://scontent.fmex3-1.fna.fbcdn.net/v/t1.0-9/33753535_1691476794305649_8259436545040187392_n.jpg?_nc_cat=109&oh=3c86f4e44ac28248644da9335feec30d&oe=5C4C00E0" alt="Ninth slide">
+
−
                        <div class="carousel-caption d-none d-lg-block text-team">
+
−
                            <h1>Arantxa Karam</h1>
+
−
                            <h2>Ari :)</h2>
+
−
                            <p class="lead">Arantxa Karam is part of the protein design team. She is 19 years old and she is in the seventh semester of Biotechnology Engineering. She likes reading novels, ice skating, cold climates and landscapes, especially forests.
+
−
</p>
+
−
                        </div>
+
−
                    </div>
+
−
<div class="carousel-item">
+
−
                        <img class="d-block" src="https://scontent.fmex3-1.fna.fbcdn.net/v/t1.0-9/33995656_1691039714349357_7794125131130863616_n.jpg?_nc_cat=109&oh=05c442c66174b458fac999aeec26a09d&oe=5C503F5D" alt="Tenth slide">
+
−
                        <div class="carousel-caption d-none d-lg-block text-team">
+
−
                            <h1>Uriel Ortega</h1>
+
−
                            <h2>Nigga fights with Mille...a lot</h2>
+
−
                            <p class="lead">Uriel Ortega is part of the theoretical analysis team. He is 20 years old and he is coursing the fifth semester of Biotechnology Engineering. He is a young dreamer, lover of ideals and the way to carry them out.
+
−
</p>
+
−
                        </div>
+
−
                    </div>
+
−
<div class="carousel-item">
+
−
                        <img class="d-block" src="https://scontent.fmex3-1.fna.fbcdn.net/v/t1.0-9/34458477_1697104850409510_6449650060807372800_n.jpg?_nc_cat=107&oh=834388e8a5be5762e1962cd677d471e4&oe=5C47DBF5" alt="Eleventh slide">
+
−
                        <div class="carousel-caption d-none d-lg-block text-team">
+
−
                            <h1>Joel Lara</h1>
+
−
                            <h2>Ni programa</h2>
+
−
                            <p class="lead">Joel Lara is part of the software team. Joel is a driven man that loves knowledge. His area of expertise is computer science and he is interested in AI applied to computational biology. He loves math, especially discrete mathematics.
+
−
</p>
+
−
                        </div>
+
−
                    </div>
+
−
<div class="carousel-item">
+
−
                        <img class="d-block" src="https://scontent.fmex3-1.fna.fbcdn.net/v/t1.0-9/34086989_1692271984226130_7494218946514518016_n.jpg?_nc_cat=102&oh=d0f79ac2f30082535f7d540683b1e45f&oe=5C5DB65C" alt="Twelfth slide">
+
−
                        <div class="carousel-caption d-none d-lg-block text-team">
+
−
                            <h1>Edgar Contreras</h1>
+
−
                            <h2>Bien pitudo</h2>
+
−
                            <p class="lead">Edgar Contreras is the team's chemist. He is 21 years old and is in his fifth semester of Chemical Engineering. His interests include activities such as piano, sculpture, contact sports in general, horror and action films.
+
−
</p>
+
−
                        </div>
+
−
                    </div>
+
−
<div class="carousel-item">
+
−
                        <img class="d-block" src="https://scontent.fmex3-1.fna.fbcdn.net/v/t1.0-9/34384058_1695450230574972_6573273208294735872_n.jpg?_nc_cat=107&oh=78ce436e9f323a0d6400fb2798f45c04&oe=5C4EBA9C" alt="Thirteenth slide">
+
−
                        <div class="carousel-caption d-none d-lg-block text-team">
+
−
                            <h1>Rodrigo David </h1>
+
−
                            <h2>Hiiiiiiijo de la verga</h2>
+
−
                            <p class="lead">Rodrigo David is part of the theoretical analysis team. He is 19 years old and is studying the third semester of the Biotechnology Engineering. He has always been passionate about science, especially the biology behind every living being.
+
−
</p>
+
−
                        </div>
+
−
                    </div>
+
−
<div class="carousel-item">
+
−
                        <img class="d-block" src="https://scontent.fmex3-1.fna.fbcdn.net/v/t1.0-9/34504426_1695820887204573_6724295837653925888_n.jpg?_nc_cat=106&oh=7ebe0ca12d03fb63adc11a94d075eb6d&oe=5C5377F0" alt="Fourteenth slide">
+
−
                        <div class="carousel-caption d-none d-lg-block text-team">
+
−
                            <h1>Armando Cortés</h1>
+
−
                            <h2>Protein Designer</h2>
+
−
                            <p class="lead">Armando Cortés is part of the protein design team. He is 19 years old and he is in the fifth semester of Biotechnology Engineering. His favorite things are music and sports.
+
−
</p>
+
−
                        </div>
+
−
                    </div>
+
−
<div class="carousel-item">
+
−
                        <img class="d-block" src="https://scontent.fmex3-1.fna.fbcdn.net/v/t1.0-9/35634041_1717050208414974_5978229674394779648_n.jpg?_nc_cat=111&oh=3f36ef5bd31470c6c1253083c6a07349&oe=5C1584C3" alt="Fifteenth slide">
+
−
                        <div class="carousel-caption d-none d-lg-block text-team">
+
−
                            <h1>Juan Carlos Rueda </h1>
+
−
                            <h2>igemer since 1985</h2>
+
−
                            <p class="lead">Juan Carlos Rueda Silva is the specialist in Bioinformatics. He is 20 years old and is studying the fifth semester of Biotechnology Engineering. He is a very responsible and intelligent person.
+
−
</p>
+
−
                        </div>
+
−
                    </div>
+
−
<div class="carousel-item">
+
−
                        <img class="d-block" src="https://scontent.fmex3-1.fna.fbcdn.net/v/t1.0-9/35786385_1718817901571538_1687388145454153728_n.jpg?_nc_cat=106&oh=a1ced7d72034efba69fe57a1a5c75508&oe=5C428F91" alt="Sixteenth slide">
+
−
                        <div class="carousel-caption d-none d-lg-block text-team">
+
−
                            <h1>Santiago Mille </h1>
+
−
                            <h2>Chantal, Uriel and Ari's Sugar Daddy :* </h2>
+
−
                            <p class="lead">Santiago Mille is the hardware and software designer. He is currently majoring in Digital Systems & Robotics Engineering. He is very happy and optimistic. The things he loves the most are his cat, traveling and visiting new places.
+
−
</p>
+
−
                        </div>
+
−
                    </div>
+
−
                </div>
+
−
                <a class="carousel-control-prev" href="#carouselTeamMembers" role="button" data-slide="prev">
+
−
                    <span class="carousel-control-prev-icon" aria-hidden="true"></span>
+
−
                    <span class="sr-only">Previous</span>
+
−
                </a>
+
−
                <a class="carousel-control-next" href="#carouselTeamMembers" role="button" data-slide="next">
+
−
                    <span class="carousel-control-next-icon" aria-hidden="true"></span>
+
−
                    <span class="sr-only">Next</span>
+
−
                </a>
+
 
             </div>
 
             </div>
 
         </div>
 
         </div>
 
     </div>
 
     </div>
−
</div>
+
     <div class="content">
−
<div class="container">
+
         <div class="row teampics">
−
     <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>Primary Instructors</h1>
+
            </div>
−
            <p class="lead">Lorem ipsum dolor sit amet consectetur adipisicing elit. Atque quo delectus, alias debitis
+
            <div class="col">
−
                quasi
+
                <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>
−
                doloremque
+
            </div>
−
                modi earum beatae fugiat, animi rem cum ut impedit quas necessitatibus illo esse ratione voluptate!</p>
+
            <div class="col">
−
        </div>
+
                <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>
−
    </div>
+
            </div>
−
</div>
+
            <div class="col">
−
<div class="container-fluid mb-5">
+
                 <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>
−
    <div class="row">
+
−
        <div class="col">
+
−
            <div id="carouselAdvisors" class="carousel slide" data-ride="carousel" data-interval="false">
+
−
                 <ol class="carousel-indicators">
+
−
                    <li data-target="#carouselAdvisors" data-slide-to="0" class="active"></li>
+
−
                    <li data-target="#carouselAdvisors" data-slide-to="1"></li>
+
−
                    <li data-target="#carouselAdvisors" data-slide-to="2"></li>
+
−
                </ol>
+
−
                <div class="carousel-inner">
+
−
                    <div class="carousel-item active">
+
−
                        <img class="d-block" src="https://via.placeholder.com/1200x600" alt="First slide">
+
−
                        <div class="carousel-caption d-none d-lg-block text-team">
+
−
                            <h1>Jaqueline Oliva</h1>
+
−
                            <h2>MsC </h2>
+
−
                            <p class="lead">Lorem ipsum dolor sit amet consectetur adipisicing elit. Incidunt mollitia
+
−
                                corrupti nihil quidem vitae! Fugiat eos dicta, laudantium officia labore amet
+
−
                                aperiam quam architecto similique voluptatum quo. A, rerum deserunt?</p>
+
−
                        </div>
+
−
                    </div>
+
−
                    <div class="carousel-item">
+
−
                        <img class="d-block" src="https://via.placeholder.com/1200x600" alt="Second slide">
+
−
                        <div class="carousel-caption d-none d-lg-block text-team">
+
−
                            <h1>Ana Laura Torres</h1>
+
−
                            <h2>PhD</h2>
+
−
                            <p class="lead">Lorem ipsum dolor sit amet consectetur, adipisicing elit. Saepe quia quod
+
−
                                quisquam amet repellat ducimus asperiores tenetur necessitatibus mollitia
+
−
                                aspernatur laboriosam.</p>
+
−
                        </div>
+
−
                    </div>
+
−
                    <div class="carousel-item">
+
−
                        <img class="d-block" src="https://via.placeholder.com/1200x600" alt="Third slide">
+
−
                        <div class="carousel-caption d-none d-lg-block text-team">
+
−
                            <h1>Juan Carlos Amador </h1>
+
−
                            <h2>PhD</h2>
+
−
                            <p class="lead">Lorem ipsum dolor sit amet consectetur adipisicing elit. Adipisci
+
−
                                voluptatem
+
−
                                animi repellendus deserunt nam qui modi magnam veniam dicta voluptates
+
−
                                doloribus, sequi odit iusto fugiat laudantium voluptate error. Animi, sequi.</p>
+
−
                        </div>
+
−
                    </div>
+
−
                </div>
+
−
                 <a class="carousel-control-prev" href="#carouselAdvisors" role="button" data-slide="prev">
+
−
                    <span class="carousel-control-prev-icon" aria-hidden="true"></span>
+
−
                    <span class="sr-only">Previous</span>
+
−
                </a>
+
−
                <a class="carousel-control-next" href="#carouselAdvisors" role="button" data-slide="next">
+
−
                    <span class="carousel-control-next-icon" aria-hidden="true"></span>
+
−
                    <span class="sr-only">Next</span>
+
−
                </a>
+
 
             </div>
 
             </div>
 
         </div>
 
         </div>
 
     </div>
 
     </div>
 
</div>
 
</div>
−
 
 
</html>
 
</html>
 
{{TecCEM/Footer}}
 
{{TecCEM/Footer}}
 +
{{TecCEM/JsTeam}}

Revision as of 21:21, 14 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.

Card image cap
Click on a Team Member

Some quick example text to build on the card title and make up the bulk of the card's content.