Difference between revisions of "Team:Potsdam/awards"

 
(39 intermediate revisions by 3 users not shown)
Line 13: Line 13:
  
  
 +
<style>
  
 +
.notEvenThatTallWrapperButStillKindaTall{
 +
height:400px
 +
}
  
  
 +
.medalContainer{
 +
position:relative;
 +
width:33%;
 +
float:left;
  
<p>
+
}
<a href="https://2017.igem.org/Judging/Pages_for_Awards"> Award info page </a>
+
<b>
+
Medals
+
<b>
+
Bronze
+
<b>
+
<a href="https://2017.igem.org/Team:Potsdam/Attributions">Attributions</a>
+
<b>
+
<a href="https://2017.igem.org/Team:Potsdam/Contribution">Contribution</a>
+
<b>
+
Silver
+
<b>
+
<a href="https://2017.igem.org/Team:Potsdam/Collaborations">Collaborations</a>
+
<b>
+
<a href="https://2017.igem.org/Team:Potsdam/HP/Silver">Human practices</a>
+
<b>
+
Gold
+
<b>
+
<a href=" https://2017.igem.org/Team:Potsdam/HP/Gold_Integrated">Human practices integrated</a>
+
<b>
+
<a href="https://2017.igem.org/Team:Potsdam/Improve">Improve</a>
+
<b>
+
<a href="https://2017.igem.org/Team:Potsdam/Demonstrate">Demonstrate</a>
+
<b>
+
  
 
+
.medalDescription{
</p>
+
position:absolute;
            </div>
+
width:100%;
        </div>
+
height:100%;
    </div>
+
top:0;
 +
left:0;
 +
display:none;
 +
background-color:#FFFFFF;
 +
opacity: 0.8;
 +
}
 +
.medalContainer img
 +
{
 +
width:100%;
 +
}
  
 +
.medalContainer:hover .medalDescription, .medalDescription:hover{
 +
display:block;
 +
}
  
    <div class="wrapper style3">
+
.medalDescription p{
        <div class="title">
+
margin:30px;
            .
+
        </div>
+
        <div id="main" class="container">
+
            <div id="content">
+
 
+
 
+
            </div>
+
        </div>
+
    </div>
+
 
+
 
+
    <div class="wrapper style1">
+
        <div class="title">
+
            .
+
        </div>
+
        <div id="main" class="container">
+
            <div id="content">
+
                <!-- Content -->
+
  
 +
}</style>
  
 +
<div class="notEvenThatTallWrapperButStillKindaTall">
 +
 +
<div class="medalContainer" ><img  src="https://static.igem.org/mediawiki/2017/1/14/T--Potsdam--Awards--Bronze.png" border="0"/>
 +
<div class="medalDescription" >
 +
<p align="center">
 +
<br>
 +
<a href="https://2017.igem.org/Team:Potsdam/Attributions"> Attributions </a>
 +
<br>
 +
<br>
 +
<a href="https://2017.igem.org/Team:Potsdam/Contribution"> Contribution </a>
 +
</p></div>
 +
</div>
  
 +
<div class="medalContainer" ><img  src="https://static.igem.org/mediawiki/2017/4/41/T--Potsdam--Awards--Silber.png" border="0"/>
 +
<div class="medalDescription" >
 +
<p align="center">
 +
<br>
 +
<a href="https://2017.igem.org/Team:Potsdam/Collaborations"> Collaborations </a>
 +
<br>
 +
<br>
 +
<a href="https://2017.igem.org/Team:Potsdam/HP/Silver"> Human Practices </a>
 +
</p></div>
 +
</div>
  
 +
<div class="medalContainer" ><img  src="https://static.igem.org/mediawiki/2017/e/e2/T--Potsdam--Awards--Gold.png" border="0" />
 +
<div class="medalDescription" >
 +
<p align="center">
 +
<br>
 +
<a href="https://2017.igem.org/Team:Potsdam/Model"> Modelling </a>
 +
<br>
 +
<br>
 +
<a href="https://2017.igem.org/Team:Potsdam/HP/Gold_Integrated"> Human Practices Integrated </a>
 +
<br>
 +
<br>
 +
<a href="https://2017.igem.org/Team:Potsdam/Demonstrate"> Demonstrate </a>
 +
</p></div>
 +
</div>
 +
</div>
  
  
Line 82: Line 97:
  
  
    <div id="footer-wrapper" class="wrapper">
+
  <div id="footer-wrapper" class="wrapper">
 
         <div class="title">
 
         <div class="title">
             Some interesting sites:
+
             Did you see this?
 
         </div>
 
         </div>
 
         <div class="boxWrapper">
 
         <div class="boxWrapper">
Line 90: Line 105:
 
                 <div class="topBox">
 
                 <div class="topBox">
 
                     <a href="https://2017.igem.org/Http://2017.igem.org/2017.igem.org/Team:Potsdam/Abstract">
 
                     <a href="https://2017.igem.org/Http://2017.igem.org/2017.igem.org/Team:Potsdam/Abstract">
                         <img src="https://files.slack.com/files-pri/T3R32AA3S-F6JUBJYTF/visualisierungsskizze.jpg" alt="" />  
