Difference between revisions of "Team:UCopenhagen/Team"

Line 35: Line 35:
 
  font-size: 3em;
 
  font-size: 3em;
 
  font-family: Montserrat;
 
  font-family: Montserrat;
line-height: 1.0em;
 
border: solid;
 
 
  padding: 1em;
 
  padding: 1em;
 
}
 
}
Line 49: Line 47:
 
}
 
}
  
#pic{
+
.pic{
 
  flex: 2;
 
  flex: 2;
 
}
 
}
Line 62: Line 60:
 
.headshots-box{
 
.headshots-box{
 
  display: flex;
 
  display: flex;
  justify-content: left;
+
  justify-content: center;
 +
padding: 1em;
 +
margin-top: 2em;
 +
}
 +
.headshots-box img{max-width: 80%;
 +
}
  
 
</style>
 
</style>
Line 78: Line 81:
 
  </div>
 
  </div>
 
  <div class="picture-divider">
 
  <div class="picture-divider">
     <div id="pic">
+
     <div class = "pic">
     <img src="https://static.igem.org/mediawiki/2020/2/25/T--UCopenhagen--teampage-placeholder.jpg"> </div>
+
     <img id="myImg" src="https://static.igem.org/mediawiki/2020/2/25/T--UCopenhagen--teampage-placeholder.jpg"> </div>
 
     <div id="pic-text">
 
     <div id="pic-text">
 
     Name
 
     Name
Line 92: Line 95:
 
  <div class="headshots-box">
 
  <div class="headshots-box">
 
   <div id="person1">
 
   <div id="person1">
     <img src="https://static.igem.org/mediawiki/2020/3/3b/T--UCopenhagen--flowline-blue-dot.png" onclick='document.getElementById("pic-text").innerHTML = "THis is the new text"' onclick='document.getElementById("pic").src ="https://static.igem.org/mediawiki/2020/3/3b/T--UCopenhagen--flowline-blue-dot.png"'>
+
     <img src="https://static.igem.org/mediawiki/2020/9/97/T--UCopenhagen--teampage-aje-small.png" onclick='document.getElementById("pic-text").innerHTML = "THis is the text for aje"; document.getElementById("myImg").src = "https://static.igem.org/mediawiki/2020/9/97/T--UCopenhagen--teampage-aje-small.png"'>
 
   </div>
 
   </div>
 
   <div id="person2">
 
   <div id="person2">
     <img src="https://static.igem.org/mediawiki/2020/3/3b/T--UCopenhagen--flowline-blue-dot.png">
+
     <img src="https://static.igem.org/mediawiki/2020/6/63/T--UCopenhagen--teampage-david-small.png" onclick='document.getElementById("pic-text").innerHTML = "THis is the text for David"; document.getElementById("myImg").src = "https://static.igem.org/mediawiki/2020/6/63/T--UCopenhagen--teampage-david-small.png"'>
 +
  </div>
 +
<div id="person1">
 +
    <img src="https://static.igem.org/mediawiki/2020/6/65/T--UCopenhagen--teampage-emil-small.png" onclick='document.getElementById("pic-text").innerHTML = "THis is the text for Emil"; document.getElementById("myImg").src = "https://static.igem.org/mediawiki/2020/6/65/T--UCopenhagen--teampage-emil-small.png"'>
 +
  </div>
 +
  <div id="person2">
 +
    <img src="https://static.igem.org/mediawiki/2020/5/51/T--UCopenhagen--teampage-endre-small.png" onclick='document.getElementById("pic-text").innerHTML = "THis is the text for Endre"; document.getElementById("myImg").src = "https://static.igem.org/mediawiki/2020/5/51/T--UCopenhagen--teampage-endre-small.png"'>
 +
  </div>
 +
<div id="person1">
 +
    <img src="https://static.igem.org/mediawiki/2020/e/ee/T--UCopenhagen--teampage-jan-small.png" onclick='document.getElementById("pic-text").innerHTML = "THis is the text for Jan"; document.getElementById("myImg").src = "https://static.igem.org/mediawiki/2020/e/ee/T--UCopenhagen--teampage-jan-small.png"'>
 +
  </div>
 +
  <div id="person2">
 +
    <img src="https://static.igem.org/mediawiki/2020/8/80/T--UCopenhagen--teampage-nacho-small.png" onclick='document.getElementById("pic-text").innerHTML = "THis is the text for Nacho"; document.getElementById("myImg").src = "https://static.igem.org/mediawiki/2020/8/80/T--UCopenhagen--teampage-nacho-small.png"'>
 +
  </div>
 +
<div id="person1">
 +
    <img src="https://static.igem.org/mediawiki/2020/4/42/T--UCopenhagen--teampage-shivani-small.png" onclick='document.getElementById("pic-text").innerHTML = "THis is the text for Shivani"; document.getElementById("myImg").src = "https://static.igem.org/mediawiki/2020/4/42/T--UCopenhagen--teampage-shivani-small.png"'>
 +
  </div>
 +
  <div id="person2">
 +
    <img src="https://static.igem.org/mediawiki/2020/c/c1/T--UCopenhagen--teampage-victoria-small.png" onclick='document.getElementById("pic-text").innerHTML = "THis is the text for Victoria"; document.getElementById("myImg").src = "https://static.igem.org/mediawiki/2020/c/c1/T--UCopenhagen--teampage-victoria-small.png"'>
 +
  </div>
 +
<div id="person2">
 +
    <img src="https://static.igem.org/mediawiki/2020/0/03/T--UCopenhagen--teampage-vit-small.png" onclick='document.getElementById("pic-text").innerHTML = "THis is the text for Vit"; document.getElementById("myImg").src = "https://static.igem.org/mediawiki/2020/0/03/T--UCopenhagen--teampage-vit-small.png"'>
 
   </div>
 
   </div>
 
  </div>
 
  </div>
team page
 
 
</div>
 
</div>
  
<button type="button" onclick='document.getElementById("pic-text").innerHTML = "THis is the new text <hr> And new education"'> THIS IS BUTTON </button>
+
 
 +
 
 
</body>
 
</body>
 
</html>
 
</html>

Revision as of 21:56, 26 August 2020


The CIDosis Team
Name
Education Part of Subgroups in igem: Dry lab, Funding.
Why did you join iGEM? answer: Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.


Icons made by Freepik from www.flaticon.com