(Prototype team page) |
Wangzhihao (Talk | contribs) |
||
Line 1: | Line 1: | ||
{{Jiangnan_China}} | {{Jiangnan_China}} | ||
− | <html> | + | <html lang="en"> |
+ | <body style="background-color: #ccc"> | ||
+ | <nav class="site-header py-2" style="position: fixed;width: 100%;z-index: 999"> | ||
+ | <div class="container d-flex flex-column flex-md-row justify-content-between" style="max-width: 1300px;"> | ||
+ | <a class="navbar-brand" href="#"> | ||
+ | <img src="https://static.igem.org/mediawiki/2018/8/84/T--jiangnan_china--home--icon-logo.png" width="36px" height="36px"> | ||
+ | </a> | ||
+ | <a class="nav-link py-2 d-none d-md-inline-block" href="https://2018.igem.org/Team:Jiangnan_China"><i class="fa fa-home"></i> Home</a> | ||
+ | <div class="dropdown"> | ||
+ | <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> | ||
+ | <i class="fa fa-group"></i> Team | ||
+ | </a> | ||
+ | <div class="dropdown-menu" aria-labelledby="navbarDropdown"> | ||
+ | <a class="dropdown-item" href="https://2018.igem.org/Team:Jiangnan_China/TeamMembers">Team Members</a> | ||
+ | <a class="dropdown-item" href="https://2018.igem.org/Team:Jiangnan_China/Sponsors">Sponsors</a> | ||
+ | <a class="dropdown-item" href="https://2018.igem.org/Team:Jiangnan_China/Attributions">Attributions</a> | ||
+ | <a class="dropdown-item" href="https://2018.igem.org/Team:Jiangnan_China/Collaborations">Collaborations</a> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="dropdown"> | ||
+ | <a class="nav-link dropdown-toggle" href="#" id="projectDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> | ||
+ | <i class="fa fa-project"></i> Project | ||
+ | </a> | ||
+ | <div class="dropdown-menu" aria-labelledby="projectDropdown"> | ||
+ | <a class="dropdown-item" href="https://2018.igem.org/Team:Jiangnan_China/Description">Description</a> | ||
+ | <a class="dropdown-item" href="https://2018.igem.org/Team:Jiangnan_China/Design">Design</a> | ||
+ | <a class="dropdown-item" href="https://2018.igem.org/Team:Jiangnan_China/Experiments">Experiments</a> | ||
+ | <a class="dropdown-item" href="https://2018.igem.org/Team:Jiangnan_China/Notebook">Notebook</a> | ||
+ | <a class="dropdown-item" href="https://2018.igem.org/Team:Jiangnan_China/Protocols">Protocols</a> | ||
+ | <a class="dropdown-item" href="https://2018.igem.org/Team:Jiangnan_China/Results">Results</a> | ||
+ | <a class="dropdown-item" href="https://2018.igem.org/Team:Jiangnan_China/Demonstrate">Demonstrate</a> | ||
+ | <a class="dropdown-item" href="https://2018.igem.org/Team:Jiangnan_China/Model">Model</a> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="dropdown"> | ||
+ | <a class="nav-link dropdown-toggle" href="#" id="projectDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> | ||
+ | <i class="fa fa-bell"></i> Safety | ||
+ | </a> | ||
+ | <div class="dropdown-menu" aria-labelledby="projectDropdown"> | ||
+ | <a class="dropdown-item" href="https://2018.igem.org/Team:Jiangnan_China/Safety">Training</a> | ||
+ | <a class="dropdown-item" href="https://2018.igem.org/Team:Jiangnan_China/Safety#Protection">Protection</a> | ||
+ | <a class="dropdown-item" href="https://2018.igem.org/Team:Jiangnan_China/Safety#Material">Material</a> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="dropdown"> | ||
+ | <a class="nav-link dropdown-toggle" href="#" id="partsDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> | ||
+ | <i class="fa fa-composer"></i> Human Pactices | ||
+ | </a> | ||
+ | <div class="dropdown-menu" aria-labelledby="partsDropdown"> | ||
+ | <a class="dropdown-item" href="https://2018.igem.org/Team:Jiangnan_China/Human_Practices">Silver_Human Pactices</a> | ||
+ | <a class="dropdown-item" href="https://2018.igem.org/Team:Jiangnan_China/Human_Practices#gold">Gold_Human Pactices</a> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="dropdown"> | ||
+ | <a class="nav-link dropdown-toggle" href="#" id="partsDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> | ||
+ | <i class="fa fa-trophy"></i> Awards | ||
+ | </a> | ||
+ | <div class="dropdown-menu" aria-labelledby="partsDropdown"> | ||
+ | <a class="dropdown-item" href="https://2018.igem.org/Team:Jiangnan_China/Awards">Bronzes</a> | ||
+ | <a class="dropdown-item" href="https://2018.igem.org/Team:Jiangnan_China/Awards#Silver">Silver</a> | ||
+ | <a class="dropdown-item" href="https://2018.igem.org/Team:Jiangnan_China/Awards#Gold">Gold</a> | ||
+ | <a class="dropdown-item" href="https://2018.igem.org/Team:Jiangnan_China/Awards#Prizes">Prizes</a> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="dropdown"> | ||
+ | <a class="nav-link dropdown-toggle" href="#" id="partsDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> | ||
+ | <i class="fa fa-part"></i> Parts | ||
+ | </a> | ||
+ | <div class="dropdown-menu" aria-labelledby="partsDropdown"> | ||
+ | <a class="dropdown-item" href="https://2018.igem.org/Team:Jiangnan_China/Parts">Basic Parts</a> | ||
+ | <a class="dropdown-item" href="https://2018.igem.org/Team:Jiangnan_China/Parts#Composite">Composite parts</a> | ||
+ | </div> | ||
+ | </div> | ||
− | < | + | <a class="nav-link py-2 d-none d-md-inline-block" href="https://2018.igem.org/Team:Jiangnan_China/InterLab"><i class="fa fa-interlab" aria-hidden="true"></i> InterLab</a> |
− | + | </div> | |
− | + | </nav> | |
− | < | + | <main class="content-wrap"> |
− | + | ||
+ | |||
+ | |||
+ | <div id="dcpt4" style="font-size:20px;line-height:1.5;font-family: 'spr';background-color: #9ad7d8;"> | ||
+ | <br> | ||
+ | <div align="center" style="margin-top: -5px;"> | ||
+ | <img src="https://static.igem.org/mediawiki/2018/0/04/T--jiangnan_china--notebook--1.jpg" width="50%"> | ||
+ | </div> | ||
+ | |||
+ | <br><br> | ||
+ | </div> | ||
+ | |||
+ | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | </main> | ||
+ | |||
+ | <footer class="py-4"> | ||
+ | <div class="container" style="text-align: center;"> | ||
+ | <a href="http://www.jiangnan.edu.cn/" title="江南大学"><img src="https://static.igem.org/mediawiki/2018/1/1d/T--jiangnan_china--jiangnanlogo.png"></a> | ||
+ | <a href="http://biotech.jiangnan.edu.cn/" title="江南大学生物工程学院"><img src="https://static.igem.org/mediawiki/2018/a/a6/T--jiangnan_china--shenggonglogo.png"></a> | ||
+ | <p>Copyright © jiangnan_China 2018</p> | ||
+ | </div> | ||
+ | </footer> | ||
+ | <a id="gotop" class="animated infinite bounce slow" style="position: fixed; right: 85px; bottom: 148px;display: none"> | ||
+ | <img src="https://static.igem.org/mediawiki/2018/f/f8/T--jiangnan_china--logo.png" width="64px" height="64px"> | ||
+ | </a> | ||
+ | <!-- Optional JavaScript --> | ||
+ | <!-- jQuery first, then Popper.js, then Bootstrap JS --> | ||
+ | |||
+ | <script type="text/javascript"> | ||
+ | //页面加载后触发 | ||
+ | window.onload = function(){ | ||
+ | var btn = document.getElementById('gotop'); | ||
+ | var timer = null; | ||
+ | var isTop = true; | ||
+ | //获取页面可视区高度 | ||
+ | var clientHeight = document.documentElement.clientHeight - 500; | ||
+ | |||
+ | //滚动条滚动时触发 | ||
+ | window.onscroll = function() { | ||
+ | //显示回到顶部按钮 | ||
+ | var osTop = document.documentElement.scrollTop || document.body.scrollTop; | ||
+ | if (osTop >= clientHeight) { | ||
+ | btn.style.display = "block"; | ||
+ | } else { | ||
+ | btn.style.display = "none"; | ||
+ | }; | ||
+ | //回到顶部过程中用户滚动滚动条,停止定时器 | ||
+ | if (!isTop) { | ||
+ | clearInterval(timer); | ||
+ | }; | ||
+ | isTop = false; | ||
+ | }; | ||
+ | |||
+ | btn.onclick = function() { | ||
+ | //设置定时器 | ||
+ | timer = setInterval(function(){ | ||
+ | //获取滚动条距离顶部高度 | ||
+ | var osTop = document.documentElement.scrollTop || document.body.scrollTop; | ||
+ | var ispeed = Math.floor(-osTop / 3); | ||
+ | document.documentElement.scrollTop = document.body.scrollTop = osTop+ispeed; | ||
+ | //到达顶部,清除定时器 | ||
+ | if (osTop == 0) { | ||
+ | clearInterval(timer); | ||
+ | }; | ||
+ | isTop = true; | ||
+ | },30); | ||
+ | }; | ||
+ | }; | ||
+ | </script> | ||
+ | </body> | ||
</html> | </html> |
Revision as of 11:24, 16 October 2018