Difference between revisions of "Team:York/Team"

Line 2: Line 2:
 
<html>
 
<html>
 
<!DOCTYPE html>
 
<!DOCTYPE html>
 
+
<style>
 +
.col-left-button {
 +
  width: 2%;
 +
}
 +
.col-spacer {
 +
  width: 1.5%;
 +
}
 +
.col-img {
 +
  width: 30%;
 +
}
 +
</style>
 
<!--------------TRYING OUT THE TEAM STUFF HERE--------------------->
 
<!--------------TRYING OUT THE TEAM STUFF HERE--------------------->
 
<section id="Meet_The_Team" style="padding-top: 0;">
 
<section id="Meet_The_Team" style="padding-top: 0;">
Line 8: Line 18:
 
     <div class="row text-center">
 
     <div class="row text-center">
 
<!----------------------------------------------------LEFT IMAGE------------------------------------------------------->
 
<!----------------------------------------------------LEFT IMAGE------------------------------------------------------->
       <div class="col-md-4">
+
       <div class="col-left-button">
       <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);">&#10094;</button>
+
       <button style="background-color: #000; color: #fff; opacity: 0.7;" onclick="plusDivs(-1);plusDivs2(-1);plusDivs3(-1);">&#10094;</button>
 +
      </div>
 +
      <div class="col-spacer">
 +
      </div>
 +
      <div class="col-img">
 
         <center class="TeamImg1">
 
         <center class="TeamImg1">
 
           <img id="TeamImg1" class="TeamImg" style="position: center; object-fit: cover;" src="https://static.igem.org/mediawiki/2017/d/d4/TeamYork-Headshots-Sam1.jpg" width="100%" height="100%">
 
           <img id="TeamImg1" class="TeamImg" style="position: center; object-fit: cover;" src="https://static.igem.org/mediawiki/2017/d/d4/TeamYork-Headshots-Sam1.jpg" width="100%" height="100%">
Line 48: Line 62:
 
       </div>
 
       </div>
 
<!------------------------------------------------END LEFT IMAGE------------------------------------------------------->
 
<!------------------------------------------------END LEFT IMAGE------------------------------------------------------->
 +
 +
      <div class="col-spacer">
 +
      </div>
 +
 
<!--------------------------------------------------MIDDLE IMAGE------------------------------------------------------->
 
<!--------------------------------------------------MIDDLE IMAGE------------------------------------------------------->
       <div class="col-md-4">
+
       <div class="col-img">
 
         <center class="TeamImg2">
 
         <center class="TeamImg2">
 
           <img id="TeamImg2" class="TeamImg" style="position: center; object-fit: cover;"  
 
           <img id="TeamImg2" class="TeamImg" style="position: center; object-fit: cover;"  
Line 89: Line 107:
 
       </div>
 
       </div>
 
<!-----------------------------------------------END MIDDLE IMAGE------------------------------------------------------>
 
<!-----------------------------------------------END MIDDLE IMAGE------------------------------------------------------>
 +
 +
      <div class="col-spacer">
 +
      </div>
 +
 
<!--------------------------------------------------RIGHT IMAGE-------------------------------------------------------->
 
<!--------------------------------------------------RIGHT IMAGE-------------------------------------------------------->
       <div class="col-md-4">
+
       <div class="col-img">
        <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);">&#10095;</button>
+
 
         <center class="TeamImg3">
 
         <center class="TeamImg3">
 
           <img id="TeamImg3" class="TeamImg" style="position: center; object-fit: cover;" src="https://static.igem.org/mediawiki/2017/d/d0/TeamYork-Headshots-Helen.jpg" width="100%" height="100%">
 
           <img id="TeamImg3" class="TeamImg" style="position: center; object-fit: cover;" src="https://static.igem.org/mediawiki/2017/d/d0/TeamYork-Headshots-Helen.jpg" width="100%" height="100%">
Line 131: Line 152:
 
       </div>
 
       </div>
 
<!-----------------------------------------------END RIGHT IMAGE------------------------------------------------------->
 
<!-----------------------------------------------END RIGHT IMAGE------------------------------------------------------->
 +
 +
      <div class="col-spacer">
 +
      </div>
 +
      <div class="col-right-button">
 +
        <button style="background-color: #000; color: #fff; opacity: 0.7;" onclick="plusDivs(1);plusDivs2(1);plusDivs3(1);">&#10095;</button>
 +
      </div>
 
     </div>
 
     </div>
 
   </div>
 
   </div>

Revision as of 14:01, 1 October 2017

Sam F: a proud member of Homo cynicus.
Sam A: likes to pretend he's only half German... but look at him.
Helen: loud and proud. Mostly loud.
Marta: half human, half Jaffa Cake.
Joel: can see the matrix... if it's written in MATLAB.
Igors: he's ALIVE!
Nathan: lean, mean, meme machine.
Malin Imo Kristina Olsson Sundstrom: Aeri, for short.
Joe: yn bendant dim Cymraeg.
Sam A: likes to pretend he's only half German... but look at him.
Helen: loud and proud. Mostly loud.
Marta: half human, half Jaffa Cake.
Joel: can see the matrix... if it's written in MATLAB.
Igors: he's ALIVE!
Nathan: lean, mean, meme machine.
Malin Imo Kristina Olsson Sundstrom: Aeri, for short.
Joe: yn bendant dim Cymraeg.
Sam F: a proud member of Homo cynicus.
Helen: loud and proud. Mostly loud.
Marta: half human, half Jaffa Cake.
Joel: can see the matrix... if it's written in MATLAB.
Igors: he's ALIVE!
Nathan: lean, mean, meme machine.
Malin Imo Kristina Olsson Sundstrom: Aeri, for short.
Joe: yn bendant dim Cymraeg.
Sam F: a proud member of Homo cynicus.
Sam A: likes to pretend he's only half German... but look at him.