Joe McKeown (Talk | contribs) |
Joe McKeown (Talk | contribs) |
||
Line 57: | Line 57: | ||
</div> | </div> | ||
</div> | </div> | ||
+ | <!--------------TRYING OUT THE TEAM STUFF HERE---------------------> | ||
+ | <section id="Meet_The_Team"> | ||
+ | <div class="container"> | ||
+ | <div class="row text-center"> | ||
+ | <div class="col-md-4"> | ||
+ | <center class="test TeamImg1"> | ||
+ | <img id="TeamImg1" class="TeamImg" style="height: 475px; width: 375px; position: center; object-fit: cover;" src="https://static.igem.org/mediawiki/2017/d/d4/TeamYork-Headshots-Sam1.jpg" width="100%" height="100%"> | ||
+ | <span id="TeamImg1Text">Sam F: a proud member of <em>Homo cynicus.<em></span> | ||
+ | </center> | ||
+ | <center class="test TeamImg1"> | ||
+ | <img id="TeamImg1" class="TeamImg" style="height: 475px; width: 375px; position: center; object-fit: cover;" src="https://static.igem.org/mediawiki/2017/f/f9/TeamYork-Headshots-Sam2.jpg" width="100%" height="100%"> | ||
+ | <span id="TeamImg1Text">Sam F: a proud member of Homo cynicus.</span> | ||
+ | </center> | ||
+ | <center class="test TeamImg1"> | ||
+ | <img id="TeamImg1" class="TeamImg" style="height: 475px; width: 375px; position: center; object-fit: cover;" src="https://static.igem.org/mediawiki/2017/d/d0/TeamYork-Headshots-Helen.jpg" width="100%" height="100%"> | ||
+ | <span id="TeamImg1Text">Sam F: a proud member of Homo cynicus.</span> | ||
+ | </center> | ||
+ | <button style="background-color: #fff; color: #000" onclick="plusDivs(-1)">❮</button> | ||
+ | <button style="background-color: #fff; color: #000" onclick="plusDivs(1)">❯</button> | ||
+ | </div> | ||
+ | <div class="col-md-4"> | ||
+ | <center class="TeamImg2"> | ||
+ | <img id="TeamImg2" class="TeamImg" style="height: 475px; width: 375px; position: center; object-fit: cover;" | ||
+ | src="https://static.igem.org/mediawiki/2017/f/f9/TeamYork-Headshots-Sam2.jpg" width="100%" height="100%"> | ||
+ | <span id="TeamImg2Text">Sam A: likes to pretend he's only half German... but look at him.</span> | ||
+ | </center> | ||
+ | </div> | ||
+ | <div class="col-md-4"> | ||
+ | <center class="TeamImg3"> | ||
+ | <img id="TeamImg3" class="TeamImg" style="height: 475px; width: 375px; position: center; object-fit: cover;" src="https://static.igem.org/mediawiki/2017/d/d0/TeamYork-Headshots-Helen.jpg" width="100%" height="100%"> | ||
+ | <span id="TeamImg3Text">Helen: loud and proud. Mostly loud.</span> | ||
+ | </center> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </section> | ||
+ | |||
+ | <script> | ||
+ | var slideIndex = 1; | ||
+ | showDivs(slideIndex); | ||
+ | |||
+ | function plusDivs(n) { | ||
+ | showDivs(slideIndex += n); | ||
+ | } | ||
+ | |||
+ | function showDivs(n) { | ||
+ | var i; | ||
+ | var x = document.getElementsByClassName("test"); | ||
+ | if (n > x.length) {slideIndex = 1} | ||
+ | if (n < 1) {slideIndex = x.length} | ||
+ | for (i = 0; i < x.length; i++) { | ||
+ | x[i].style.display = "none"; | ||
+ | } | ||
+ | x[slideIndex-1].style.display = "block"; | ||
+ | } | ||
+ | </script> | ||
+ | |||
+ | <!-----------------------------------------------------------------> | ||
<br> | <br> | ||
<div class="container" style="background-color: #fff; border-style: solid; border-color: #000000; border-radius: 25px; padding: 10px 10px 10px 10px; display: none;"> | <div class="container" style="background-color: #fff; border-style: solid; border-color: #000000; border-radius: 25px; padding: 10px 10px 10px 10px; display: none;"> |
Revision as of 14:48, 14 September 2017