Difference between revisions of "Team:SDSZ-China/Team"

Line 3: Line 3:
  
 
<head>
 
<head>
    <title>Project</title>
+
<title>Project</title>
  
    <style type='text/css'>
+
<style type='text/css'>
        #top_title, #sideMenu {
+
#top_title, #sideMenu {
            display: none;
+
display: none;
        }
+
}
  
        #content {
+
#content {
            width: 100%;
+
width: 100%;
            margin: 0;
+
margin: 0;
            padding: 0;
+
padding: 0;
            background: #f3f4f4;
+
background: #f3f4f4;
        }
+
}
  
        p {
+
p {
            font-family: Lato !important;
+
font-family: Lato !important;
            font-size: 17px !important
+
font-size: 17px !important
        }
+
}
  
        h1 {
+
h1 {
            font-size: 40 -px !important;
+
font-size: 40 -px !important;
        }
+
}
  
        body {
+
body {
            font-family: Lato !important;
+
font-family: Lato !important;
        }
+
}
  
        h3 {
+
h3 {
            font-size: 25 -px;
+
font-size: 25 -px;
        }
+
}
  
        #bg {
+
#bg {
            position: fixed;
+
position: fixed;
            z-index: -1;
+
z-index: -1;
            top: 0;
+
top: 0;
            left: 0;
+
left: 0;
        }
+
}
    </style>
+
</style>
    <link href='http://fonts.googleapis.com/css?family=Lato' rel='stylesheet' type='text/css'>
+
<link href='http://fonts.googleapis.com/css?family=Lato' rel='stylesheet' type='text/css'>
    <!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
+
<!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
    <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css"
+
<link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css"
          integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
+
  integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
  
  
    <script>localStorage.clear();</script>
+
<script>localStorage.clear();</script>
    <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
+
<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
    <script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"
+
<script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"
            integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa"
+
integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa"
            crossorigin="anonymous"></script>
+
crossorigin="anonymous"></script>
  
    <script type="text/javascript" async
+
<script type="text/javascript" async
            src="https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-MML-AM_CHTML"></script>
+
src="https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-MML-AM_CHTML"></script>
    <script type="text/x-mathjax-config">
+
<script type="text/x-mathjax-config">
        MathJax.Hub.Config({tex2jax: {inlineMath: [['$','$'], ['\\(','\\)']]}});
+
MathJax.Hub.Config({tex2jax: {inlineMath: [['$','$'], ['\\(','\\)']]}});
  
  
  
    </script>
+
</script>
  
    <script type="text/javascript">
+
<script type="text/javascript">
  
        $(document).ready(function () {
+
$(document).ready(function () {
            $("#category_navbar a").on('click', function (event) {
+
$("#category_navbar a").on('click', function (event) {
                // Make sure this.hash has a value before overriding default behavior
+
// Make sure this.hash has a value before overriding default behavior
                if (this.hash !== "") {
+
if (this.hash !== "") {
                    // Prevent default anchor click behavior
+
// Prevent default anchor click behavior
                    event.preventDefault();
+
event.preventDefault();
  
                    // Store hash0
+
// Store hash0
                    var hash = this.hash;
+
var hash = this.hash;
  
                    // Using jQuery's animate() method to add smooth page scroll
+
// 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
+
// The optional number (800) specifies the number of milliseconds it takes to scroll to the specified area
                    $('html, body').animate({
+
$('html, body').animate({
                        scrollTop: $(hash).offset().top
+
scrollTop: $(hash).offset().top
                    }, 800, function () {
+
}, 800, function () {
  
                        // Add hash (#) to URL when done scrolling (default click behavior)
+
// Add hash (#) to URL when done scrolling (default click behavior)
                        window.location.hash = hash;
+
window.location.hash = hash;
                    });
+
});
                }  // End if
+
}  // End if
            });
+
});
        });
+
});
  
  
    </script>
+
</script>
  
 
</head>
 
</head>
Line 98: Line 98:
  
  
    <div class="row card" id='bodycontainer' class='row'>
+
<div class="row card" id='bodycontainer' class='row'>
  
        <nav class="navbar navbar-default navbar-static-top">
+
<nav class="navbar navbar-default navbar-static-top">
            <!-- Brand and toggle get grouped for better mobile display -->
+
<!-- Brand and toggle get grouped for better mobile display -->
            <div class="navbar-header">
+
<div class="navbar-header">
                <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
+
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
                        data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
+
data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                    <span class="sr-only">Toggle navigation</span>
+
<span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
+
<span class="icon-bar"></span>
                    <span class="icon-bar"></span>
