(Prototype team page) |
|||
Line 1: | Line 1: | ||
− | |||
<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> |
− | + | <link rel="stylesheet" type="text/css" href="https://static.igem.org/mediawiki/2016/5/5d/T--KAIT_Japan--text-1.css.txt"></link> | |
− | </ | + | <link rel="stylesheet" type="text/css" href="https://static.igem.org/mediawiki/2016/6/69/T--KAIT_Japan--back-to-top-button.txt"></link> |
− | + | </head> | |
− | < | + | <body> |
− | + | <div class="bg"> | |
− | + | <div class="bg-1" | |
− | + | data-0="margin-top:0vh;" | |
− | + | data-200="margin-top:0vh;" | |
− | + | data-500="margin-top:-80vh;"> | |
− | + | <div | |
− | + | class="text-1-wrapper" | |
− | + | data-0="margin-top:50vh;" | |
− | + | data-400="margin-top:10vh;"> | |
− | + | <h1 class="text-1">xxkm<sup>2</sup> desertificate Every Year.</h1> | |
− | + | </div> | |
− | < | + | </div> |
− | < | + | <div class="bg-2" |
− | < | + | data-0="margin-top:50vh;" |
− | + | data-50="margin-top:50vh;" | |
− | <div class=" | + | data-450="margin-top:-200vh;"> |
− | <div class=" | + | <div |
− | < | + | class="text-2-wrapper" |
− | < | + | data-350=" |
− | + | top:10vh; | |
− | </div> | + | opacity:0;" |
− | < | + | data-450=" |
− | + | top:20vh; | |
− | <div class=" | + | opacity:1;"> |
− | < | + | <h1>Bacteria Make Gel</h1> |
− | < | + | </div> |
− | + | <div class="image-1-wrapper" | |
− | </div> | + | data-499="opacity:0;" |
− | + | data-550="opacity:1;"> | |
− | + | <img src="./image.png"></img> | |
− | + | </div> | |
− | + | <div class="text-3-wrapper" | |
− | <div class=" | + | 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. | |
− | </div> | + | The quick brown fox jumps over the lazy dog. |
− | + | </div> | |
− | + | </div> | |
− | <div class=" | + | <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> |
− | + | <div class="bg-4" | |
− | + | data-0="margin-top:0vh;" | |
− | <div class=" | + | data-1450="margin-top:0vh;" |
− | + | data-1500="margin-top:-100vh;"> | |
− | < | + | <div class="text-3-wrapper" |
− | <ul> | + | data-1499="opacity:0;" |
− | <li> <a href=" | + | data-1500="opacity:1;"> |
− | <li> <a href=" | + | This is sample text. |
− | <li> <a href=" | + | The quick brown fox jumps over the lazy dog. |
− | <li> <a href=" | + | 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;"> | |
− | <div class=" | + | This is sample text. |
− | + | The quick brown fox jumps over the lazy dog. | |
− | </div> | + | 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> |
Revision as of 08:36, 11 October 2016
xxkm2 desertificate Every Year.
Bacteria Make Gel
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.
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.
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.
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.