Team:SJTU-BioX-Shanghai
From 2014.igem.org
(Difference between revisions)
Line 1: | Line 1: | ||
{{Team:SJTU-BioX-Shanghai/clear}} | {{Team:SJTU-BioX-Shanghai/clear}} | ||
+ | <!DOCTYPE> | ||
<html> | <html> | ||
- | <head> | + | <head> |
+ | <link rel="stylesheet" type="text/css" href="css/my2.css"> | ||
+ | <link rel="stylesheet" type="text/css" href="css/component.css"> | ||
+ | </head> | ||
+ | <body> | ||
+ | <div class="header_logo"> | ||
+ | <div class="header_content"> | ||
+ | <div class="logo"> | ||
+ | <a href="http://www.baidu.com"> | ||
+ | <img src="img/logo+igem.png" width="200px;"></img> | ||
+ | </a> | ||
+ | </div> | ||
+ | <div class="biglogo"> | ||
+ | <img src="img/SJTU14_sjtu.png" width="250px;" ></img> | ||
+ | </div> | ||
+ | <div class="name"> | ||
+ | <p>MEMBRANING</p> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | <div style="clear:both;"></div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div id="wrap"> | ||
+ | <header role="banner"> | ||
+ | <div class="flex"> | ||
+ | <h1><a href="#" class="site-title ir">HOME</a></h1> | ||
+ | <nav role="navigation"> | ||
+ | <ul id="cbp-tm-menu" class="cbp-tm-menu"> | ||
+ | <li class=""><a href="#">PROJECT</a> | ||
+ | <ul class="cbp-tm-submenu"> | ||
+ | <li><a href="#" class="cbp-tm-icon-archive">OVERVIEW</a></li> | ||
+ | <li><a href="#" class="cbp-tm-icon-cog">BACKGROUND</a></li> | ||
+ | <li><a href="#" class="cbp-tm-icon-cog">SUB 1</a></li> | ||
+ | <li><a href="#" class="cbp-tm-icon-cog">SUB 2</a></li> | ||
+ | <li><a href="#" class="cbp-tm-icon-cog">SUB 3</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li class=""><a href="#">ACHIEVEMENT</a> | ||
+ | <ul class="cbp-tm-submenu"> | ||
+ | <li><a href="#" class="cbp-tm-icon-screen">RESULT</a></li> | ||
+ | <li><a href="#" class="cbp-tm-icon-mail">MODELING</a></li> | ||
+ | <li><a href="#" class="cbp-tm-icon-contract">PARTS</a></li> | ||
+ | <li><a href="#" class="cbp-tm-icon-pencil">JUDGING FORM</a></li> | ||
+ | <li><a href="#" class="cbp-tm-icon-article">HUMAN PRACTICE</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li class=""><a href="#">NOTEBOOK</a> | ||
+ | <ul class="cbp-tm-submenu"> | ||
+ | <li><a href="#" class="cbp-tm-icon-archive">DAY NOTES</a></li> | ||
+ | <li><a href="#" class="cbp-tm-icon-cog">SAFTY</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li class=""><a href="#">TEAM</a> | ||
+ | <ul class="cbp-tm-submenu"> | ||
+ | <li><a href="#" class="cbp-tm-icon-archive">TEAM</a></li> | ||
+ | <li><a href="#" class="cbp-tm-icon-cog">RROFILE</a></li> | ||
+ | <li><a href="#" class="cbp-tm-icon-link">ATTRIBUTION</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | </ul> | ||
+ | </nav> | ||
+ | </div> | ||
+ | </header> | ||
+ | <div style="clear:both;"></div> | ||
+ | </div> | ||
+ | <div class="content1"> | ||
+ | <h1 class:title1>What is this project aiming at?</h1> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | |||
+ | <div class="content2"> | ||
+ | <h1 class:title2>How can we achieve our goal?</h1> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | <div class="content3"> | ||
+ | <h1 class:title3>How do we put them together?</h1> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | <script type="text/javascript" src="js/jquery-1.11.1.min.js"></script> | ||
+ | <!--<script type="text/javascript" src="js/cbpTooltipMenu.min.js"></script>--> | ||
+ | <script type="text/javascript" src="js/untitled.js"></script> | ||
+ | <script type="text/javascript" src="js/modernizr.custom.js"></script> | ||
+ | <script type="text/javascript"> | ||
- | + | var aa = $(window).width(); | |
- | < | + | var bb = document.getElementsByTagName("header")[0]; |
+ | var cc = document.getElementById("wrap"); | ||
+ | |||
+ | $(document).scroll(function(){ | ||
+ | var ee = cc.getBoundingClientRect().top; | ||
+ | if(ee < 0){ | ||
+ | cc.setAttribute("class","sticky"); | ||
+ | bb.setAttribute("class","sticky"); | ||
+ | } else { | ||
+ | cc.setAttribute("class",""); | ||
+ | bb.setAttribute("class",""); | ||
+ | } | ||
+ | }); | ||
- | + | var menu = new cbpTooltipMenu(document.getElementById('cbp-tm-menu')); | |
- | + | </script> | |
- | + | </body> | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | < | + | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | </body> | + | |
</html> | </html> | ||
+ | {{Team:SJTU-BioX-Shanghai/footer}} |
Revision as of 13:14, 8 October 2014
<!DOCTYPE>