(Prototype team page) |
Davidjiang (Talk | contribs) |
||
Line 2: | Line 2: | ||
<html> | <html> | ||
+ | <head> | ||
+ | <title>Project</title> | ||
+ | <style type='text/css'> | ||
+ | #top_title, #sideMenu { | ||
+ | display: none; | ||
+ | } | ||
+ | #content { | ||
+ | width: 100%; | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | background: #f3f4f4; | ||
+ | } | ||
+ | p { | ||
+ | font-family: Lato !important; | ||
+ | font-size: 17px !important | ||
+ | } | ||
+ | h1 { | ||
+ | font-size: 40 -px !important; | ||
+ | } | ||
− | + | body { | |
+ | font-family: Lato !important; | ||
+ | } | ||
− | + | h3 { | |
+ | font-size: 25 -px; | ||
+ | } | ||
− | + | #bg { | |
− | < | + | position: fixed; |
+ | z-index: -1; | ||
+ | top: 0; | ||
+ | left: 0; | ||
+ | } | ||
+ | </style> | ||
+ | <link href='http://fonts.googleapis.com/css?family=Lato' rel='stylesheet' type='text/css'> | ||
+ | <!-- 最新版本的 Bootstrap 核心 CSS 文件 --> | ||
+ | <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" | ||
+ | integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"> | ||
− | </ | + | <script>localStorage.clear();</script> |
+ | <!-- 最新的 Bootstrap 核心 JavaScript 文件 --> | ||
+ | <script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js" | ||
+ | integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" | ||
+ | crossorigin="anonymous"></script> | ||
+ | <script type="text/javascript" async | ||
+ | src="https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-MML-AM_CHTML"></script> | ||
+ | <script type="text/x-mathjax-config"> | ||
+ | MathJax.Hub.Config({tex2jax: {inlineMath: [['$','$'], ['\\(','\\)']]}}); | ||
+ | </script> | ||
− | < | + | <script type="text/javascript"> |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
+ | $(document).ready(function () { | ||
+ | $("#category_navbar a").on('click', function (event) { | ||
+ | // Make sure this.hash has a value before overriding default behavior | ||
+ | if (this.hash !== "") { | ||
+ | // Prevent default anchor click behavior | ||
+ | event.preventDefault(); | ||
+ | // Store hash0 | ||
+ | var hash = this.hash; | ||
+ | // Using jQuery's animate() method to add smooth page scroll | ||
+ | // The optional number (800) specifies the number of milliseconds it takes to scroll to the specified area | ||
+ | $('html, body').animate({ | ||
+ | scrollTop: $(hash).offset().top | ||
+ | }, 800, function () { | ||
− | + | // Add hash (#) to URL when done scrolling (default click behavior) | |
+ | window.location.hash = hash; | ||
+ | }); | ||
+ | } // End if | ||
+ | }); | ||
+ | }); | ||
− | |||
− | |||
− | |||
− | |||
+ | </script> | ||
+ | </head> | ||
+ | </head> | ||
+ | <body data-spy="scroll" data-target="#category_navbar"> | ||
+ | <div class="container" style='z-index:10;position:relative;'> | ||
− | |||
− | < | + | <div class="row card" id='bodycontainer' class='row'> |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | < | + | <nav class="navbar navbar-default navbar-static-top"> |
− | + | <!-- Brand and toggle get grouped for better mobile display --> | |
+ | <div class="navbar-header"> | ||
+ | <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" | ||
+ | data-target="#bs-example-navbar-collapse-1" aria-expanded="false"> | ||
+ | <span class="sr-only">Toggle navigation</span> | ||
+ | <span class="icon-bar"></span> | ||
+ | <span class="icon-bar"></span> | ||
+ | <span class="icon-bar"></span> | ||
+ | </button> | ||
+ | <a class="navbar-brand" href="#"><img src="https://static.igem.org/mediawiki/2017/8/8c/%E5%91%80%E5%95%8A%E5%93%88.jpeg" width="100"></a> | ||
+ | </div> | ||
− | </div> | + | <!-- Collect the nav links, forms, and other content for toggling --> |
+ | <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"> | ||
+ | <ul class="nav navbar-nav"> | ||
+ | <li><a href="/Team:SDSZ-China">Home</a></li> | ||
+ | <li><a href="/Team:SDSZ-China/Project">Project</a></li> | ||
+ | <li><a href="/Team:SDSZ-China/Experiment">Experiment</a></li> | ||
+ | <li><a href="/Team:SDSZ-China/Parts">Parts</a></li> | ||
+ | <li><a href="/Team:SDSZ-China/Human_Practices">Human Practices</a></li> | ||
+ | <li><a href="/Team:SDSZ-China/Safety">Safety</a></li> | ||
+ | </ul> | ||
+ | <ul class="nav navbar-nav navbar-right"> | ||
+ | <li><a href="/Team:SDSZ-China/Team">Team and attributions</a></li> | ||
+ | <li><a href="#">By SDSZ</a></li> | ||
+ | </ul> | ||
+ | </div><!-- /.navbar-collapse --> | ||
+ | </nav> | ||
− | <div class=" | + | <div class="col-sm-2" style='padding-left:5% padding-right:10%'> |
+ | <div id="category_navbar"> | ||
+ | <ul class="nav nav-list" data-spy="affix" data-offset-top="160" | ||
+ | style='-webkit-transform: translateZ(0);width:160px;margin-left:0'> | ||
+ | <li><a href="#Parts">Parts</a></li> | ||
+ | </ul> | ||
+ | </div> | ||
− | + | </div> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
+ | <div class="col-sm-10" style="padding-right:5%"> | ||
+ | <div class="row"> | ||
+ | <div class="col-sm-12"> | ||
+ | <h1 id="Parts">Parts</h1> | ||
</html> | </html> | ||
<groupparts>iGEM17 SDSZ-China</groupparts> | <groupparts>iGEM17 SDSZ-China</groupparts> | ||
<html> | <html> | ||
− | + | </div> | |
− | </div> | + | |
+ | <br> | ||
+ | <br> | ||
+ | </div> | ||
+ | <br> | ||
+ | <br> | ||
+ | <br> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="backgroundpic"> | ||
+ | <img src="https://static.igem.org/mediawiki/2017/e/e3/%E8%83%8C%E6%99%AF2jpeg.jpeg" width="100%" | ||
+ | height="100%" id="bg" alt=""> | ||
+ | </div> | ||
+ | </div> | ||
+ | </body> | ||
</html> | </html> |
Revision as of 17:11, 1 November 2017
Parts
<groupparts>iGEM17 SDSZ-China</groupparts>