Difference between revisions of "Team:Tuebingen"

Line 1: Line 1:
−
<!DOCTYPE html>
+
<html>
−
<head lang="en">  
+
<head>
−
    <title> iGem Tübingen 2017</title>
+
<style>
−
    <link rel="stylesheet" type="text/css" href="2017.igem.org/Template:Tuebingen/css?action=raw&ctype=text/css">
+
−
    <meta charset="utf-8" content="width=device-width, initial-scale=1.0"> <!--damit die ü, ä usw. richtig angezeigt werden-->
+
−
</head>
+
−
   
+
−
  <body>
+
−
      <div class="Hauptnavigation">
+
−
          <a href="http://www.google.de">Team</a>
+
−
          <a href="http://www.google.de">Inspiration</a>
+
−
          <a href="http://www.google.de">Result</a>
+
−
          <a href="http://www.google.de">Human Practice</a>
+
−
          <a href="http://www.google.de">Lab</a>
+
−
          <a href="http://www.google.de">Attribution</a>
+
−
    </div>
+
−
     
+
−
     
+
−
      <nav id="Unternavigation-Team">
+
−
          <ul>
+
−
              <li> <b href="http://www.google.de"> Brian Weidensee </b></li>
+
−
              <li> <b href="http://www.google.de"> Nikolas Layer </b></li>
+
−
              <li> <b href="http://www.google.de"> Marcel Conrady </b></li>
+
−
         
+
−
              <li> <b href="http://www.google.de"> Alexandra Haake </b></li>
+
−
              <li> <b href="http://www.google.de"> Madeleine Heep </b> </li>
+
−
              <li> <b href="http://www.google.de"> Mirjam Gneiting </b></li>
+
−
         
+
−
              <li> <b href="http://www.google.de"> Alexander Recktenwald</b></li>
+
−
              <li> <b href="http://www.google.de"> Michael Krummhaar </b></li>
+
−
              <li> <b href="http://www.google.de"> Lukas Fuhs </b> </li>
+
−
         
+
−
              <li> <b href="http://www.google.de"> Milena Krach</b> </li>
+
−
              <li> <b href="http://www.google.de"> Hannah Brasse </b> </li>
+
−
              <li> <b href="http://www.google.de"> Lisa Dussling </b></li>
+
−
         
+
−
              <li><b href="http://www.google.de"> Vic-Fabienne Schumann </b></li>
+
−
              </ul>
+
−
      </nav>
+
−
     
+
−
     
+
−
     
+
−
     
+
−
          <img src="Blume.JPG" alt="TeamBild" id="BigImageTeam">
+
−
         
+
−
          <div class="Grid">
+
−
          <!-- Content der Seite -->
+
−
             
+
−
              <!-- BRIAN WEIDENSEE -->
+
−
              <div id="Text-Brian"> <p> Brian “The Brain”. It’s incredible how many things he can handle at the same time and still doesn’t lose focus. He is an organizer, pace maker and friend. It’s his second time in the iGEM Team and meanwhile he’s doing his MSc in Molecular Medicine. </p> </div>
+
−
              <img src="Brian%20-%20Kopie.jpg" alt="Brian Weidensee" id="Bild-Brian"> 
+
−
             
+
−
              <!-- NIKOLAS LAYER -->
+
−
              <div id="Text-Nikolas"> <p> Nikolas is our iGEM veteran. He has been in the team ever since. His great skills are communicating and leading. He is very passionate about realizing a project in a mixed team and has a great talent to encourage every team member individually. </p> </div>
+
−
              <div id="Bild-Nikolas">  </div>
+
−
             
+
−
              <!-- MARCEL CONRADY -->
+
−
              <div id="Text-Marcel"> <p> Marcel is doing his MSc of Biochemistry and is very experienced in the lab. His quiet and patient personality makes him a pleasant guy to work with and he additionally never hesitates to share his expertise and knowledge with the team. </p> </div>
+
−
              <div id="Bild-Marcel">  </div>
+
−
               
+
−
              <!-- ALEXANDRA HAAKE -->
+
−
              <div id="Text-Alexandra"> <p> Alexandra is our only Chemist who is doing her Bachelors. She is a perfectionist and very well organized. </p>  </div>
+
−
              <div id="Bild-Alexandra">  </div>
