Difference between revisions of "Team:RUM-UPRM/Members"

 
(11 intermediate revisions by 2 users not shown)
Line 2: Line 2:
 
{{RUM-UPRM}}
 
{{RUM-UPRM}}
 
{{RUM-UPRM/Nav}}
 
{{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;
 +
     
  
−
#content { margin-left:0px; margin-top:0px; padding:0px; width:100%;}
+
  }
 +
  ul.nav-pills {
 +
    top: 150px;
  
−
</style>
+
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;
 +
}
  
−
    <head>
+
ul.nav {
−
        <meta charset="utf-8">
+
position: sticky;
−
        <title>Stack Multipurpose HTML Template</title>
+
−
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
+
−
        <meta name="description" content="Site Description Here">
+
−
        <link href="https://fonts.googleapis.com/css?family=Open+Sans:200,300,400,400i,500,600,700%7CMerriweather:300,300i" rel="stylesheet">
+
−
        <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
+
−
        <link href="https://fonts.googleapis.com/css?family=Lato:400,700,900" rel="stylesheet">
+
−
    </head>
+
  
−
<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 138: Line 224:
 
                         </div>
 
                         </div>
 
                   </div>  
 
                   </div>  
−
                    <div style="padding: 5px 5px 5px 5px;"> </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 148: Line 234:
 
                    
 
                    
 
                     </div>
 
                     </div>
−
                    <div style="padding: 5px 5px 5px 5px;"> </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">
Line 158: Line 244:
 
                        
 
                        
 
                     </div>
 
                     </div>
−
                     <div style="padding: 5px 5px 5px 5px;"> </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 339: Line 425:
 
                   </div>
 
                   </div>
 
                   <!-- /.row -->
 
                   <!-- /.row -->
−
                <br></br> <h4>Graduate Advisors</h4>
+
</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 363: Line 453:
 
                 <!-- /.row -->
 
                 <!-- /.row -->
 
                   <h4>Primary Investigators</h4>
 
                   <h4>Primary Investigators</h4>
−
                  <div class="row">
+
                <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 378: 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 386: Line 476:
 
                 </div>
 
                 </div>
 
                 <!-- /.container -->
 
                 <!-- /.container -->
 +
</div>
 +
       
 +
      <div id="section3">       
 +
        <center> <h1>Biographies</h1> </center>
  
−
 
−
<center><h2>Executive Board </h2></center>
 
−
<br></br>
 
 
<center>
 
<center>
  
Line 477: Line 568:
 
       <img class="d-block w-100" img src="https://static.igem.org/mediawiki/2020/b/bd/T--RUM-UPRM--Marieli.png" alt="Second slide">
 
       <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 class="carousel-item">
+
 
 
   
 
   
  
Line 492: Line 583:
 
</div>
 
</div>
 
</center>
 
</center>
−
 
+
<center><h2>Executive Board </h2></center>
−
<center><h2>Biology Team </h2></center>
+
 
<br></br>
 
<br></br>
 +
  
 
<center>
 
<center>
Line 590: Line 681:
 
       <img class="d-block w-100" img src="https://static.igem.org/mediawiki/2020/7/70/T--RUM-UPRM--elan.png" alt="Second slide">
 
       <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>
−
<div class="carousel-item">
+
 
 
   
 
   
  
Line 605: Line 696:
 
</div>
 
</div>
 
</center>
 
</center>
−
 
+
<center><h2>Biology Team </h2></center>
−
<center><h2>Engineering Team </h2></center>
+
 
<br></br>
 
<br></br>
 +
 +
 
<center>
 
<center>
  
Line 697: Line 789:
 
</div>
 
</div>
 
</center>
 
</center>
−
 
+
<center><h2>Engineering Team </h2></center>
−
<center><h2>Social Impact Team </h2></center>
+
 
<br></br>
 
<br></br>
 +
 
<center>
 
<center>
  
Line 787: Line 879:
 
</div>
 
</div>
 
</center>
 
</center>
−
 
+
<center><h2>Social Impact Team </h2></center>
−
<center><h2>Graduate Advisors </h2></center>
+
 
<br></br>
 
<br></br>
 +
 
<center>
 
<center>
  
Line 875: Line 967:
 
</div>
 
</div>
 
</center>
 
</center>
−
 
+
<center><h2>Graduate Advisors </h2></center>
−
<center><h2>Principal Investigators</h2></center>
+
 
<br></br>
 
<br></br>
 +
 
<center>
 
<center>
  
Line 963: Line 1,055:
 
</div>
 
</div>
 
</center>
 
</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>
  
−
</section>
+
{{RUM-UPRM/Footer}}
−
</html>{{RUM-UPRM/Footer}}
+

Latest revision as of 04:00, 28 October 2020



RUM-UPRM Wiki Source Code

Members

Team Members

The Team

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

Biographies

Executive Board



Biology Team



Engineering Team



Social Impact Team



Graduate Advisors



Principal Investigators