Difference between revisions of "Team:KAIT Japan"

 
(22 intermediate revisions by 2 users not shown)
Line 1: Line 1:
 +
{{KAIT_Japan}}
 
<html>
 
<html>
  <head>
+
 
    <link rel="stylesheet" type="text/css" href="https://static.igem.org/mediawiki/2016/4/4e/T--KAIT_Japan--main.css.txt"></link>
+
<style>
    <link rel="stylesheet" type="text/css" href="https://static.igem.org/mediawiki/2016/5/5d/T--KAIT_Japan--text-1.css.txt"></link>
+
.aaa{margin-bottom:20px;}
    <link rel="stylesheet" type="text/css" href="https://static.igem.org/mediawiki/2016/6/69/T--KAIT_Japan--back-to-top-button.txt"></link>
+
body{
  </head>
+
background-image:url(https://static.igem.org/mediawiki/2016/e/e2/T--KAIT_Japan--desert.jpg);
  <body>
+
}
    <div class="bg">
+
div#content{
      <div class="bg-1"
+
background-color:transparent;
        data-0="margin-top:0vh;"
+
}
        data-200="margin-top:0vh;"
+
</style>
        data-500="margin-top:-80vh;">
+
<!--ここに文章を書いてください-->
        <div
+
<div class="center-block text-center">
          class="text-1-wrapper"
+
<h1>Stop the desertification</h1>
          data-0="margin-top:50vh;"
+
<div class="aaa">
          data-400="margin-top:10vh;">
+
The soil erosion and also the desertification which caused by the soil erosion have been an environmental issue, which attention is paid throughout the world. June 17 had been declared “World Day to Combat Desertification and Drought” to promote the awareness of this issue. The United Nations Convention to Combat Desertification had been implemented in those countries which are experiencing serious drought or desertification or both of it, especially in Africa. Hence, trying to solve this problem of desertification, our project focused on the Bacteria Cellulose produced by acetic acid bacteria, and we think that it can help to prevent the soil erosion.
          <h1 class="text-1">xxkm<sup>2</sup> desertificate Every Year.</h1>
+
</div>
        </div>
+
<a href="https://2016.igem.org/Team:KAIT_Japan/Description/"><button type="button" class="btn btn-primary">Learn More</button></a>
      </div>
+
</div>
      <div class="bg-2"
+
 
        data-0="margin-top:50vh;"
+
 
        data-50="margin-top:50vh;"
+
<!--全てのページの下の部分にここから下をコピペしてください-->
        data-450="margin-top:-200vh;">
+
<script src="https://2016.igem.org/Template:KAIT_Japan/js?action=raw&ctype=text/javascript"></script>
          <div
+
<!--コピペここまで-->
            class="text-2-wrapper"
+
            data-350="
+
              top:10vh;
+
              opacity:0;"
+
            data-450="
+
              top:20vh;
+
              opacity:1;">
+
            <h1>Bacteria Make Gel</h1>
+
          </div>
+
          <div class="image-1-wrapper"
+
            data-499="opacity:0;"
+
            data-550="opacity:1;">
+
            <img src="./image.png"></img>
+
          </div>
+
          <div class="text-3-wrapper"
+
            data-499="opacity:0;"
+
            data-550="opacity:1;">
+
            This is sample text.
+
            The quick brown fox jumps over the lazy dog.
+
            This is sample text.
+
            The quick brown fox jumps over the lazy dog.
+
          </div>
+
      </div>
+
      <div class="bg-3"
+
        data-0="margin-top:0vh;"
+
        data-950="margin-top:0vh;"
+
        data-1000="margin-top:-100vh;">
+
        <div class="text-3-wrapper"
+
          data-999="opacity:0;"
+
          data-1000="opacity:1;">
+
          This is sample text.
+
          The quick brown fox jumps over the lazy dog.
+
          This is sample text.
+
          The quick brown fox jumps over the lazy dog.
+
        </div>
+
      </div>
+
      <div class="bg-4"
+
        data-0="margin-top:0vh;"
+
        data-1450="margin-top:0vh;"
+
        data-1500="margin-top:-100vh;">
+
        <div class="text-3-wrapper"
+
          data-1499="opacity:0;"
+
          data-1500="opacity:1;">
+
          This is sample text.
+
          The quick brown fox jumps over the lazy dog.
+
          This is sample text.
+
          The quick brown fox jumps over the lazy dog.
+
        </div>
+
      </div>
+
      <div
+
        class="bg-5"
+
        data-0="margin-top:0vh;"
+
        data-1950="margin-top:0vh;"
+
        data-2000="margin-top:-100vh;">
+
        <div class="text-3-wrapper"
+
          data-1999="opacity:0;"
+
          data-2000="opacity:1;">
+
          This is sample text.
+
          The quick brown fox jumps over the lazy dog.
+
          This is sample text.
+
          The quick brown fox jumps over the lazy dog.
+
        </div>
+
      </div>
+
    </div>
+
    <div class="scroll-supporter" data-0="top:0vh;" data-2500="top:90vh;"></div>
+
    <nav class="top-menu">
+
      <ul>
+
        <li><a href="">Top</a></li>
+
        <li><a href="">Team</a></li>
+
        <li><a href="">Achievements</a></li>
+
        <li><a href="">Achievements</a></li>
+
      </ul>
+
    </nav>
+
    <nav class="back-to-top-button">
+
      <a href="#" data-scroll>Back To<br>Top</a>
+
    </nav>
+
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
+
    <script type="text/javascript" src="https://static.igem.org/mediawiki/2016/1/1c/T--KAIT_Japan--smooth-scroll.txt"></script>
+
    <script type="text/javascript" src="https://static.igem.org/mediawiki/2016/0/05/T--KAIT_Japan--skrollr.txt"></script>
+
    <script type="text/javascript">
+
      var s = skrollr.init();
+
    smoothScroll.init() ;
+
      var setScrollHeight = function(){
+
        $(".height-manager")
+
          .css("height",
+
            $("#height-getter").height() + 2500 + "px");
+
      }
+
      $(document).ready(setScrollHeight);
+
      var timer = false;
+
      $(window).resize(function() {
+
          if (timer !== false) {
+
              clearTimeout(timer);
+
          }
+
          timer = setTimeout(setScrollHeight, 200);
+
      });
+
    </script>
+
    <div class="height-manager"></div>
+
    <div id="height-getter"></div>
+
  </body>
+
 
</html>
 
</html>

Latest revision as of 10:18, 14 October 2016

Stop the desertification

The soil erosion and also the desertification which caused by the soil erosion have been an environmental issue, which attention is paid throughout the world. June 17 had been declared “World Day to Combat Desertification and Drought” to promote the awareness of this issue. The United Nations Convention to Combat Desertification had been implemented in those countries which are experiencing serious drought or desertification or both of it, especially in Africa. Hence, trying to solve this problem of desertification, our project focused on the Bacteria Cellulose produced by acetic acid bacteria, and we think that it can help to prevent the soil erosion.