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}}
<html>
<html>
-
<h1>SJTU</h1>
+
    <head>
 +
        <link rel="stylesheet" type="text/css" href="https://2014.igem.org/Team:SJTU-BioX-Shanghai/index.css?action=raw&ctype=text/css">
 +
        <link rel="stylesheet" type="text/css" href="https://2014.igem.org/Team:SJTU-BioX-Shanghai/component.css?action=raw&ctype=text/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>
            
            
-
</html>         
+
         
 +
         
 +
         
 +
       
 +
        <script type="text/javascript" src="https://2014.igem.org/Team:SJTU-BioX-Shanghai/jquery-1.11.1.min.js?action=raw&ctype=text/javascript"></script>
 +
         <!--<script type="text/javascript" src="js/cbpTooltipMenu.min.js"></script>-->
 +
        <script type="text/javascript" src="https://2014.igem.org/Team:SJTU-BioX-Shanghai/untitled.js?action=raw&ctype=text/javascript"></script>
 +
        <script type="text/javascript" src="https://2014.igem.org/Team:SJTU-BioX-Shanghai/modernizr.custom.js?action=raw&ctype=text/javascript"></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>
 +
</html>
{{Team:SJTU-BioX-Shanghai/footer}}
{{Team:SJTU-BioX-Shanghai/footer}}

Revision as of 13:34, 8 October 2014

What is this project aiming at?

How can we achieve our goal?

How do we put them together?