Difference between revisions of "Team:ZJU-China"

Line 72: Line 72:
  
 
</style>
 
</style>
 +
 +
 
<script type="text/javascript" src="https://2015.igem.org/Team:ZJU-China/js/home/ZJU-tinybox.js?action=raw&amp;ctype=text/javascript"></script>  
 
<script type="text/javascript" src="https://2015.igem.org/Team:ZJU-China/js/home/ZJU-tinybox.js?action=raw&amp;ctype=text/javascript"></script>  
  
−
<div class="wrap" >
+
  <div class="wrap" >
 
  <div class="container" id="intro">
 
  <div class="container" id="intro">
  
  
−
    <h2 class="hh2">INTRODUCE</h2>
+
<h2 class="hh2">INTRODUCE</h2>
  
−
    <div class="row">
+
<div class="row">
−
      <div class="col-md-3">
+
 
−
<div class="block" data-rotate-y="180deg" data-move-z="-200px" data-move-x="-300px">
+
 
 +
 
 +
<div class="col-md-3">
 +
<div class="block" data-rotate-y="180deg" data-move-z="-200px" data-move-x="-300px" id="block1-1" >
 
<img style="padding:20%" src="https://static.igem.org/mediawiki/2015/0/08/ZJU-promotion.png"/>
 
<img style="padding:20%" src="https://static.igem.org/mediawiki/2015/0/08/ZJU-promotion.png"/>
 
</div>
 
</div>
 +
<script type="text/javascript">
 +
var task = "<img width='1000' height='1000' src='image/img.png' />";
 +
T$('block1-1').onclick = function(){TINY.box.show(task,0,0,0,1)}
 +
</script>
 
</div>
 
</div>
−
      <div class="col-md-3">
+
 
−
<div class="block" data-rotate-x="180deg" data-rotate-y="180deg" data-move-z="-700px">
+
 
 +
<div class="col-md-3">
 +
<div class="block" data-rotate-x="180deg" data-rotate-y="180deg" data-move-z="-700px" id="block1-2">
 
<img style="padding:20%" src="https://static.igem.org/mediawiki/2015/e/ee/ZJU-outreach.png"/>
 
<img style="padding:20%" src="https://static.igem.org/mediawiki/2015/e/ee/ZJU-outreach.png"/>
 
</div>
 
</div>
 +
<script type="text/javascript">
 +
var task = "<img width='554' height='344' src='image/img.png' />";
 +
T$('block1-2').onclick = function(){TINY.box.show(task,0,0,0,1)}
 +
</script>
 
</div>
 
</div>
−
      <div class="col-md-3">
+
 
−
<div class="block" data-rotate-x="180deg" data-rotate-y="45deg" data-move-z="-500px">
+
 
 +
 
 +
<div class="col-md-3">
 +
<div class="block" data-rotate-x="180deg" data-rotate-y="45deg" data-move-z="-500px" id="block1-3">
 
<img style="padding:20%" src="https://static.igem.org/mediawiki/2015/6/6f/ZJU-modling.png"/>
 
<img style="padding:20%" src="https://static.igem.org/mediawiki/2015/6/6f/ZJU-modling.png"/>
 
</div>
 
</div>
 +
<script type="text/javascript">
 +
var task = "<img width='554' height='344' src='image/img.png' />";
 +
T$('block1-3').onclick = function(){TINY.box.show(task,0,0,0,1)}
 +
</script>
 
</div>
 
</div>
−
      <div class="col-md-3">
+
 
−
<div class="block" data-rotate-y="180deg" data-move-z="-100px" data-move-x="500px">
+
 
 +
 
 +
<div class="col-md-3">
 +
<div class="block" data-rotate-y="180deg" data-move-z="-100px" data-move-x="500px" id="block1-4">
 
<img style="padding:20%" src="https://static.igem.org/mediawiki/2015/5/50/ZJU-application.png"/>
 
<img style="padding:20%" src="https://static.igem.org/mediawiki/2015/5/50/ZJU-application.png"/>
 
</div>
 
</div>
 +
<script type="text/javascript">
 +
var task = "<img width='554' height='344' src='image/img.png' />";
 +
T$('block1-4').onclick = function(){TINY.box.show(task,0,0,0,1)}
 +