+
<span class="icon-bar"></span>
                    <span class="icon-bar"></span>
+
<span class="icon-bar"></span>
                </button>
+
</button>
                <a class="navbar-brand" href="#">Brand</a>
+
<a class="navbar-brand" href="#">Brand</a>
            </div>
+
</div>
  
            <!-- Collect the nav links, forms, and other content for toggling -->
+
<!-- Collect the nav links, forms, and other content for toggling -->
            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
+
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                <ul class="nav navbar-nav">
+
<ul class="nav navbar-nav">
                    <li><a href="/Team:SDSZ-China">Home</a></li>
+
<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/Project">Project</a></li>
                    <li><a href="/Team:SDSZ-China/Experiment">Experiment</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/Parts">Parts</a></li>
                    <li><a href="/Team:SDSZ-China/Human_Practices">Human Practices</a></li>
+
<li><a href="/Team:SDSZ-China/Human_Practices">Human Practices</a></li>
                    <li><a href="/Team:SDSZ-China/Safety">Safety</a></li>
+
<li><a href="/Team:SDSZ-China/Safety">Safety</a></li>
                </ul>
+
</ul>
                <ul class="nav navbar-nav navbar-right">
+
<ul class="nav navbar-nav navbar-right">
                    <li><a href="/Team:SDSZ-China/Team">Team</a></li>
+
<li><a href="/Team:SDSZ-China/Team">Team and attribution</a></li>
                    <li><a href="#">By SDSZ</a></li>
+
<li><a href="#">By SDSZ</a></li>
                </ul>
+
</ul>
            </div><!-- /.navbar-collapse -->
+
</div><!-- /.navbar-collapse -->
        </nav>
+
</nav>
  
  
        <div class="col-sm-2" style='padding-left:5% padding-right:10%'>
+
<div class="col-sm-2" style='padding-left:5% padding-right:10%'>
            <div id="category_navbar">
+
<div id="category_navbar">
                <ul class="nav nav-list" data-spy="affix" data-offset-top="160"
+
<ul class="nav nav-list" data-spy="affix" data-offset-top="160"
                    style='-webkit-transform: translateZ(0);width:160px;margin-left:0'>
+
style='-webkit-transform: translateZ(0);width:160px;margin-left:0'>
                    <li><a href="#Experiment">Experiment</a></li>
+
<li><a href="#Team">Team</a></li>
                </ul>
+
</ul>
            </div>
+
</div>
  
        </div>
+
</div>
  
        <div class="col-sm-10" style="padding-right:5%">
+
<div class="col-sm-10" style="padding-right:5%">
  
            <div class="row">
+
<div class="row">
                <div class="col-sm-12">
+
<div class="col-sm-12">
                    <h1 id="Experiment">Experiment</h1>
+
<h1 id="Team">Team</h1>
                    <img src="https://static.igem.org/mediawiki/2017/8/85/%E5%AE%9E%E9%AA%8C%E8%AE%B0%E5%BD%95%E7%AC%AC%E4%B8%80%E9%A1%B5.jpeg">
+
<div class="row">
                    <img src="https://static.igem.org/mediawiki/2017/c/cc/%E5%AE%9E%E9%AA%8C%E8%AE%B0%E5%BD%95%E7%AC%AC%E4%BA%8C%E9%A1%B5.jpeg">
+
<div class="col-sm-3">
                    <img src="https://static.igem.org/mediawiki/2017/f/fe/%E5%AE%9E%E9%AA%8C%E8%AE%B0%E5%BD%95%E7%AC%AC%E4%B8%89%E9%A1%B5.jpeg">
+
<div class="panel panel-default">
                    <img src="https://static.igem.org/mediawiki/2017/d/da/%E5%AE%9E%E9%AA%8C%E8%AE%B0%E5%BD%95%E7%AC%AC%E5%9B%9B%E9%A1%B5.jpeg">
+
<div class="panel-body">
                    <img src="https://static.igem.org/mediawiki/2017/6/6c/%E5%AE%9E%E9%AA%8C%E8%AE%B0%E5%BD%95%E7%AC%AC%E4%BA%94%E9%A1%B5.jpeg">
+
<img src="https://static.igem.org/mediawiki/2017/e/ed/DavidJiang.jpg">
                    <img src="https://static.igem.org/mediawiki/2017/9/98/%E5%AE%9E%E9%AA%8C%E8%AE%B0%E5%BD%95%E7%AC%AC%E5%85%AD%E9%A1%B5.jpeg">
