Difference between revisions of "Team:Utrecht/AboutUs"

Line 1: Line 1:
 
<html>
 
<html>
 
<head>
 
<head>
<link rel="stylesheet" href="https://2018.igem.org/Team:Utrecht/css/styling?action=raw&ctype=text/css" type='text/css'>
+
<meta charset="UTF-8">
 +
<link rel = "stylesheet" href = "Styling.css">
 +
<script src="MyFunctions.js"></script
 
</head>
 
</head>
  
 
<body>
 
<body>
 +
 +
<a class = "logo" href = "Home.html">
 +
<img src="https://static.igem.org/mediawiki/2018/6/6a/T--Utrecht--2018--Logo_Team_Utrecht_2018-Main004.png" id="logo"> </a>
  
 
<div class="topnav">
 
<div class="topnav">
<a href="https://2018.igem.org/Team:Utrecht">Home</a>
+
<a   class = "arrow" href="Project.html"> </a>
<a href="https://2018.igem.org/Team:Utrecht/Description">Project Description</a>
+
<a class="active" href="https://2018.igem.org/Team:Utrecht/AboutUs">About Us</a>
+
<a href="https://2018.igem.org/Team:Utrecht/InterLab">InterLab</a>
+
</div>  
+
  
 +
<div class="menu">
 +
<a href="Project.html" onmouseover = "navigation1(submenuProject, 0)"> <img src = <img src = "https://static.igem.org/mediawiki/2018/3/34/T--Utrecht--2018--symbolProject-Navigation.png" alt = "Laboratorium" id = "navSymbol"></a>
  
 +
<a class = "active" href="AboutUs.html" onmouseover = "navigation1(submenuAboutUs, 100)"> <img src = "Images/symbolAboutUs.png" alt = "Laboratorium" id = "navSymbol"></a>
 +
<a href="Laboratorium.html" onmouseover = "navigation1(submenuLaboratorium, 200)"> <img src = "https://static.igem.org/mediawiki/2018/6/67/T--Utrecht--2018--symbolLaboratorium-Navigation.png" alt = "Laboratorium" id = "navSymbol"></a>
 +
 +
<div class = "topnav2"  id="submenu"></div>
 +
 +
</div>
 +
 +
<a  class = "arrow"  href="Laboratorium.html"> ⮚ </a>
 +
 +
</div>
  
 
<script>
 
<script>
Line 27: Line 40:
 
var Felix = "Hi everyone, my name is Felix. Currently I am finishing up the bachelor Molecular Life Sciences to start the master Drug Innovation next year. My main motivation to participate in the iGEM competition is because I think it really fun to work in an interdisciplinary group to create innovative solutions for biochemical related problems. As the newest member of the team I will engage in human practices, but I will also take care of our funding with Pim and Khadija. I am looking forward to participating in this exciting endeavour.";
 
var Felix = "Hi everyone, my name is Felix. Currently I am finishing up the bachelor Molecular Life Sciences to start the master Drug Innovation next year. My main motivation to participate in the iGEM competition is because I think it really fun to work in an interdisciplinary group to create innovative solutions for biochemical related problems. As the newest member of the team I will engage in human practices, but I will also take care of our funding with Pim and Khadija. I am looking forward to participating in this exciting endeavour.";
 
var Meine = "My name is Meine Dominicus Boer, I am 23 years old and currently following the Computational Track of the Master Molecular and Cellular Life Sciences. My functions within our team are Biobricks manager (which means I’m responsible for overseeing all matters that have to do with the synthetic constructs used in the iGEM competition) and being the co-editor of the Wiki together with Lorenzo. I joined iGEM because it looked like a fun and stimulating opportunity to improve my skills as a molecular biologist and modeller, as well as work together in an interdisciplinary team and meet peers from my research field from all over the world.";
 
var Meine = "My name is Meine Dominicus Boer, I am 23 years old and currently following the Computational Track of the Master Molecular and Cellular Life Sciences. My functions within our team are Biobricks manager (which means I’m responsible for overseeing all matters that have to do with the synthetic constructs used in the iGEM competition) and being the co-editor of the Wiki together with Lorenzo. I joined iGEM because it looked like a fun and stimulating opportunity to improve my skills as a molecular biologist and modeller, as well as work together in an interdisciplinary team and meet peers from my research field from all over the world.";
 
function tellStory(story){
 
document.getElementById("story").textContent = story;
 
}
 
 
</script>
 
</script>
  
  <img src="https://static.igem.org/mediawiki/2018/a/a2/T--Utrecht--2018--GroupPhoto--Main002.png" alt="LLLogggo" usemap = "#workmap" width  = 880 height = 600>
+
<div class = "customelementM2" id = "main">
  <div id = story>hover over face to reveal story</div>
+
 +
  <img src="https://static.igem.org/mediawiki/2018/a/a2/T--Utrecht--2018--GroupPhoto--Main002.png" alt="LLLogggo" usemap = "#workmap" width  = 880 height = 600 style = "float:left">
 +
  <div id = story>Hover over someones face to reveal their story</div>
 
   
 
   
 
  <map name = "workmap">
 
  <map name = "workmap">
Line 51: Line 62:
 
</map>
 
</map>
  
<div id = footer>
 
<font color = "white"> You found some white text :) </font>
 
 
</div>
 
</div>
 +
 
</body>
 
</body>
 +
 +
  
 
</html>
 
</html>

Revision as of 11:11, 15 August 2018

LLLogggo
Hover over someones face to reveal their story