+
−
             
+
−
              <!-- MADELEINE HEEP -->
+
−
              <div id="Text-Madeleine"> <p> Madeleine is very open minded and a well experienced team member. She has a great sense of humor and her optimism is very motivating. Additionally, chocolate is the magic word… </p> </div>
+
−
              <div id="Bild-Madeleine">  </div>
+
−
             
+
−
              <!-- MIRJAM GNEITING -->
+
−
              <div id="Text-Mirjam"> <p> Mirjam is doing her BSc of Biochemistry and furthermore has an outstanding talent in design and visualization of any kind of things. She has a nearly perfect awareness for even the tiniest things - which is just perfect for design. It is her second iGEM season and she never runs out of good ideas.</p> </div>
+
−
              <div id="Bild-Mirjam ">  </div>
+
−
             
+
−
              <!-- ALEXANDER RECKTENWALD -->
+
−
              <div id="Text-Alexander"> <p> Lex is our only IT guy with great dedication to our project. He is also doing his Bachelor in Rhetorics. Additionally, he is very creative and has a lot of experience with graphical design which he directly applies to our WIKI Page, which he coded single-handedly. </p> </div>
+
−
              <div id="Bild-Alexander">  </div>
+
−
             
+
−
              <!-- MICHAEL KRUMMHAAR -->
+
−
              <div id="Text-Michael"> <p> Michael is a very dedicated Biochemist who is doing his Master’s degree. He is able to think through complicated processes and on top turns them into reality. </p> </div>
+
−
              <div id="Bild-Michael">  </div>
+
−
             
+
−
              <!-- LUKAS FUHS-->
+
−
              <div id="Text-Lukas"> <p> Lukas is a BSc student of Biochemistry. He prefers spending time in the lab than actually showing up in our meetings which doesn’t make him a bad team member by any means. His work, creativity, ingenuity is highly valued and needed! </p> </div>
+
−
              <div id="Bild-Lukas">  </div>
+
−
             
+
−
              <!-- MILENA KRACH -->
+
−
              <div id="Text-Milena"> <p> Milena is doing her MSc in Biochemistry and joined the team in 2015. She has lots of laboratory experience and is super well organized. She is always on top and a very reliable team member. </p> </div>
+
−
              <div id="Bild-Milena">  </div>
+
−
             
+
−
              <!-- HANNAH BRASSE -->
+
−
              <div id="Text-Hannah"> <p> Hannah is our communications expert. Although working in Munich for the most of the summer, she organized all public relations and established our YouTube channel. Studying Molecular Medicine for her BSc, she has already a confined knowledge about laboratory work and working in a team and brings a nice smile to every meeting. </p> </div>
+
−
              <div id="Bild-Hannah">  </div>
+
−
             
+
−
              <!-- LISA DUSSLING -->
+
−
              <div id="Text-Lisa"> <p> Lisa is a smart cookie, she is doing her Masters in Bioinformatics and is able to model any kind of protein interaction. Additionally, she is very open minded and straightforward which makes her a very appreciated team member. </p> </div>
+
−
              <div id="Bild-Lisa">  </div>
+
−
     
+
−
              <!-- VIC-FABIENNE SCHUMANN -->
+
−
              <div id="Text-Vic"> <p> Vic-Fabienne is our youngest team member who just started her Bachelor in Biochemistry and right away joined the team. She has a contagious enthusiasm and an endless seeming source of creative and innovative ideas. </p> </div>
+
−
              <div id="Bild-Vic">  </div>
+
−
     
+
−
     
+
−
     
+
−
     
+
−
     
+
−
     
+
−
     
+
−
     
+
−
     
+
−
     
+
−
     
+
−
     
+
−
     
+
−
     
+
−
      </div>
+
−
     
+
−
 
+
−
 
+
−
 
+
−
 
+
−
 
+
−
 
+
−
 
+
−
 
+
−
 
+
−
 
+
−
 
+
  
 +
.MainImage {
 +
height:100%;
 +
width:auto;
 +
position:absolute;
 +
}
 +
 +
