Difference between revisions of "Team:RUM-UPRM/Members"
Claudiamanan (Talk | contribs) |
|||
| (27 intermediate revisions by 3 users not shown) | |||
| Line 1: | Line 1: | ||
{{RUM-UPRM}} | {{RUM-UPRM}} | ||
| + | {{RUM-UPRM/Nav}} | ||
| + | |||
<html lang="en"> | <html lang="en"> | ||
| + | <head> | ||
| + | <meta charset="utf-8"> | ||
| + | <meta name="viewport" content="width=device-width, initial-scale=1"> | ||
| + | <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script> | ||
| + | |||
<style> | <style> | ||
| + | body { | ||
| + | position: relative; | ||
| + | |||
| − | + | } | |
| + | ul.nav-pills { | ||
| + | top: 150px; | ||
| − | + | position: sticky; | |
| + | top: 70px; | ||
| + | margin-left: 4em; | ||
| + | margin-top: 4em; | ||
| + | /*border-radius: 0px 15px 15px 0px;*/ | ||
| + | max-width: 12vw; | ||
| + | overflow-wrap: break-word; | ||
| + | line-height: 1; | ||
| + | overflow: hidden; | ||
| + | } | ||
| − | + | ul.nav { | |
| − | + | position: sticky; | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | <center> | + | } |
| + | div.col-9 div { | ||
| + | height: 500px; | ||
| + | width: 50px; | ||
| + | display: block; | ||
| + | text-decoration: none; | ||
| + | color: var(--dark); | ||
| + | font-size: 1em; | ||
| + | padding-left: 0.6em; | ||
| + | padding-top: 0.5em; | ||
| + | padding-bottom: 0.3em; | ||
| + | padding-right: 0.5em; | ||
| + | font-weight: 400; | ||
| + | position: relative; | ||
| + | z-index: 1; | ||
| + | overflow: hidden; | ||
| + | transition: all 0.5s | ||
| + | } | ||
| + | .sticky { | ||
| + | position: relative; | ||
| + | top: 0; | ||
| + | width: 100%; | ||
| + | } | ||
| + | .myScrollspy { | ||
| + | position: sticky; | ||
| + | top: 70px;.scroll-spy | ||
| + | margin-left: 4em; | ||
| + | margin-top: 4em; | ||
| + | /*border-radius: 0px 15px 15px 0px;*/ | ||
| + | max-width: 12vw; | ||
| + | overflow-wrap: break-word; | ||
| + | line-height: 1; | ||
| + | overflow: hidden; | ||
| + | |||
| + | } | ||
| + | |||
| + | .spy-list>a.selected { | ||
| + | border-left: 3px solid var(--accent2); | ||
| + | transition: all 0.2s; | ||
| + | font-weight: 700; | ||
| + | } | ||
| + | |||
| + | |||
| + | </style> | ||
| + | </head> | ||
| + | <body data-spy="scroll" data-target="#myScrollspy" data-offset="1"> | ||
| + | |||
| + | <div class="container-fluid" style= "background-color:#3BB9FF; height:100px; top: 200px"> | ||
| + | <center><h1>Members</h1></center> | ||
| + | </div> | ||
| + | |||
| + | |||
| + | <div class="container-fluidtwo"> | ||
| + | <div class="row"> | ||
| + | <nav class="col-sm-2 col-3" id="myScrollspy"> | ||
| + | <ul class="nav nav-pills"> | ||
| + | <li class="nav-item"> | ||
| + | <a class="nav-link active" href="#section1">Team Members </a> | ||
| + | </li> | ||
| + | <li class="nav-item"> | ||
| + | <a class="nav-link" href="#section2">Advisors & PI's</a> | ||
| + | </li> | ||
| + | <li class="nav-item"> | ||
| + | <a class="nav-link" href="#section3">Biographies</a> | ||
| + | </li> | ||
| + | </ul> | ||
| + | </nav> | ||
| + | |||
| + | |||
| + | <div class="col-sm-9 col-8; scroll"> <div align="justify"> | ||
| + | <div id="section1"> | ||
| + | <center><h1>Team Members</h1></center> | ||
| + | |||
| + | <center> | ||
<style> | <style> | ||
| Line 113: | Line 200: | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| Line 427: | Line 210: | ||
<h1 class="mx-auto my-0 text-center">The Team</h1> | <h1 class="mx-auto my-0 text-center">The Team</h1> | ||
</div> | </div> | ||
| − | <div class="container" id="gallery" data-toggle="modal" data-target="#exampleModal"> | + | <div class="container" id="gallery"> <!-- data-toggle="modal" data-target="#exampleModal" --> |
<!-- The Team --> | <!-- The Team --> | ||
<div class="row"> | <div class="row"> | ||
| − | <!-- Team Member 1 --> | + | <!-- Team Member 1 [DATA-TARGET="#carouselExample" DATA-SLIDE-TO="#"] --> |
<div class="col-xl-3 col-md-6 mb-4 card border-0 shadow"> | <div class="col-xl-3 col-md-6 mb-4 card border-0 shadow"> | ||
| − | <img src="https://static.igem.org/mediawiki/2020/0/09/T--RUM-UPRM--Claudia3.jpeg" class="card-img-top" alt="... | + | <img src="https://static.igem.org/mediawiki/2020/0/09/T--RUM-UPRM--Claudia3.jpeg" class="card-img-top" alt="..."> |
<div class="card-body"> | <div class="card-body"> | ||
<h5 class="card-title mb-0 text-center">Claudia Mañán Mejías</h5> | <h5 class="card-title mb-0 text-center">Claudia Mañán Mejías</h5> | ||
| Line 441: | Line 224: | ||
</div> | </div> | ||
</div> | </div> | ||
| − | + | ||
<!-- Team Member 2 --> | <!-- Team Member 2 --> | ||
<div class="col-xl-3 col-md-6 mb-4 card border-0 shadow"> | <div class="col-xl-3 col-md-6 mb-4 card border-0 shadow"> | ||
| Line 451: | Line 234: | ||
</div> | </div> | ||
| − | + | ||
<!-- Team Member 3 --> | <!-- Team Member 3 --> | ||
<div class="col-xl-3 col-md-6 mb-4 card border-0 shadow"> | <div class="col-xl-3 col-md-6 mb-4 card border-0 shadow"> | ||
| − | <img src="https://static.igem.org/mediawiki/2020/thumb/9/9d/T--RUM-UPRM--PAU.jpg/600px-T--RUM-UPRM--PAU.jpg" class="card-img-top" alt="... | + | <img src="https://static.igem.org/mediawiki/2020/thumb/9/9d/T--RUM-UPRM--PAU.jpg/600px-T--RUM-UPRM--PAU.jpg" class="card-img-top" alt="..."> |
<div class="card-body"> | <div class="card-body"> | ||
<h5 class="card-title mb-0 text-center">Paula Mañán Mejías</h5> | <h5 class="card-title mb-0 text-center">Paula Mañán Mejías</h5> | ||
| Line 461: | Line 244: | ||
</div> | </div> | ||
| − | + | ||
<!-- Team Member 4 --> | <!-- Team Member 4 --> | ||
<div class="col-xl-3 col-md-6 mb-4 card border-0 shadow"> | <div class="col-xl-3 col-md-6 mb-4 card border-0 shadow"> | ||
| Line 467: | Line 250: | ||
<div class="card-body text-center"> | <div class="card-body text-center"> | ||
<h5 class="card-title mb-0">Andrea Guilloty Rodríguez</h5> | <h5 class="card-title mb-0">Andrea Guilloty Rodríguez</h5> | ||
| − | <div class="card-text text-black-50"> | + | <div class="card-text text-black-50">Financial Director</div> |
</div> | </div> | ||
| Line 635: | Line 418: | ||
<img src="https://static.igem.org/mediawiki/2020/c/c0/T--RUM-UPRM--CARLOSSS.jpg" class="card-img-top" alt="..."> | <img src="https://static.igem.org/mediawiki/2020/c/c0/T--RUM-UPRM--CARLOSSS.jpg" class="card-img-top" alt="..."> | ||
<div class="card-body text-center"> | <div class="card-body text-center"> | ||
| − | <h5 class="card-title mb-0">Carlos Leyva Capote</h5> | + | <h5 class="card-title mb-0">Carlos A. Leyva Capote</h5> |
<div class="card-text text-black-50">Wiki Programmer & Designer</div> | <div class="card-text text-black-50">Wiki Programmer & Designer</div> | ||
</div> | </div> | ||
| Line 642: | Line 425: | ||
</div> | </div> | ||
<!-- /.row --> | <!-- /.row --> | ||
| − | + | </div> | |
| + | |||
| + | <div id="section2"> | ||
| + | <center><h1>Advisors & PI's</h1> </center> | ||
| + | <br></br> <h4>Graduate Advisors</h4> | ||
<div class="row"> | <div class="row"> | ||
<!-- Team Member 21 --> | <!-- Team Member 21 --> | ||
| Line 666: | Line 453: | ||
<!-- /.row --> | <!-- /.row --> | ||
<h4>Primary Investigators</h4> | <h4>Primary Investigators</h4> | ||
| − | + | <center> <div class="row"> | |
<!-- Team Member 23 --> | <!-- Team Member 23 --> | ||
<div class="col-md-3 card border-0 shadow"> | <div class="col-md-3 card border-0 shadow"> | ||
| Line 681: | Line 468: | ||
<div class="card-body text-center"> | <div class="card-body text-center"> | ||
<h5 class="card-title mb-0">Dr. Patricia Ortiz Bermúdez</h5> | <h5 class="card-title mb-0">Dr. Patricia Ortiz Bermúdez</h5> | ||
| − | <div class="card-text text-black-50">Co-Primary Investigator</div> | + | <div class="card-text text-black-50">Co-Primary Investigator</div> </center> |
</div> | </div> | ||
| Line 689: | Line 476: | ||
</div> | </div> | ||
<!-- /.container --> | <!-- /.container --> | ||
| + | </div> | ||
| + | |||
| + | <div id="section3"> | ||
| + | <center> <h1>Biographies</h1> </center> | ||
| − | < | + | <center> |
| − | < | + | |
| − | + | ||
| − | -- | + | <style> |
| − | + | .carousel { | |
| − | + | width: 60%; height:50%; | |
| − | + | } | |
| − | + | ||
| − | + | .carousel-inner > .item > img, | |
| − | + | .carousel-inner > .item > a > img{ | |
| − | + | width: 90; | |
| − | + | margin: auto; | |
| − | + | } | |
| − | + | .container{ | |
| − | + | border: 3px; | |
| − | + | } | |
| − | + | .carousel-control-next, | |
| − | + | .carousel-control-prev { | |
| − | + | filter:invert(100%); | |
| − | + | } | |
| − | + | ol.carousel-indicators { | |
| − | + | position: absolute; | |
| − | + | bottom: 5px; | |
| − | + | margin: 0; | |
| − | + | left: 0; | |
| − | + | right: 0; | |
| − | + | width: auto; | |
| − | + | } | |
| − | + | ||
| − | + | ol.carousel-indicators li, | |
| − | + | ol.carousel-indicators li.active { | |
| − | + | width: 1rem; | |
| − | + | height: 1rem; | |
| − | + | margin: 0; | |
| − | + | border-radius: 50%; | |
| − | + | border: 0; | |
| − | + | background: transparent; | |
| − | + | } | |
| − | + | ||
| − | + | ol.carousel-indicators li { | |
| − | + | background: rgba(192,192,192,0.7); | |
| − | + | margin-left: .5rem; | |
| − | + | margin-right: .5rem; | |
| − | + | } | |
| − | + | ||
| − | + | ol.carousel-indicators li.active { | |
| − | + | background: gray; | |
| − | + | } | |
| − | + | ||
| − | + | ||
| + | |||
| + | </style> | ||
| + | |||
| + | <div id="carouseldir" class="carousel slide" data-ride="carousel" data-interval="false"> | ||
| + | <ol class="carousel-indicators"> | ||
| + | <li data-target="#carouseldir" data-slide-to="0" class="active"></li> | ||
| + | <li data-target="#carouseldir" data-slide-to="1"></li> | ||
| + | <li data-target="#carouseldir" data-slide-to="2"></li> | ||
| + | <li data-target="#carouseldir" data-slide-to="3"></li> | ||
| + | <li data-target="#carouseldir" data-slide-to="4"></li> | ||
| + | <li data-target="#carouseldir" data-slide-to="5"></li> | ||
| + | <li data-target="#carouseldir" data-slide-to="6"></li> | ||
| + | |||
| + | </ol> | ||
| + | <div class="carousel-inner"> | ||
| + | <div class="carousel-item active"> | ||
| + | <img class="d-block w-100" img src="https://static.igem.org/mediawiki/2020/2/26/T--RUM-UPRM--claudia.png" alt="First slide"> | ||
</div> | </div> | ||
| + | <div class="carousel-item"> | ||
| + | <img class="d-block w-100" img src="https://static.igem.org/mediawiki/2020/e/e8/T--RUM-UPRM--LuisM.png" alt="Second slide"> | ||
| + | </div> | ||
| + | <div class="carousel-item"> | ||
| + | <img class="d-block w-100" img src="https://static.igem.org/mediawiki/2020/9/93/T--RUM-UPRM--Paula.png" alt="Third slide"> | ||
| + | </div> | ||
| + | |||
| + | <div class="carousel-item"> | ||
| + | <img class="d-block w-100" img src="https://static.igem.org/mediawiki/2020/d/df/T--RUM-UPRM--natalia.png" alt="Third slide"> | ||
| + | </div> | ||
| + | <div class="carousel-item"> | ||
| + | <img class="d-block w-100" img src="https://static.igem.org/mediawiki/2020/7/7c/T--RUM-UPRM--andrea.png" alt="Second slide"> | ||
| + | </div> | ||
| + | <div class="carousel-item"> | ||
| + | <img class="d-block w-100" img src="https://static.igem.org/mediawiki/2020/7/70/T--RUM-UPRM--elan.png" alt="Second slide"> | ||
| + | </div> | ||
| + | <div class="carousel-item"> | ||
| + | <img class="d-block w-100" img src="https://static.igem.org/mediawiki/2020/b/bd/T--RUM-UPRM--Marieli.png" alt="Second slide"> | ||
| + | </div> | ||
| + | |||
| + | |||
| + | |||
| + | |||
</div> | </div> | ||
| + | <a class="carousel-control-prev" href="#carouseldir" 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="#carouseldir" role="button" data-slide="next"> | ||
| + | <span class="carousel-control-next-icon" aria-hidden="true"></span> | ||
| + | <span class="sr-only">Next</span> | ||
| + | </a> | ||
</div> | </div> | ||
| + | </center> | ||
| + | <center><h2>Executive Board </h2></center> | ||
| + | <br></br> | ||
| − | </ | + | |
| + | <center> | ||
| + | |||
| + | <style> | ||
| + | .carousel { | ||
| + | width: 60%; height:50%; | ||
| + | } | ||
| + | |||
| + | .carousel-inner > .item > img, | ||
| + | .carousel-inner > .item > a > img{ | ||
| + | width: 90; | ||
| + | margin: auto; | ||
| + | } | ||
| + | .container{ | ||
| + | border: 3px; | ||
| + | } | ||
| + | .carousel-control-next, | ||
| + | .carousel-control-prev { | ||
| + | filter:invert(100%); | ||
| + | } | ||
| + | ol.carousel-indicators { | ||
| + | position: absolute; | ||
| + | bottom: 5px; | ||
| + | margin: 0; | ||
| + | left: 0; | ||
| + | right: 0; | ||
| + | width: auto; | ||
| + | } | ||
| + | |||
| + | ol.carousel-indicators li, | ||
| + | ol.carousel-indicators li.active { | ||
| + | width: 1rem; | ||
| + | height: 1rem; | ||
| + | margin: 0; | ||
| + | border-radius: 50%; | ||
| + | border: 0; | ||
| + | background: transparent; | ||
| + | } | ||
| + | |||
| + | ol.carousel-indicators li { | ||
| + | background: rgba(192,192,192,0.7); | ||
| + | margin-left: .5rem; | ||
| + | margin-right: .5rem; | ||
| + | } | ||
| + | |||
| + | ol.carousel-indicators li.active { | ||
| + | background: gray; | ||
| + | } | ||
| + | |||
| + | |||
| + | |||
| + | </style> | ||
| + | |||
| + | <div id="carouselbiol" class="carousel slide" data-ride="carousel" data-interval="false"> | ||
| + | <ol class="carousel-indicators"> | ||
| + | <li data-target="#carouselbiol" data-slide-to="0" class="active"></li> | ||
| + | <li data-target="#carouselbiol" data-slide-to="1"></li> | ||
| + | <li data-target="#carouselbiol" data-slide-to="2"></li> | ||
| + | <li data-target="#carouselbiol" data-slide-to="3"></li> | ||
| + | <li data-target="#carouselbiol" data-slide-to="4"></li> | ||
| + | <li data-target="#carouselbiol" data-slide-to="5"></li> | ||
| + | <li data-target="#carouselbiol" data-slide-to="6"></li> | ||
| + | <li data-target="#carouselbiol" data-slide-to="7"></li> | ||
| + | <li data-target="#carouselbiol" data-slide-to="8"></li> | ||
| + | </ol> | ||
| + | <div class="carousel-inner"> | ||
| + | <div class="carousel-item active"> | ||
| + | <img class="d-block w-100" img src="https://static.igem.org/mediawiki/2020/0/02/T--RUM-UPRM--patricia.png" alt="First slide"> | ||
| + | </div> | ||
| + | <div class="carousel-item"> | ||
| + | <img class="d-block w-100" img src="https://static.igem.org/mediawiki/2020/e/e2/T--RUM-UPRM--elmer.png" alt="Second slide"> | ||
| + | </div> | ||
| + | <div class="carousel-item"> | ||
| + | <img class="d-block w-100" img src="https://static.igem.org/mediawiki/2020/b/be/T--RUM-UPRM--amanda.png" alt="Third slide"> | ||
| + | </div> | ||
| + | |||
| + | <div class="carousel-item"> | ||
| + | <img class="d-block w-100" img src="https://static.igem.org/mediawiki/2020/3/35/T--RUM-UPRM--rigo.png | ||
| + | " alt="Third slide"> | ||
| + | </div> | ||
| + | <div class="carousel-item"> | ||
| + | <img class="d-block w-100" img src="https://static.igem.org/mediawiki/2020/0/0c/T--RUM-UPRM--elimar.png" alt="Second slide"> | ||
| + | </div> | ||
| + | <div class="carousel-item"> | ||
| + | <img class="d-block w-100" img src="https://static.igem.org/mediawiki/2020/6/63/T--RUM-UPRM--miguel.png" alt="Second slide"> | ||
| + | </div> | ||
| + | <div class="carousel-item"> | ||
| + | <img class="d-block w-100" img src="https://static.igem.org/mediawiki/2020/c/ca/T--RUM-UPRM--LuisG.png" alt="Second slide"> | ||
| + | </div> | ||
| + | <div class="carousel-item"> | ||
| + | <img class="d-block w-100" img src="https://static.igem.org/mediawiki/2020/4/43/T--RUM-UPRM--melissa.png" alt="Second slide"> | ||
| + | </div> | ||
| + | <div class="carousel-item"> | ||
| + | <img class="d-block w-100" img src="https://static.igem.org/mediawiki/2020/7/70/T--RUM-UPRM--elan.png" alt="Second slide"> | ||
| + | </div> | ||
| + | |||
| + | |||
| + | |||
| + | |||
| + | </div> | ||
| + | <a class="carousel-control-prev" href="#carouselbiol" 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="#carouselbiol" role="button" data-slide="next"> | ||
| + | <span class="carousel-control-next-icon" aria-hidden="true"></span> | ||
| + | <span class="sr-only">Next</span> | ||
| + | </a> | ||
| + | </div> | ||
| + | </center> | ||
| + | <center><h2>Biology Team </h2></center> | ||
| + | <br></br> | ||
| + | |||
| + | |||
| + | <center> | ||
| + | |||
| + | <style> | ||
| + | .carousel { | ||
| + | width: 60%; height:50%; | ||
| + | } | ||
| + | |||
| + | .carousel-inner > .item > img, | ||
| + | .carousel-inner > .item > a > img{ | ||
| + | width: 90; | ||
| + | margin: auto; | ||
| + | } | ||
| + | .container{ | ||
| + | border: 3px; | ||
| + | } | ||
| + | .carousel-control-next, | ||
| + | .carousel-control-prev { | ||
| + | filter:invert(100%); | ||
| + | } | ||
| + | ol.carousel-indicators { | ||
| + | position: absolute; | ||
| + | bottom: 5px; | ||
| + | margin: 0; | ||
| + | left: 0; | ||
| + | right: 0; | ||
| + | width: auto; | ||
| + | } | ||
| + | |||
| + | ol.carousel-indicators li, | ||
| + | ol.carousel-indicators li.active { | ||
| + | width: 1rem; | ||
| + | height: 1rem; | ||
| + | margin: 0; | ||
| + | border-radius: 50%; | ||
| + | border: 0; | ||
| + | background: transparent; | ||
| + | } | ||
| + | |||
| + | ol.carousel-indicators li { | ||
| + | background: rgba(192,192,192,0.7); | ||
| + | margin-left: .5rem; | ||
| + | margin-right: .5rem; | ||
| + | } | ||
| + | |||
| + | ol.carousel-indicators li.active { | ||
| + | background: gray; | ||
| + | } | ||
| + | |||
| + | |||
| + | |||
| + | </style> | ||
| + | |||
| + | <div id="carouselinge" class="carousel slide" data-ride="carousel" data-interval="false"> | ||
| + | <ol class="carousel-indicators"> | ||
| + | <li data-target="#carouselinge" data-slide-to="0" class="active"></li> | ||
| + | <li data-target="#carouselinge" data-slide-to="1"></li> | ||
| + | <li data-target="#carouselinge" data-slide-to="2"></li> | ||
| + | <li data-target="#carouseldir" data-slide-to="3"></li> | ||
| + | |||
| + | |||
| + | </ol> | ||
| + | <div class="carousel-inner"> | ||
| + | <div class="carousel-item active"> | ||
| + | <img class="d-block w-100" img src="https://static.igem.org/mediawiki/2020/e/e9/T--RUM-UPRM--mariela.png" alt="First slide"> | ||
| + | </div> | ||
| + | <div class="carousel-item"> | ||
| + | <img class="d-block w-100" img src="https://static.igem.org/mediawiki/2020/d/df/T--RUM-UPRM--natalia.png" alt="Second slide"> | ||
| + | </div> | ||
| + | <div class="carousel-item"> | ||
| + | <img class="d-block w-100" img src="https://static.igem.org/mediawiki/2020/2/26/T--RUM-UPRM--claudia.png" alt="Third slide"> | ||
| + | </div> | ||
| + | |||
| + | <div class="carousel-item"> | ||
| + | <img class="d-block w-100" img src="https://static.igem.org/mediawiki/2020/a/ac/T--RUM-UPRM--Carlos.png" alt="Third slide"> | ||
| + | </div> | ||
| + | |||
| + | |||
| + | |||
| + | </div> | ||
| + | <a class="carousel-control-prev" href="#carouselinge" 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="#carouselinge" role="button" data-slide="next"> | ||
| + | <span class="carousel-control-next-icon" aria-hidden="true"></span> | ||
| + | <span class="sr-only">Next</span> | ||
| + | </a> | ||
| + | </div> | ||
| + | </center> | ||
| + | <center><h2>Engineering Team </h2></center> | ||
| + | <br></br> | ||
| + | |||
| + | <center> | ||
| + | |||
| + | <style> | ||
| + | .carousel { | ||
| + | width: 60%; height:50%; | ||
| + | } | ||
| + | |||
| + | .carousel-inner > .item > img, | ||
| + | .carousel-inner > .item > a > img{ | ||
| + | width: 90; | ||
| + | margin: auto; | ||
| + | } | ||
| + | .container{ | ||
| + | border: 3px; | ||
| + | } | ||
| + | .carousel-control-next, | ||
| + | .carousel-control-prev { | ||
| + | filter:invert(100%); | ||
| + | } | ||
| + | ol.carousel-indicators { | ||
| + | position: absolute; | ||
| + | bottom: 5px; | ||
| + | margin: 0; | ||
| + | left: 0; | ||
| + | right: 0; | ||
| + | width: auto; | ||
| + | } | ||
| + | |||
| + | ol.carousel-indicators li, | ||
| + | ol.carousel-indicators li.active { | ||
| + | width: 1rem; | ||
| + | height: 1rem; | ||
| + | margin: 0; | ||
| + | border-radius: 50%; | ||
| + | border: 0; | ||
| + | background: transparent; | ||
| + | } | ||
| + | |||
| + | ol.carousel-indicators li { | ||
| + | background: rgba(192,192,192,0.7); | ||
| + | margin-left: .5rem; | ||
| + | margin-right: .5rem; | ||
| + | } | ||
| + | |||
| + | ol.carousel-indicators li.active { | ||
| + | background: gray; | ||
| + | } | ||
| + | |||
| + | |||
| + | |||
| + | </style> | ||
| + | |||
| + | <div id="carouselsocial" class="carousel slide" data-ride="carousel" data-interval="false"> | ||
| + | <ol class="carousel-indicators"> | ||
| + | <li data-target="#carouselsocial" data-slide-to="0" class="active"></li> | ||
| + | <li data-target="#carouselsocial" data-slide-to="1"></li> | ||
| + | <li data-target="#carouselsocial" data-slide-to="2"></li> | ||
| + | |||
| + | |||
| + | |||
| + | </ol> | ||
| + | <div class="carousel-inner"> | ||
| + | <div class="carousel-item active"> | ||
| + | <img class="d-block w-100" img src="https://static.igem.org/mediawiki/2020/d/d1/T--RUM-UPRM--gabriela.png" alt="First slide"> | ||
| + | </div> | ||
| + | <div class="carousel-item"> | ||
| + | <img class="d-block w-100" img src="https://static.igem.org/mediawiki/2020/3/3b/T--RUM-UPRM--emily.png" alt="Second slide"> | ||
| + | </div> | ||
| + | <div class="carousel-item"> | ||
| + | <img class="d-block w-100" img src="https://static.igem.org/mediawiki/2020/c/cb/T--RUM-UPRM--ana.png" alt="Third slide"> | ||
| + | </div> | ||
| + | |||
| + | |||
| + | |||
| + | |||
| + | |||
| + | </div> | ||
| + | <a class="carousel-control-prev" href="#carouselsocial" 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="#carouselsocial" role="button" data-slide="next"> | ||
| + | <span class="carousel-control-next-icon" aria-hidden="true"></span> | ||
| + | <span class="sr-only">Next</span> | ||
| + | </a> | ||
| + | </div> | ||
| + | </center> | ||
| + | <center><h2>Social Impact Team </h2></center> | ||
| + | <br></br> | ||
| + | |||
| + | <center> | ||
| + | |||
| + | <style> | ||
| + | .carousel { | ||
| + | width: 60%; height:50%; | ||
| + | } | ||
| + | |||
| + | .carousel-inner > .item > img, | ||
| + | .carousel-inner > .item > a > img{ | ||
| + | width: 90; | ||
| + | margin: auto; | ||
| + | } | ||
| + | .container{ | ||
| + | border: 3px; | ||
| + | } | ||
| + | .carousel-control-next, | ||
| + | .carousel-control-prev { | ||
| + | filter:invert(100%); | ||
| + | } | ||
| + | ol.carousel-indicators { | ||
| + | position: absolute; | ||
| + | bottom: 5px; | ||
| + | margin: 0; | ||
| + | left: 0; | ||
| + | right: 0; | ||
| + | width: auto; | ||
| + | } | ||
| + | |||
| + | ol.carousel-indicators li, | ||
| + | ol.carousel-indicators li.active { | ||
| + | width: 1rem; | ||
| + | height: 1rem; | ||
| + | margin: 0; | ||
| + | border-radius: 50%; | ||
| + | border: 0; | ||
| + | background: transparent; | ||
| + | } | ||
| + | |||
| + | ol.carousel-indicators li { | ||
| + | background: rgba(192,192,192,0.7); | ||
| + | margin-left: .5rem; | ||
| + | margin-right: .5rem; | ||
| + | } | ||
| + | |||
| + | ol.carousel-indicators li.active { | ||
| + | background: gray; | ||
| + | } | ||
| + | |||
| + | |||
| + | |||
| + | </style> | ||
| + | |||
| + | <div id="carouselad" class="carousel slide" data-ride="carousel" data-interval="false"> | ||
| + | <ol class="carousel-indicators"> | ||
| + | <li data-target="#carouselad" data-slide-to="0" class="active"></li> | ||
| + | <li data-target="#carouselad" data-slide-to="1"></li> | ||
| + | |||
| + | |||
| + | |||
| + | |||
| + | </ol> | ||
| + | <div class="carousel-inner"> | ||
| + | <div class="carousel-item active"> | ||
| + | <img class="d-block w-100" img src="https://static.igem.org/mediawiki/2020/8/80/T--RUM-UPRM--VictorbioOFICIAL.png" alt="First slide"> | ||
| + | </div> | ||
| + | <div class="carousel-item"> | ||
| + | <img class="d-block w-100" img src="https://static.igem.org/mediawiki/parts/b/bc/T--RUM-UPRM--alejandro24.png" alt="Second slide"> | ||
| + | </div> | ||
| + | |||
| + | |||
| + | |||
| + | |||
| + | |||
| + | |||
| + | </div> | ||
| + | <a class="carousel-control-prev" href="#carouselad" 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="#carouselad" role="button" data-slide="next"> | ||
| + | <span class="carousel-control-next-icon" aria-hidden="true"></span> | ||
| + | <span class="sr-only">Next</span> | ||
| + | </a> | ||
| + | </div> | ||
| + | </center> | ||
| + | <center><h2>Graduate Advisors </h2></center> | ||
| + | <br></br> | ||
| + | |||
| + | <center> | ||
| + | |||
| + | <style> | ||
| + | .carousel { | ||
| + | width: 60%; height:50%; | ||
| + | } | ||
| + | |||
| + | .carousel-inner > .item > img, | ||
| + | .carousel-inner > .item > a > img{ | ||
| + | width: 90; | ||
| + | margin: auto; | ||
| + | } | ||
| + | .container{ | ||
| + | border: 3px; | ||
| + | } | ||
| + | .carousel-control-next, | ||
| + | .carousel-control-prev { | ||
| + | filter:invert(100%); | ||
| + | } | ||
| + | ol.carousel-indicators { | ||
| + | position: absolute; | ||
| + | bottom: 5px; | ||
| + | margin: 0; | ||
| + | left: 0; | ||
| + | right: 0; | ||
| + | width: auto; | ||
| + | } | ||
| + | |||
| + | ol.carousel-indicators li, | ||
| + | ol.carousel-indicators li.active { | ||
| + | width: 1rem; | ||
| + | height: 1rem; | ||
| + | margin: 0; | ||
| + | border-radius: 50%; | ||
| + | border: 0; | ||
| + | background: transparent; | ||
| + | } | ||
| + | |||
| + | ol.carousel-indicators li { | ||
| + | background: rgba(192,192,192,0.7); | ||
| + | margin-left: .5rem; | ||
| + | margin-right: .5rem; | ||
| + | } | ||
| + | |||
| + | ol.carousel-indicators li.active { | ||
| + | background: gray; | ||
| + | } | ||
| + | |||
| + | |||
| + | |||
| + | </style> | ||
| + | |||
| + | <div id="carouselpi" class="carousel slide" data-ride="carousel" data-interval="false"> | ||
| + | <ol class="carousel-indicators"> | ||
| + | <li data-target="#carouselpi" data-slide-to="0" class="active"></li> | ||
| + | <li data-target="#carouselpi" data-slide-to="1"></li> | ||
| + | |||
| + | |||
| + | |||
| + | |||
| + | </ol> | ||
| + | <div class="carousel-inner"> | ||
| + | <div class="carousel-item active"> | ||
| + | <img class="d-block w-100" img src="https://static.igem.org/mediawiki/parts/9/96/T--RUM-UPRM--Dr.Rios21.png" alt="First slide"> | ||
| + | </div> | ||
| + | <div class="carousel-item"> | ||
| + | <img class="d-block w-100" img src="https://static.igem.org/mediawiki/2020/c/c7/T--RUM-UPRM--Victorbio.png" alt="Second slide"> | ||
| + | </div> | ||
| + | |||
| + | |||
| + | |||
| + | |||
| + | |||
| + | |||
| + | </div> | ||
| + | <a class="carousel-control-prev" href="#carouselpi" 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="#carouselpi" role="button" data-slide="next"> | ||
| + | <span class="carousel-control-next-icon" aria-hidden="true"></span> | ||
| + | <span class="sr-only">Next</span> | ||
| + | </a> | ||
| + | </div> | ||
| + | </center> | ||
| + | </div> | ||
| + | |||
| + | </div> | ||
| + | </div> | ||
| + | </div> | ||
| + | </div> | ||
| + | </div> | ||
| + | <center><h2>Principal Investigators</h2></center> | ||
| + | <br></br> | ||
| + | <script> | ||
| + | window.onscroll = function() {myFunction()}; | ||
| + | |||
| + | var myScrollspy = document.getElementById("myScrollspy"); | ||
| + | var sticky = myScrollspy.offsetTop+70px; | ||
| + | |||
| + | function myFunction() { | ||
| + | if (window.pageYOffset >= sticky) { | ||
| + | myScrollspy.classList.add("sticky") | ||
| + | } else { | ||
| + | myScrollspy.classList.remove("sticky"); | ||
| + | } | ||
| + | } | ||
| + | </script>
| ||
| + | </body> | ||
</html> | </html> | ||
| + | |||
| + | {{RUM-UPRM/Footer}} | ||
Latest revision as of 04:00, 28 October 2020
Members
Team Members
The Team
Claudia Mañán Mejías
President & Engineering Team
Luis Montalvo González
Vice-President
Paula Mañán Mejías
Research Director
Andrea Guilloty Rodríguez
Financial Director
Elan Reynoso Jiménez
Secretary & Biology Team
Marieli Ruiz Cortés
Marketing Director
Natalia Ortiz Rivera
Networking Director & Engineering Team
Patricia Colom Díaz
Biology Team Leader
Luis García Cruz
Biology Team
Elimar Uzcátegui Calderón
Biology Team
Elmer Ortiz Márquez
Biology Team
Melissa Cabrera Ruiz
Biology Team
Miguel Rodríguez Anavitate
Biology Team
Amanda Ríos
Biology Team
Rigo Espiña Santiago
Biology Team
Gabriela Otero Andino
Social Impact Leader
Emily Echevarría Pérez
Social Impact
Ana Santiago Russe
Social Impact
Mariela Rodríguez Otero
Engineering Team Leader
Carlos A. Leyva Capote
Wiki Programmer & Designer
Advisors & PI's
Graduate Advisors
Alejandro J. Mercado Capote
Graduate Student Advisor
Victor O. López Ramirez
Graduate Student Advisor
Primary Investigators
Dr. Carlos Ríos Velázquez
Co-Primary Investigator
Dr. Patricia Ortiz Bermúdez
Co-Primary Investigator
Principal Investigators