Team:ETH Zurich/Templates/Test

From 2013.igem.org

(Difference between revisions)
Line 4: Line 4:
<html>
<html>
 +
<style type="text/css">
 +
#picture {
 +
  -webkit-transform: rotate(10deg);
 +
  -moz-transform: rotate(10deg);
 +
  transform: rotate(10deg);
 +
  padding:40px;
 +
  float:right;
 +
}
 +
#pipette {
 +
position:static;
 +
margin-top:500px;
 +
margin-left:300px;
 +
}
 +
</style>
 +
</html>
 +
<html>
 +
<div style="float:left;font-style:verdana;font-size:40px;color:white">ETH's Colisweeper!</div><br><br>
 +
<div style="position:static;margin-left:20%;color:white;font-size:32px;">- beware not to step on a mine</div>
 +
</html>
 +
<html>
 +
<style type="text/css">
 +
.flexslider {
 +
    max-width: 600px;
 +
    /* display: table; */
 +
    margin-left: auto;
 +
    margin-right: auto;
 +
}
 +
</style>
 +
<div style="min-width:50%; float: left;">
 +
<div class="flexslider">
 +
  <ul class="slides">
 +
    <li>
 +
      <img src="https://static.igem.org/mediawiki/2013/f/f7/Team_picture.JPG" />
 +
    </li>
 +
<li>
 +
      <img src="https://static.igem.org/mediawiki/2013/thumb/3/37/Infoprofinal.png/799px-Infoprofinal.png" usemap="#map" id="imagemap"/>
 +
<map id="map" name="map"><area id="img1" shape="poly" alt="" title="Project" coords="53,81,31,91,18,115,10,136,12,162,30,189,49,201,79,196,98,175,103,138,97,112,87,94,70,80" href="https://2013.igem.org/Team:ETH_Zurich/Project" target=""/><area shape="poly" alt="" title="Diffusion tests" coords="113,86,258,81,260,73,282,96,260,117,260,108,108,107,110,97" href="https://2013.igem.org/Team:ETH_Zurich/Experiments_2" target="" /><area shape="poly" alt="" title="Constructs" coords="481,146,458,147,433,197,439,233,460,261,487,268,512,256,525,235,530,199,518,164,495,145,482,143" href="https://2013.igem.org/Team:ETH_Zurich/Experiments" target="" /><area shape="poly" alt="" title="Enzyme-substrates" coords="452,312,425,291,388,278,364,277,318,298,297,327,308,360,328,377,359,388,400,387,433,376,453,357,459,331" href="https://2013.igem.org/Team:ETH_Zurich/Experiments_3" target="" /><area shape="poly" alt="" title="Gameplay" coords="201,235,197,254,323,258,323,235,259,234,225,233" href="https://2013.igem.org/Team:ETH_Zurich/Experiments_6" target="" /><area shape="circle" alt="" title="Phoa" coords="103,303,19" href="https://2013.igem.org/Team:ETH_Zurich/Experiments_7" target="" /><area shape="circle" alt="" title="GusA" coords="165,291,19" href="https://2013.igem.org/Team:ETH_Zurich/Experiments_7" target="" /><area shape="circle" alt="" title="LacZ" coords="93,356,18" href="https://2013.igem.org/Team:ETH_Zurich/Experiments_7" target="" /><area shape="circle" alt="" title="" coords="157,351,1" href="https://2013.igem.org/Team:ETH_Zurich/Experiments_7" target="" /><area shape="circle" alt="" title="LacZ" coords="141,328,19" href="https://2013.igem.org/Team:ETH_Zurich/Experiments_7" target="" /><area shape="circle" alt="" title="Aes" coords="169,370,18" href="https://2013.igem.org/Team:ETH_Zurich/Experiments_7" target="" /></map>
 +
    </li>
 +
    <li>
 +
      <img src="https://static.igem.org/mediawiki/2013/thumb/6/64/Team_pic_no_me_2.jpg/800px-Team_pic_no_me_2.jpg" />
 +
    </li>
 +
 +
    <li>
 +
      <img src="https://static.igem.org/mediawiki/2013/thumb/7/7e/Spiral_plate.jpg/800px-Spiral_plate.jpg" />
 +
    </li>
 +
 +
  <li>
 +
      <img src="https://static.igem.org/mediawiki/2013/3/30/Lab1.png" />
 +
    </li>
 +
 +
  </ul>
 +
</div></div>
 +
<script type="text/javascript">
 +
$(document).ready(function() {
 +
  $('.flexslider').flexslider({
 +
    animation: "slide",
 +
    maxItems: 1,
 +
    itemWidth: "600px"
 +
 +
  });
 +
});
 +
</script>
 +
<div style="min-width:50%;  float: right;">
 +
<div style="max-width:640px; margin-left: auto; margin-right: auto;">
     <video id="player_a" class="projekktor" poster="media/intro.png" title="this is Projekktor" width="640" height="360" controls>
     <video id="player_a" class="projekktor" poster="media/intro.png" title="this is Projekktor" width="640" height="360" controls>
  <source src="http://praegnanz.de/html5video/player/video_SD.mp4" type="video/mp4" />         
  <source src="http://praegnanz.de/html5video/player/video_SD.mp4" type="video/mp4" />         
<source src="http://praegnanz.de/html5video/player/video_SD.webm" type="video/webm" />   
<source src="http://praegnanz.de/html5video/player/video_SD.webm" type="video/webm" />   
     </video>
     </video>
-
 
+
</div>
 +
</div>
     <script type="text/javascript">
     <script type="text/javascript">

Revision as of 16:07, 9 September 2013

Header2.png
80px-Eth igem logo.png


ETH's Colisweeper!


- beware not to step on a mine

Retrieved from "http://2013.igem.org/Team:ETH_Zurich/Templates/Test"