Davidjiang (Talk | contribs) |
Davidjiang (Talk | contribs) |
||
Line 3: | Line 3: | ||
<head> | <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> | ||
Line 98: | Line 98: | ||
− | + | <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="#">Brand</a> | |
− | + | </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 attribution</a></li> | |
− | + | <li><a href="#">By SDSZ</a></li> | |
− | + | </ul> | |
− | + | </div><!-- /.navbar-collapse --> | |
− | + | </nav> | |
− | + | <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="#Team">Team</a></li> | |
− | + | </ul> | |
− | + | </div> | |
− | + | </div> | |
− | + | <div class="col-sm-10" style="padding-right:5%"> | |
− | + | <div class="row"> | |
− | + | <div class="col-sm-12"> | |
− | + | <h1 id="Team">Team</h1> | |
− | + | <div class="row"> | |
− | + | <div class="col-sm-3"> | |
− | + | <div class="panel panel-default"> | |
− | + | <div class="panel-body"> | |
− | + | <img src="https://static.igem.org/mediawiki/2017/e/ed/DavidJiang.jpg"> | |
− | + | <h3>David Jiang</h3> | |
− | + | <p>Role: Device and software designer</p> | |
− | + | <p>Dream: Create things that can make people live a better life.</p> | |
− | + | </div> | |
− | + | </div> | |
− | + | </div> | |
− | + | <div class="col-sm-3"> | |
− | + | <div class="panel panel-default"> | |
− | + | <div class="panel-body"> | |
− | + | <img src="https://static.igem.org/mediawiki/2017/e/ed/DavidJiang.jpg"> | |
− | + | <h3>David Jiang</h3> | |
− | + | <p>Role: Device and software designer</p> | |
− | + | <p>Dream: Create things that can make people live a better life.</p> | |
− | + | </div> | |
− | + | </div> | |
+ | </div> | ||
+ | <div class="col-sm-3"> | ||
+ | <div class="panel panel-default"> | ||
+ | <div class="panel-body"> | ||
+ | <img src="https://static.igem.org/mediawiki/2017/e/ed/DavidJiang.jpg"> | ||
+ | <h3>David Jiang</h3> | ||
+ | <p>Role: Device and software designer</p> | ||
+ | <p>Dream: Create things that can make people live a better life.</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="col-sm-3"> | ||
+ | <div class="panel panel-default"> | ||
+ | <div class="panel-body"> | ||
+ | <img src="https://static.igem.org/mediawiki/2017/e/ed/DavidJiang.jpg"> | ||
+ | <h3>David Jiang</h3> | ||
+ | <p>Role: Device and software designer</p> | ||
+ | <p>Dream: Create things that can make people live a better life.</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="col-sm-3"> | ||
+ | <div class="panel panel-default"> | ||
+ | <div class="panel-body"> | ||
+ | <img src="https://static.igem.org/mediawiki/2017/e/ed/DavidJiang.jpg"> | ||
+ | <h3>David Jiang</h3> | ||
+ | <p>Role: Device and software designer</p> | ||
+ | <p>Dream: Create things that can make people live a better life.</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="col-sm-3"> | ||
+ | <div class="panel panel-default"> | ||
+ | <div class="panel-body"> | ||
+ | <img src="https://static.igem.org/mediawiki/2017/e/ed/DavidJiang.jpg"> | ||
+ | <h3>David Jiang</h3> | ||
+ | <p>Role: Device and software designer</p> | ||
+ | <p>Dream: Create things that can make people live a better life.</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="col-sm-3"> | ||
+ | <div class="panel panel-default"> | ||
+ | <div class="panel-body"> | ||
+ | <img src="https://static.igem.org/mediawiki/2017/e/ed/DavidJiang.jpg"> | ||
+ | <h3>David Jiang</h3> | ||
+ | <p>Role: Device and software designer</p> | ||
+ | <p>Dream: Create things that can make people live a better life.</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="col-sm-3"> | ||
+ | <div class="panel panel-default"> | ||
+ | <div class="panel-body"> | ||
+ | <img src="https://static.igem.org/mediawiki/2017/e/ed/DavidJiang.jpg"> | ||
+ | <h3>David Jiang</h3> | ||
+ | <p>Role: Device and software designer</p> | ||
+ | <p>Dream: Create things that can make people live a better life.</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
− | + | <br> | |
− | + | <br> | |
− | + | </div> | |
− | + | <br> | |
− | + | <br> | |
− | + | <br> | |
− | + | </div> | |
− | + | </div> | |
− | + | <div class="backgroundpic"> | |
− | + | <img src="https://static.igem.org/mediawiki/2016/e/e5/T--TAS_Taipei--Taipei_Background_1.0.jpg" width="100%" | |
− | + | height="100%" id="bg" alt=""> | |
− | + | </div> | |
</div> | </div> | ||
Revision as of 15:09, 1 November 2017
Team
David Jiang
Role: Device and software designer
Dream: Create things that can make people live a better life.
David Jiang
Role: Device and software designer
Dream: Create things that can make people live a better life.
David Jiang
Role: Device and software designer
Dream: Create things that can make people live a better life.
David Jiang
Role: Device and software designer
Dream: Create things that can make people live a better life.
David Jiang
Role: Device and software designer
Dream: Create things that can make people live a better life.
David Jiang
Role: Device and software designer
Dream: Create things that can make people live a better life.
David Jiang
Role: Device and software designer
Dream: Create things that can make people live a better life.
David Jiang
Role: Device and software designer
Dream: Create things that can make people live a better life.