Team:York/Team

<section id="Meet_The_Team" style="padding-top: 0;">

     <button style="background-color: #000; color: #fff; opacity: 0.7; height: 3em; width: 2em; position: absolute; left: 0.90em; top: 11em;" onclick="plusDivs(-1);plusDivs2(-1);plusDivs3(-1);">❮</button>
         <img id="TeamImg1" class="TeamImg" style="position: center; object-fit: cover;" src="TeamYork-Headshots-Sam1.jpg" width="100%" height="100%">
         Sam F: a proud member of Homo cynicus.
         <img id="TeamImg1" class="TeamImg" style="position: center; object-fit: cover;" src="TeamYork-Headshots-Sam2.jpg" width="100%" height="100%">
         Sam A: likes to pretend he's only half German... but look at him.
         <img id="TeamImg1" class="TeamImg" style="position: center; object-fit: cover;" src="TeamYork-Headshots-Helen.jpg" width="100%" height="100%">
         Helen: loud and proud. Mostly loud.</em>
         <img id="TeamImg1" class="TeamImg" style="position: center; object-fit: cover;" src="TeamYork-Headshots-Marta.jpg" width="100%" height="100%">
         Marta: half human, half Jaffa Cake.</em>
         <img id="TeamImg1" class="TeamImg" style="position: center; object-fit: cover;" src="TeamYork-Headshots-Joel.jpg" width="100%" height="100%">
         Joel: can see the matrix... if it's written in MATLAB.</em>
         <img id="TeamImg1" class="TeamImg" style="position: center; object-fit: cover;" src="TeamYork-Headshots-Igors.jpg" width="100%" height="100%">
         Igors: he's ALIVE!</em>
         <img id="TeamImg1" class="TeamImg" style="position: center; object-fit: cover;" src="TeamYork-Headshots-Nathan.jpg" width="100%" height="100%">
         Nathan: lean, mean, meme machine.</em>
         <img id="TeamImg1" class="TeamImg" style="position: center; object-fit: cover;" src="TeamYork-Headshots-Aeri.jpg" width="100%" height="100%">
         Malin Imo Kristina Olsson Sundstrom: Aeri, for short.</em>
         <img id="TeamImg1" class="TeamImg" style="position: center; object-fit: cover;" src="TeamYork-Headshots-Joe.jpg" width="100%" height="100%">
         Joe: yn bendant dim Cymraeg.
         <img id="TeamImg2" class="TeamImg" style="position: center; object-fit: cover;" 