+
<h3>David Jiang</h3>
                    <img src="https://static.igem.org/mediawiki/2017/2/2e/%E5%AE%9E%E9%AA%8C%E8%AE%B0%E5%BD%95%E7%AC%AC%E4%B8%83%E9%A1%B5.jpeg">
+
<p>Role: Device and software designer</p>
                    <img src="https://static.igem.org/mediawiki/2017/f/fd/%E5%AE%9E%E9%AA%8C%E8%AE%B0%E5%BD%95%E7%AC%AC%E5%85%AB%E9%A1%B5.jpeg">
+
<p>Dream: Create things that can make people live a better life.</p>
                    <img src="https://static.igem.org/mediawiki/2017/d/d4/%E5%AE%9E%E9%AA%8C%E8%AE%B0%E5%BD%95%E7%AC%AC%E4%B9%9D%E9%A1%B5.jpeg">
+
</div>
                    <img src="https://static.igem.org/mediawiki/2017/0/0c/%E5%AE%9E%E9%AA%8C%E8%AE%B0%E5%BD%95%E7%AC%AC%E5%8D%81%E9%A1%B5.jpeg">
+
</div>
                    <img src="https://static.igem.org/mediawiki/2017/f/f6/%E5%AE%9E%E9%AA%8C%E8%AE%B0%E5%BD%95%E7%AC%AC%E5%8D%81%E4%B8%80%E9%A1%B5.jpeg">
+
</div>
                    <img src="https://static.igem.org/mediawiki/2017/3/31/%E5%AE%9E%E9%AA%8C%E8%AE%B0%E5%BD%95%E7%AC%AC%E5%8D%81%E4%BA%8C%E9%A1%B5.jpeg">
+
<div class="col-sm-3">
                    <img src="https://static.igem.org/mediawiki/2017/0/02/%E5%AE%9E%E9%AA%8C%E8%AE%B0%E5%BD%95%E7%AC%AC%E5%8D%81%E4%B8%89%E9%A1%B5.jpeg">
+
<div class="panel panel-default">
                    <img src="https://static.igem.org/mediawiki/2017/a/af/%E5%AE%9E%E9%AA%8C%E8%AE%B0%E5%BD%95%E7%AC%AC%E5%8D%81%E5%9B%9B%E9%A1%B5.jpeg">
+
<div class="panel-body">
                    <img src="https://static.igem.org/mediawiki/2017/b/bf/%E5%AE%9E%E9%AA%8C%E8%AE%B0%E5%BD%95%E7%AC%AC%E5%8D%81%E4%BA%94%E9%A1%B5.jpeg">
+
<img src="https://static.igem.org/mediawiki/2017/e/ed/DavidJiang.jpg">
                    <img src="https://static.igem.org/mediawiki/2017/9/91/%E5%AE%9E%E9%AA%8C%E8%AE%B0%E5%BD%95%E5%8D%81%E5%85%AD%E9%A1%B5.jpeg">
+
<h3>David Jiang</h3>
                    <img src="https://static.igem.org/mediawiki/2017/6/68/%E5%AE%9E%E9%AA%8C%E8%AE%B0%E5%BD%95%E7%AC%AC%E5%8D%81%E4%B8%83%E9%A1%B5.jpeg">
+
<p>Role: Device and software designer</p>
                    <img src="https://static.igem.org/mediawiki/2017/d/dc/%E5%AE%9E%E9%AA%8C%E8%AE%B0%E5%BD%95%E7%AC%AC%E5%8D%81%E5%85%AB%E9%A1%B5.jpeg">
+
<p>Dream: Create things that can make people live a better life.</p>
                    <img src="https://static.igem.org/mediawiki/2017/6/63/%E5%AE%9E%E9%AA%8C%E8%AE%B0%E5%BD%95%E7%AC%AC%E5%8D%81%E4%B9%9D%E9%A1%B5.jpeg">
+
</div>
                </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>
                <br>
+
<br>
            </div>
+
</div>
  
            <br>
+
<br>
            <br>
+
<br>
            <br>
+
<br>
        </div>
+
</div>
    </div>
+
</div>
  
    <div class="backgroundpic">
+
<div class="backgroundpic">
        <img src="https://static.igem.org/mediawiki/2016/e/e5/T--TAS_Taipei--Taipei_Background_1.0.jpg" width="100%"
+
<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="">
+
height="100%" id="bg" alt="">
    </div>
+
</div>
 
</div>
 
</div>
  

Revision as of 15:09, 1 November 2017


Project

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.