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

Line 1,198: Line 1,198:
 
     <li data-target="#carouselad" data-slide-to="0" class="active"></li>
 
     <li data-target="#carouselad" data-slide-to="0" class="active"></li>
 
     <li data-target="#carouselad" data-slide-to="1"></li>
 
     <li data-target="#carouselad" data-slide-to="1"></li>
−
    <li data-target="#carouselad" data-slide-to="2"></li>
+
 
  
 
   
 
   
Line 1,227: Line 1,227:
 
</div>
 
</div>
 
</center>
 
</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="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>
 +
  
  
 
</section>
 
</section>
 
</html>{{RUM-UPRM/Footer}}
 
</html>{{RUM-UPRM/Footer}}

Revision as of 02:59, 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!