<!-- TODO: insert the values into the brackets (position (same for every class), top (according to design), left (according to design),
 +
width (auto for every class) and height (roughly 8 percent, according to design) -->
 +
 +
 +
<!-- Sample -->
 +
.Team {
 +
position:absolute;
 +
top:25%;
 +
left:39%;
 +
width:auto;
 +
height:8%
 +
}
 +
 +
.Inspiration {
 +
}
 +
.Results {
 +
}
 +
.HumanPractice {
 +
}
 +
.Lab {
 +
}
 +
.Attribution {
 +
}
 +
.BioinformaticsModel {
 +
}
 +
.ChemicalSynthesis {
 +
}
 +
.BiochemicalSynthesis {
 +
}
 +
.Testing {
 +
}
 +
.Silver {
 +
}
 +
.Gold {
 +
}
 +
.EducationAndPublicEngagement {
 +
}
 +
.Labbook {
 +
}
 +
.LabProtocols {
 +
}
 +
.InterlabStudy {
 +
}
 +
.Parts {
 +
}
 +
.Collaborations {
 +
}
 +
.References {
 +
}
  
  
Line 131: Line 63:
  
  
 +
<!-- For the hovering -->
 +
.LinkList img:hover {
 +
-webkit-transform:scale(2.00); /* Safari and Chrome */
 +
    -moz-transform:scale(2.00); /* Firefox */
 +
    -ms-transform:scale(2.00); /* IE 9 */
 +
    -o-transform:scale(2.00); /* Opera */
 +
    transform:scale(2.00);
 +
}
 +
  
 +
 +
 +
</style>
 +
</head>
 +
<body>
  
 +
<!-- Main Bacckground Image -->
 +
<img class="MainImage" src="T--Tuebingen--woLinks.png"></img>
  
  
 +
<div class="LinkList">
 +
<!-- Top-Level -->
 +
<!-- TODO: update Image Addresses -->
 +
<a href="Team.html"><img class="Team" src="T--Tuebingen--TeamB.png"></img></a>
 +
<a href="Inspiration.html"><img class="Inspiration" src="T--Tuebingen--InspirationB.png"></img></a>
 +
<a href="Results.html"><img class="Results" src="T--Tuebingen--ResultsB.png"></img></a>
 +
<a href="Human Practice.html"><img class="HumanPractice" src="HPB.png"></img></a>
 +
<a href="Lab.html"><img class="Lab" src="T--Tuebingen--LabB.png"></img></a>
 +
<a href="Attribution.html"><img class="Attribution" src="AttributionB.png"></img></a>
  
 +
<!-- Lov-Level -->
 +
<!-- TODO: update Image Addresses -->
 +
<a href="Bioinformatics Model.html"><img class="BioinformaticsModel" src="T--Tuebingen--TeamB.png"></img></a>
 +
<a href="Chemical Synthesis.html"><img class="ChemicalSynthesis" src="T--Tuebingen--TeamB.png"></img></a>
 +
<a href="Biochemical Synthesis.html"><img class="BiochemicalSynthesis" src="T--Tuebingen--TeamB.png"></img></a>
 +
<a href="Testing.html"><img class="Testing" src="T--Tuebingen--TeamB.png"></img></a>
 +
<a href="Silver.html"><img class="Silver" src="T--Tuebingen--TeamB.png"></img></a>
 +
<a href="Gold.html"><img class="Gold" src="T--Tuebingen--TeamB.png"></img></a>
 +
<a href="Education and oublic engagement.html"><img class="EducationAndPublicEngagement" src="T--Tuebingen--TeamB.png"></img></a>
 +
<a href="Labbook.html"><img class="Labbook" src="T--Tuebingen--TeamB.png"></img></a>
 +
<a href="Lab Protocols.html"><img class="LabProtocols" src="T--Tuebingen--TeamB.png"></img></a>
 +
<a href="Interlab Study.html"><img class="InterlabStudy" src="T--Tuebingen--TeamB.png"></img></a>
 +
<a href="Parts.html"><img class="Parts" src="T--Tuebingen--TeamB.png"></img></a>
 +
<a href="Collaborations.html"><img class="Collaborations" src="T--Tuebingen--TeamB.png"></img></a>
 +
<a href="References.html"><img class="References" src="T--Tuebingen--TeamB.png"></img></a>
  
  
 +
</div>
 
</body>
 
</body>
 +
</html>

Revision as of 18:05, 1 November 2017