src="TeamYork-Headshots-Sam2.jpg" width="100%" height="100%">

         Sam A: likes to pretend he's only half German... but look at him.
         <img id="TeamImg2" class="TeamImg" style="position: center; object-fit: cover;" src="TeamYork-Headshots-Helen.jpg" width="100%" height="100%">
         Helen: loud and proud. Mostly loud.</em>
         <img id="TeamImg2" class="TeamImg" style="position: center; object-fit: cover;" src="TeamYork-Headshots-Marta.jpg" width="100%" height="100%">
         Marta: half human, half Jaffa Cake.</em>
         <img id="TeamImg2" class="TeamImg" style="position: center; object-fit: cover;" src="TeamYork-Headshots-Joel.jpg" width="100%" height="100%">
         Joel: can see the matrix... if it's written in MATLAB.</em>
         <img id="TeamImg2" class="TeamImg" style="position: center; object-fit: cover;" src="TeamYork-Headshots-Igors.jpg" width="100%" height="100%">
         Igors: he's ALIVE!</em>
         <img id="TeamImg2" class="TeamImg" style="position: center; object-fit: cover;" src="TeamYork-Headshots-Nathan.jpg" width="100%" height="100%">
         Nathan: lean, mean, meme machine.</em>
         <img id="TeamImg2" class="TeamImg" style="position: center; object-fit: cover;" src="TeamYork-Headshots-Aeri.jpg" width="100%" height="100%">
         Malin Imo Kristina Olsson Sundstrom: Aeri, for short.</em>
         <img id="TeamImg2" class="TeamImg" style="position: center; object-fit: cover;" src="TeamYork-Headshots-Joe.jpg" width="100%" height="100%">
         Joe: yn bendant dim Cymraeg.
         <img id="TeamImg2" class="TeamImg" style="position: center; object-fit: cover;" src="TeamYork-Headshots-Sam1.jpg" width="100%" height="100%">
         Sam F: a proud member of Homo cynicus.
       <button style="background-color: #000; color: #fff; opacity: 0.7; height: 3em; width: 2em; position: absolute; right: 0.15em; top: 11em;" onclick="plusDivs(1);plusDivs2(1);plusDivs3(1);">❯</button>
         <img id="TeamImg3" class="TeamImg" style="position: center; object-fit: cover;" src="TeamYork-Headshots-Helen.jpg" width="100%" height="100%">
         Helen: loud and proud. Mostly loud.
         <img id="TeamImg3" class="TeamImg" style="position: center; object-fit: cover;" src="TeamYork-Headshots-Marta.jpg" width="100%" height="100%">
         Marta: half human, half Jaffa Cake.</em>
         <img id="TeamImg3" class="TeamImg" style="position: center; object-fit: cover;" src="TeamYork-Headshots-Joel.jpg" width="100%" height="100%">
         Joel: can see the matrix... if it's written in MATLAB.</em>
         <img id="TeamImg3" class="TeamImg" style="position: center; object-fit: cover;" src="TeamYork-Headshots-Igors.jpg" width="100%" height="100%">
         Igors: he's ALIVE!</em>
         <img id="TeamImg3" class="TeamImg" style="position: center; object-fit: cover;" src="TeamYork-Headshots-Nathan.jpg" width="100%" height="100%">
         Nathan: lean, mean, meme machine.</em>
         <img id="TeamImg3" class="TeamImg" style="position: center; object-fit: cover;" src="TeamYork-Headshots-Aeri.jpg" width="100%" height="100%">
         Malin Imo Kristina Olsson Sundstrom: Aeri, for short.</em>
         <img id="TeamImg3" class="TeamImg" style="position: center; object-fit: cover;" src="TeamYork-Headshots-Joe.jpg" width="100%" height="100%">
         Joe: yn bendant dim Cymraeg.
         <img id="TeamImg3" class="TeamImg" style="position: center; object-fit: cover;" src="TeamYork-Headshots-Sam1.jpg" width="100%" height="100%">
         Sam F: a proud member of Homo cynicus.
         <img id="TeamImg3" class="TeamImg" style="position: center; object-fit: cover;" 

src="TeamYork-Headshots-Sam2.jpg" width="100%" height="100%">

         Sam A: likes to pretend he's only half German... but look at him.

</section>

<script> var slideIndex = 1; showDivs(slideIndex);

function plusDivs(n) {

 showDivs(slideIndex += n);

}

function showDivs(n) {

 var i;
 var x = document.getElementsByClassName("TeamImg1");
 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";  

}

var slideIndex2 = 1; showDivs2(slideIndex2);

function plusDivs2(n) {

 showDivs2(slideIndex2 += n);

}

function showDivs2(n) {

 var i;
 var x = document.getElementsByClassName("TeamImg2");
 if (n > x.length) {slideIndex2 = 1}    
 if (n < 1) {slideIndex2 = x.length}
 for (i = 0; i < x.length; i++) {
    x[i].style.display = "none";  
 }
 x[slideIndex2-1].style.display = "block";  

}

var slideIndex3 = 1; showDivs3(slideIndex3);

function plusDivs3(n) {

 showDivs3(slideIndex3 += n);

}

function showDivs3(n) {

 var i;
 var x = document.getElementsByClassName("TeamImg3");
 if (n > x.length) {slideIndex3 = 1}    
 if (n < 1) {slideIndex3 = x.length}
 for (i = 0; i < x.length; i++) {
    x[i].style.display = "none";  
 }
 x[slideIndex3-1].style.display = "block";  

} </script>