+
                         <img src="https://static.igem.org/mediawiki/2017/archive/0/01/20171003140936%21T--Potsdam--Abstract--MC-Drawing.jpeg" alt="" />  
                         <p><font color="#FF0000">Abstract </p>
+
                         <p><font color="black">Abstract</font></p>
 
                     </a>
 
                     </a>
 
                 </div>
 
                 </div>
 
                 <div class="bottomBox">
 
                 <div class="bottomBox">
                     <a  href="https://2017.igem.org/Team:Potsdam/Results">
+
                     <a  href="https://2017.igem.org/wiki/index.php?title=Team%3APotsdam%2FResults"">
                         <img src="https://files.slack.com/files-pri/T3R32AA3S-F6JUBJYTF/visualisierungsskizze.jpg" alt="" />  
+
                         <img src="https://static.igem.org/mediawiki/2017/5/50/T--Potsdam--resuslts--main.png" alt="" />  
                         <p>Our results color="#FF0000"></p>
+
                         <p><font color="black">What we've achieved</font> </p>
 
                     </a>
 
                     </a>
 
                 </div>
 
                 </div>
Line 103: Line 118:
 
             <div class="centerBox">
 
             <div class="centerBox">
 
                 <div class="topBox">
 
                 <div class="topBox">
                     <a href="https://2017.igem.org/wiki/index.php?title=Team%3APotsdam%2FVision">
+
                     <a href="https://2017.igem.org/Team:Potsdam/iGem-goes-green">
                         <img src="https://files.slack.com/files-pri/T3R32AA3S-F4JM3RX1V/logo_png_black.png" alt="" />  
+
                         <img src="https://static.igem.org/mediawiki/2017/1/12/T--Potsdam--goesgreen.png" alt="" />  
                         <p>our vision</p>
+
                         <p><font color="black">iGEM Goes Green</font></p>
 
                     </a>
 
                     </a>
 
                 </div>
 
                 </div>
 
                 <div class="bottomBox">
 
                 <div class="bottomBox">
                     <a href="http://www.google.com/">
+
                     <a href="https://2017.igem.org/wiki/index.php?title=Team%3APotsdam%2FTeam">
                         <img src="https://static.igem.org/mediawiki/2017/d/da/T--Potsdam--pic07.jpg" alt="" />
+
                         <img src="https://static.igem.org/mediawiki/2017/d/d5/T--Potsdam--schattenmenschen.png" alt="" />
                         <p> <font color="#FF0000"> iGEMGoesGreen </p>
+
                         <p> <font color="black"> Who we are...</font> </p>
 
                     </a>
 
                     </a>
 
                 </div>
 
                 </div>
Line 117: Line 132:
 
             <div class="rightBox">
 
             <div class="rightBox">
 
                 <div class="topBox">
 
                 <div class="topBox">
                     <a href="https://2017.igem.org/wiki/index.php?title=Team%3APotsdam%2FSpo">
+
                     <a href="https://2017.igem.org/wiki/index.php?title=Team%3APotsdam%2FBackground">
                         <img src="https://static.igem.org/mediawiki/2017/2/29/T--Potsdam--pic02.jpg" alt="" />  
+
                         <img src="https://static.igem.org/mediawiki/2017/a/a6/T--Potsdam--infografik.png" alt="" />  
                         <p>Sponsors</p>
+
                         <p><font color="black">Background information</font></p>
 
                     </a>
 
                     </a>
 
                 </div>
 
                 </div>
 
                 <div class="bottomBox">
 
                 <div class="bottomBox">
                     <a href="https://2017.igem.org/wiki/index.php?title=Team%3APotsdam%2FLink-storage">
+
                     <a href="https://2017.igem.org/wiki/index.php?title=Team%3APotsdam%2Fcrowdfunding">
                         <img src="https://static.igem.org/mediawiki/2017/a/a7/T--Potsdam--pic03.jpg" alt="" />  
+
                         <img src="https://static.igem.org/mediawiki/2017/a/a5/T--Potsdam--main--startnext.png" alt="" />  
                         <p>--Link-Storage--</p>
+
                         <p><font color="black">Crowdfunding</font></p>
 
                     </a>
 
                     </a>
 
                 </div>
 
                 </div>
Line 131: Line 146:
 
         </div>
 
         </div>
 
     </div>
 
     </div>
 +
 +
</div>
 +
</div>
 +
</div>
 +
 +
<div id="sponsor-wrapper" class="wrapper">
 +
<p> <font color="black"> Main sponsors: </font> </p>
 +
    <img src="https://static.igem.org/mediawiki/2017/f/fd/T--Potsdam--sponors--up_unten.png" width="24%">
 +
    <img src="https://static.igem.org/mediawiki/2017/8/8d/T--potsdam--sponsors--maxsynbio_unten.png" width="24%">
 +
    <img src="https://static.igem.org/mediawiki/2017/8/8f/T--Potsdam--sponsors--promega_unten.png" width="24%">
 +
    <img src="https://static.igem.org/mediawiki/2017/b/b2/T--Potsdam--sponsors--eppendorf.png" width="24%">
 +
</div>
 
</div>
 
</div>
 
</div>
 
</div>

Latest revision as of 13:22, 1 November 2017

No Sidebar - Escape Velocity by HTML5 UP