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

Line 18: Line 18:
 
         <link href="https://fonts.googleapis.com/css?family=Lato:400,700,900" rel="stylesheet">
 
         <link href="https://fonts.googleapis.com/css?family=Lato:400,700,900" rel="stylesheet">
 
     </head>
 
     </head>
 +
 +
<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="#carouselExampleIndicators" data-slide-to="0" class="active"></li>
 +
    <li data-target="#carouselExampleIndicators" data-slide-to="1"></li>
 +
    <li data-target="#carouselExampleIndicators" data-slide-to="2"></li>
 +
<li data-target="#carouselExampleIndicators" data-slide-to="3"></li>
 +
<li data-target="#carouselExampleIndicators" data-slide-to="4"></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/3/35/T--RUM-UPRM--team1.png" alt="First slide">
 +
    </div>
 +
    <div class="carousel-item">
 +
      <img class="d-block w-100" img src="https://static.igem.org/mediawiki/2020/d/d4/T--RUM-UPRM--team2.png" alt="Second slide">
 +
    </div>
 +
    <div class="carousel-item">
 +
      <img class="d-block w-100" img src="https://static.igem.org/mediawiki/2020/thumb/d/d9/T--RUM-UPRM--Team4.jpg/800px-T--RUM-UPRM--Team4.jpg" alt="Third slide">
 +
    </div>
 +
<div class="carousel-item">
 +
      <img class="d-block w-100" img src="https://static.igem.org/mediawiki/2020/4/4f/T--RUM-UPRM--CAMPCRVPOB.jpeg" alt="Third slide">
 +
    </div>
 +
<div class="carousel-item">
 +
      <img class="d-block w-100" img src="https://static.igem.org/mediawiki/2020/2/20/T--RUM-UPRM--team3.png" alt="Third slide">
 +
    </div>
 +
 +
 +
 +
  </div>
 +
  <a class="carousel-control-prev" href="#carouselExampleIndicators" 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="#carouselExampleIndicators" role="button" data-slide="next">
 +
    <span class="carousel-control-next-icon" aria-hidden="true"></span>
 +
    <span class="sr-only">Next</span>
 +
  </a>
 +
</div>
 +
</center>
 +
  
 
<style>
 
<style>

Revision as of 03:19, 27 October 2020


Stack Multipurpose HTML Template

The Team