Difference between revisions of "Team:DTU-Denmark/test1"

Line 2: Line 2:
  
 
<html>
 
<html>
 +
 
<head>
 
<head>
<link rel="stylesheet" href="https://2013.igem.org/Team:SDU-Denmark/core/stylesheet2?action=raw&ctype=text/css" type="text/css" />
+
<link rel="stylesheet" href="https://2016.igem.org/Team:DTU-Denmark/hovereffect?action=raw&ctype=text/css">
<link rel="stylesheet" href="https://2013.igem.org/Team:SDU-Denmark/core/fancyboxcss?action=raw&ctype=text/css" type="text/css" />
+
<script> $old = jQuery.noConflict();</script>
+
<script src="https://2013.igem.org/Team:SDU-Denmark/core/jquerytools?action=raw&ctype=text/javascript" type="text/javascript" ></script>
+
<script src="https://2013.igem.org/Team:SDU-Denmark/core/fancyboxjs?action=raw&ctype=text/javascript" type="text/javascript" ></script>
+
<script src="https://2013.igem.org/Team:SDU-Denmark/core/scripts2?action=raw&ctype=text/javascript" type="text/javascript" ></script>
+
<script src="https://2013.igem.org/Team:SDU-Denmark/core/vaccordion?action=raw&ctype=text/javascript" type="text/javascript" ></script>
+
<script type="text/javascript">
+
<script type="text/javascript">
+
    $(document).ready(function() {
+
        $('#box1').hover(function(){
+
            var smallTop = $('#box1').height() - $(".cover", this).height() -10 +"px";
+
    $(".cover", this).stop().animate({top:smallTop},{queue:false,duration:160});
+
}, function() {
+
    $(".cover", this).stop().animate({top:'405px'},{queue:false,duration:160});
+
});
+
        $('#box2').hover(function(){
+
            var smallTop = $('#box2').height() - $(".cover", this).height() -10 +"px";
+
    $(".cover", this).stop().animate({top:smallTop},{queue:false,duration:160});
+
}, function() {
+
    $(".cover", this).stop().animate({top:'405px'},{queue:false,duration:160});
+
});
+
    });
+
</script>
+
 
</head>
 
</head>
  
<div class="expandedContent">
+
 
<div class="boxgrid contentBorder boxgridBig" id="box1">
+
<body>
  <img src="https://static.igem.org/mediawiki/2013/4/47/SDU2013_SpotTrees.jpg">
+
<div class="col-lg-3 col-md-4 col-sm-6 col-xs-12">
  <div class="cover boxcaption" style="top: 405px">
+
    <div class="hovereffect">
    <h2 class="onBlack">Doesn't rubber come from trees?</h2>
+
        <img class="img-responsive" src="http://placehold.it/350x200" alt="">
    <p class="onBlackIntro">
+
        <div class="overlay">
Let your eyes (and mouse) wander to these trees to discover our ideas on how to help the environment and change the future of rubber production. Take a look at our short <strong>project description</strong> below.
+
          <h2>Hover effect 1</h2>
</p>
+
          <a class="info" href="#">link here</a>
    <p class="onBlack">
+
        </div>
The growing demand for natural rubber causes deforestation of the rainforest and occupation of arable lands, due to the establishment of new plantations. If producing rubber by bacteria succeeds, production of natural rubber will not be limited to the regions where the rubber tree can grow. Rather, rubber can be produced even in barren lands.
+
    </div>
</p><p class="onBlack">
+
Our project aims to enable a common bacteria to produce natural rubber while grown under controlled conditions.
+
Natural rubber is composed of molecules consisting of the substance IPP linked together like a chain. The common bacteria that we use (E. coli) already possesses the ability to produce the IPP, but it lacks the enzyme to connect the IPP links together into a chain.
+
We introduced the enzyme that the rubber tree has for connecting the links into the bacteria. Furthermore, we introduced genes that allow the bacteria further production of the IPP links.
+
    </p>
+
  </div>
+
 
</div>
 
</div>
 +
</body>
  
<div class="boxgrid contentBorder boxgridMedium" id="box2" style="margin-left:8px">
 
  <img src="https://static.igem.org/mediawiki/2013/0/06/SDU2013_LabHigh.jpg">
 
  <a class="cover boxcaption" style="top: 405px" href="https://2013.igem.org/Team:SDU-Denmark/Tour10">
 
    <h2 class="onBlack">No, rubber is made in the lab.</h2>
 
    <p class="onBlackIntro">
 
 
If you wish to see how, click here to start the interactive tour.
 
    </p>
 
    <p class="onBlack">
 
Just days before the deadline of iGEM 2013, we got the peaks that our entire summer built towards: Two small bumps on the NMR indicating the presence of bacterially produced rubber in our strain of E. coli. With a mad scramble to the finish line, our initial indication was reinforced. Click anywhere along this text to start the interactive tour, which will guide you along the path to rubber.
 
    </p>
 
  </a>
 
</div>
 
<div class="EndFloatBlock"></div>
 
</div>
 
 
</html>
 
</html>
  
  
 
{{Team:DTU-Denmark/footer}}
 
{{Team:DTU-Denmark/footer}}

Revision as of 08:59, 2 August 2016

New HTML template for the wiki

Hover effect 1

link here


  • FIND US AT:
Facebook Twitter
  • DTU BIOBUILDERS
  • DENMARK
  • DTU - SØLTOFTS PLADS, BYGN. 221/002
  • 2800 KGS. LYNGBY

  • E-mail:
  • dtu-biobuilders-2016@googlegroups.com
  • MAIN SPONSORS:
Lundbeck fundation DTU blue dot Lundbeck fundation Lundbeck fundation