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

Line 744: Line 744:
 
   </div>
 
   </div>
 
</div>
 
</div>
 +
 +
 +
 +
<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="carouselExampleIndicators" 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 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/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 class="carousel-item">
 +
      <img class="d-block w-100" img src="https://static.igem.org/mediawiki/parts/b/b9/T--RUM-UPRM--ecuadorenvirospeaks.png" alt="Second slide">
 +
    </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>
 +
</center>
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
  
 
</section>
 
</section>
 
</html>{{RUM-UPRM/Footer}}
 
</html>{{RUM-UPRM/Footer}}

Revision as of 02:27, 28 October 2020



RUM-UPRM Wiki Source Code

Stack Multipurpose HTML Template

The Team

Our Sponsors

Amgen Snapgene UPRM Goya Genscript PRABIA MolecularCloud MatLab IDT ReviveRestore Twist

Follows Us!