</script>
 
</div>
 
</div>
−
    </div>
+
 
−
    <div class="row">
+
 
−
      <div class="col-md-3"><div class="block" data-rotate-y="270deg" data-move-x="-150%">
+
 
 +
</div>
 +
 
 +
 
 +
 
 +
<div class="row">
 +
 
 +
 
 +
 
 +
<div class="col-md-3">
 +
<div class="block" data-rotate-y="270deg" data-move-x="-150%" id="block2-1">
 
<img style="padding:20%" src="https://static.igem.org/mediawiki/2015/0/04/ZJU-judge.png"/>
 
<img style="padding:20%" src="https://static.igem.org/mediawiki/2015/0/04/ZJU-judge.png"/>
−
</div></div>
+
</div>
−
      <div class="col-md-3"><div class="block" data-rotate-y="270deg" data-move-x="150%">
+
<script type="text/javascript">
 +
var task = "<img width='554' height='344' src='image/img.png' />";
 +
T$('block2-1').onclick = function(){TINY.box.show(task,0,0,0,1)}
 +
</script>
 +
</div>
 +
 
 +
 
 +
<div class="col-md-3">
 +
<div class="block" data-rotate-y="270deg" data-move-x="150%" id="block2-2">
 
<img style="padding:20%" src="https://static.igem.org/mediawiki/2015/d/d7/ZJU-FUTURE.png"/>
 
<img style="padding:20%" src="https://static.igem.org/mediawiki/2015/d/d7/ZJU-FUTURE.png"/>
−
</div></div>
+
</div>
−
      <div class="col-md-3"><div class="block" data-rotate-y="270deg" data-move-x="-150%">
+
<script type="text/javascript">
 +
var task = "<img width='554' height='344' src='image/img.png' />";
 +
T$('block2-2').onclick = function(){TINY.box.show(task,0,0,0,1)}
 +
</script>
 +
</div>
 +
 
 +
 
 +
 
 +
<div class="col-md-3">
 +
<div class="block" data-rotate-y="270deg" data-move-x="-150%" id="block2-3">
 
<img style="padding:20%" src="https://static.igem.org/mediawiki/2015/f/f3/ZJU-card.png"/>
 
<img style="padding:20%" src="https://static.igem.org/mediawiki/2015/f/f3/ZJU-card.png"/>
−
</div></div>
+
</div>
−
      <div class="col-md-3"><div class="block" data-rotate-y="270deg" data-move-x="150%">
+
<script type="text/javascript">
 +
var task = "<img width='554' height='344' src='image/img.png' />";
 +
T$('block2-3').onclick = function(){TINY.box.show(task,0,0,0,1)}
 +
</script>
 +
</div>
 +
 
 +
 
 +
<div class="col-md-3">
 +
<div class="block" data-rotate-y="270deg" data-move-x="150%" id="block2-4">
 
<img style="padding:20%" src="https://static.igem.org/mediawiki/2015/4/43/ZJU-safty.png"/>
 
<img style="padding:20%" src="https://static.igem.org/mediawiki/2015/4/43/ZJU-safty.png"/>
−
</div></div>
+
</div>
−
    </div>
+
<script type="text/javascript">
−
<div style=";text-align: center; width: 100%;height: 0;z-index: 99;"><a href="#globalWrapper"><img src="https://static.igem.org/mediawiki/2015/1/16/ZJU_up.png" style="width:10%;height:40px;" /></a></div>
+
var task = "<img width='554' height='344' src='image/img.png' />";
 +
T$('block2-4').onclick = function(){TINY.box.show(task,0,0,0,1)}
 +
</script>
 +
</div>
 
</div>
 
</div>
  
 +
<div style=";text-align: center; width: 100%;height: 0;z-index: 99;">
 +
<a href="#globalWrapper">
 +
<img src="https://static.igem.org/mediawiki/2015/1/16/ZJU_up.png" style="width:10%;height:40px;" />
 +
</a>
 +
</div>
  
  
 +
 +
</div>
  
  
Line 128: Line 202:
  
  
−
 
−
 
−
<br><br>
 
 
</body></html>
 
</body></html>

Revision as of 10:17, 6 September 2015

Image 1
Image 2
Image 3

INTRODUCE