Claudiamanan (Talk | contribs) |
Claudiamanan (Talk | contribs) |
||
Line 815: | Line 815: | ||
</div> | </div> | ||
<div class="carousel-item"> | <div class="carousel-item"> | ||
− | <img class="d-block w-100" img src="https://static.igem.org/mediawiki/2020/ | + | <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> | ||
<div class="carousel-item"> | <div class="carousel-item"> | ||
Line 851: | Line 851: | ||
+ | <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> | ||
+ | <li data-target="#carouseldir" data-slide-to="7"></li> | ||
+ | <li data-target="#carouseldir" 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 class="carousel-item"> | ||
+ | |||
+ | |||
+ | |||
+ | </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> | ||
Revision as of 02:36, 28 October 2020