Difference between revisions of "Team:UST Beijing/HP/Silver"

 
(8 intermediate revisions by 2 users not shown)
Line 5: Line 5:
 
<meta name="render" content="webkit">
 
<meta name="render" content="webkit">
 
<meta name="keywords" content="USTBeijing' wiki">
 
<meta name="keywords" content="USTBeijing' wiki">
<title>USTB-Beijing | Team</title>
+
<title>USTB-Beijing | Welcome</title>
 
<!-- restyle the iGEM original template -->
 
<!-- restyle the iGEM original template -->
 
         <style type="text/css">
 
         <style type="text/css">
Line 34: Line 34:
 
<link href="https://2017.igem.org/Team:UST_Beijing/css/animate?action=raw&ctype=text/css" rel="stylesheet" type="text/css">
 
<link href="https://2017.igem.org/Team:UST_Beijing/css/animate?action=raw&ctype=text/css" rel="stylesheet" type="text/css">
 
<link rel="stylesheet" href="https://2017.igem.org/Team:UST_Beijing/css/main?action=raw&ctype=text/css">
 
<link rel="stylesheet" href="https://2017.igem.org/Team:UST_Beijing/css/main?action=raw&ctype=text/css">
<link rel="stylesheet" type="text/css" href="https://2017.igem.org/Team:UST_Beijing/css/note?action=raw&ctype=text/css" >
 
 
<script type="text/javascript" src="https://2017.igem.org/Team:UST_Beijing/js/jquery?action=raw&amp;ctype=text/javascript"></script>
 
<script type="text/javascript" src="https://2017.igem.org/Team:UST_Beijing/js/jquery?action=raw&amp;ctype=text/javascript"></script>
 
<script type="text/javascript" src="https://2017.igem.org/Team:UST_Beijing/js/jquerydanmu?action=raw&amp;ctype=text/javascript"></script>
 
<script type="text/javascript" src="https://2017.igem.org/Team:UST_Beijing/js/jquerydanmu?action=raw&amp;ctype=text/javascript"></script>
 
<script type="text/javascript" src="https://2017.igem.org/Team:UST_Beijing/js/main?action=raw&amp;ctype=text/javascript"></script>
 
<script type="text/javascript" src="https://2017.igem.org/Team:UST_Beijing/js/main?action=raw&amp;ctype=text/javascript"></script>
  
<!-- Photo Wall--!>
+
<meta name="diaoyong" DanmuPlayer="..//github.com/chiruom/danmuplayer/ - Licensed under the MIT" >
<link rel="stylesheet" href="https://igem.org/User:Liusherry/css/style2?action=raw&amp;ctype=text/css">
+
<link rel="stylesheet" href="https://igem.org/User:Liusherry/css/demo?action=raw&amp;ctype=text/css">
+
<link rel="stylesheet" href="https://2016.igem.org/Team:UST_Beijing/css/style3?action=raw&amp;ctype=text/css">
+
<script src="https://2016.igem.org/Team:UST_Beijing/js/banner?action=raw&amp;ctype=text/javascript"></script>
+
<script src="https://2016.igem.org/Team:UST_Beijing/js/jquery183?action=raw&amp;ctype=text/javascript"></script>
+
 
+
<!-- Modernizr JS -->
+
<script src="https://igem.org/User:Liusherry/js/modernizr?action=raw&amp;ctype=text/javascript"></script>
+
<!-- FOR IE9 below -->
+
<!--[if lt IE 9]-->
+
<script src="https://igem.org/User:Liusherry/js/respond?action=raw&amp;ctype=text/javascript"></script>
+
<!--[endif]-->
+
<meta name="diaoyong" DanmuPlayer "..//github.com/chiruom/danmuplayer/ - Licensed under the MIT" >
+
 
<!--[if lt IE 9]>
 
<!--[if lt IE 9]>
 
<script type="text/javascript" src="https://2017.igem.org/Team:UST_Beijing/js/respond?action=raw&amp;ctype=text/javascript"></script>
 
<script type="text/javascript" src="https://2017.igem.org/Team:UST_Beijing/js/respond?action=raw&amp;ctype=text/javascript"></script>
 
<script type="text/javascript" src="https://2017.igem.org/Team:UST_Beijing/js/html5shiv?action=raw&amp;ctype=text/javascript"></script>
 
<script type="text/javascript" src="https://2017.igem.org/Team:UST_Beijing/js/html5shiv?action=raw&amp;ctype=text/javascript"></script>
 
<script type="text/javascript" src="https://2017.igem.org/Team:UST_Beijing/js/html5element?action=raw&amp;ctype=text/javascript"></script>
 
<script type="text/javascript" src="https://2017.igem.org/Team:UST_Beijing/js/html5element?action=raw&amp;ctype=text/javascript"></script>
 
+
<![endif]-->
 
+
<style type="text/css">
<![endif]-->
+
.demo{width:95%;margin:50px auto 10px auto;padding:10px;}
 
+
</style>
 
</head>
 
</head>
 
 
 
<body>
 
<body>
  
<!--Hero_Section-->
 
<section id="hero_section" class="top_cont_outer">
 
  <div class="hero_wrapper">
 
    <div class="container">
 
      <div class="hero_section">
 
        <div class="row">
 
 
  <div class="banner">
 
  <div class="b-img">
 
 
    <a href="#banner" style="background:url(https://static.igem.org/mediawiki/2017/5/58/%E5%90%88%E5%BD%B11.JPG) center no-repeat;"></a>
 
<a href="#banner" style="background:url(https://static.igem.org/mediawiki/2017/5/53/Hezhao612.jpg) center no-repeat;"></a>
 
    <a href="#banner" style="background:url(https://static.igem.org/mediawiki/2017/f/fe/%E5%90%88%E5%BD%B12.JPG) center no-repeat;"></a>
 
<a href="#banner" style="background:url(https://static.igem.org/mediawiki/2017/a/ac/%E5%90%88%E5%BD%B13.JPG) center no-repeat;"></a>
 
 
  </div>
 
<div class="b-list"></div>
 
  <a class="bar-left" href="#banner"><em></em></a>
 
  <a class="bar-right" href="#banner"><em></em></a> </div>
 
        </div>
 
      </div>
 
    </div>
 
  </div>
 
</section>
 
<!--Hero_Section-->
 
  
<!--Header_section-->
 
 
<header id="header_wrapper">
 
<header id="header_wrapper">
      <div class="header_box">
+
    <div class="header_box">
 
     <!--  <div class="logo"><a href="#"><img src="img/logo.png" alt="logo"></a></div>-->
 
     <!--  <div class="logo"><a href="#"><img src="img/logo.png" alt="logo"></a></div>-->
 
  <nav class="navbar navbar-inverse" role="navigation">
 
  <nav class="navbar navbar-inverse" role="navigation">
Line 103: Line 61:
 
<ul class="nav navbar-nav" id="mainNav">
 
<ul class="nav navbar-nav" id="mainNav">
  
  <li class="active">
+
  <li>
  <a id="ix0" href="https://2017.igem.org/Team:UST_Beijing/parts">
+
  <a href="https://2017.igem.org/Team:UST_Beijing/Background">
 
  <span id="ca-icon0"></span>
 
  <span id="ca-icon0"></span>
  <div class="scroll-link">Parts</div>
+
  <div class="scroll-link">Background</div></a></li>
  </a>
+
  <li><a id="cs2">
<ul>
+
                            <li><a href="https://2017.igem.org/Team:UST_Beijing/Basic_Part">basic_parts</a></li>
+
                            <li><a href="https://2017.igem.org/Team:UST_Beijing/Composite_Part">composite_parts</a></li>
+
 
+
                        </ul>
+
  </li>
+
  <li><a href="https://2017.igem.org/Team:UST_Beijing/Project">
+
 
  <span id="ca-icon1"></span>
 
  <span id="ca-icon1"></span>
 
  <div class="scroll-link">Project</div></a>
 
  <div class="scroll-link">Project</div></a>
  <ul>
+
  <ul id="csy2">
                            <li><a href="https://2017.igem.org/Team:UST_Beijing/Overiew">Overiew</a></li>
+
                             <li><a href="https://2017.igem.org/Team:UST_Beijing/Cyclase">Cyclase</a></li>
                             <li><a href="https://2017.igem.org/Team:UST_Beijing/Experiments">Experiments</a></li>
+
                             <li><a href="https://2017.igem.org/Team:UST_Beijing/Experiments">Glucosidase</a></li>
                             <li><a href="https://2017.igem.org/Team:UST_Beijing/Results">Result</a></li>
+
                  <li><a href="https://2017.igem.org/Team:UST_Beijing/InterLab">InterLab</a></li>
+
 
                         </ul>
 
                         </ul>
 
  </li>
 
  </li>
  <li><a href="https://2017.igem.org/Team:UST_Beijing/Modeling">
+
  <li><a id="cs3" href="https://2017.igem.org/Team:UST_Beijing/Modeling">
 
  <span id="ca-icon2"></span>
 
  <span id="ca-icon2"></span>
  <div class="scroll-link">Modeling</div></a>
+
  <div class="scroll-link" >Modeling</div></a>
  <ul>
+
  <ul id="csy3">
                            <li><a href="https://2017.igem.org/Team:UST_Beijing/Modeling/Overiew">Overiew</a></li>
+
                            <li><a href="https://2017.igem.org/Team:UST_Beijing/Modeling/Doccking Protein">Doccking Protein</a></li>
+
                            <li><a href="https://2017.igem.org/Team:UST_Beijing/Modeling/Simmulation">Simmulation</a></li>
+
  
 
                         </ul></li>
 
                         </ul></li>
Line 136: Line 82:
 
  <span id="ca-icon3"></span>
 
  <span id="ca-icon3"></span>
 
  <div class="scroll-link">HomePage</div></a></li>
 
  <div class="scroll-link">HomePage</div></a></li>
  <li><a href="https://2017.igem.org/Team:UST_Beijing/Team.html">
+
  <li><a href="https://2017.igem.org/Team:UST_Beijing/Basic_Part">
 
  <span id="ca-icon4"></span>
 
  <span id="ca-icon4"></span>
  <div class="scroll-link">Team</div></a>
+
  <div class="scroll-link" >Parts</div></a></li>
  <ul>
+
  <li><a href="https://2017.igem.org/Team:UST_Beijing/Team">
              <li><a href="https://2017.igem.org/Team:UST_Beijing/Attributions">Attributions</a></li>
+
                            <li><a href="https://2017.igem.org/Team:UST_Beijing/Team">Members</a></li></ul></li>
+
  <li><a href="#Portfolio">
+
 
  <span id="ca-icon5"></span>
 
  <span id="ca-icon5"></span>
 +
  <div class="scroll-link">Team</div></a></li>
 +
  <li><a id="cs5">
 +
  <span id="ca-icon6"></span>
 
  <div class="scroll-link">Awards</div></a>
 
  <div class="scroll-link">Awards</div></a>
<ul>
+
<ul id="csy5">
                            <li><a href="https://2017.igem.org/Team:UST_Beijing/Modeling/HP/Silver">HP/Silver</a></li>
+
<li><a href="https://2017.igem.org/Team:UST_Beijing/HP/Silver">HP</a></li><br/>
                            <li><a href="https://2017.igem.org/Team:UST_Beijing/Collaborations">Collaborations</a></li>
+
<li><a href="https://2017.igem.org/Team:UST_Beijing/Collaborations">Collaborations</a></li>
                            <li><a href="https://2017.igem.org/Team:UST_Beijing/Modeling/Simmulation">Simmulation</a></li>
+
<li><a href="https://2017.igem.org/Team:UST_Beijing/Safety">Safety</a></li><br/>
 
+
    <li><a href="https://2017.igem.org/Team:UST_Beijing/Attributions">Attributions</a></li>
 +
                  <li><a href="https://2017.igem.org/Team:UST_Beijing/InterLab">InterLab</a></li>
 
                         </ul>
 
                         </ul>
  </li>
+
      </li>
  <li><a href="https://2017.igem.org/Team:UST_Beijing/Note.html">
+
  </ul>
  <span id="ca-icon6"></span>
+
  <div class="scroll-link">Notebook</div></a>
+
  <ul>
+
              <li><a href="https://2017.igem.org/Team:UST_Beijing/Timeline">Timeline</a></li>
+
                            <li><a href="https://2017.igem.org/Team:UST_Beijing/Sheets">Sheets</a></li></ul></li>
+
 
+
</ul>
+
 
       </div>
 
       </div>
 
</nav>
 
</nav>
 
     </div>
 
     </div>
 
</header>
 
</header>
<!--Header_section-->
 
 
 
<div class="inner_wrapper aboutUs-container fadeInLeft animated wow">
 
  <div class="container" style="font-size: 50px;
 
    line-height: 60px;margin-bottom:40px;">
 
    <h2>Leader</h2>
 
</div>
 
</div>
 
<div class="container">
 
 
<section>
 
<ul class="lb-album">
 
<li style="    margin-left: 454px;    margin-right: 454px;">
 
<a href="#image-1">
 
<img src="https://static.igem.org/mediawiki/2017/c/c2/201710311wqw05453.png" alt="image01">
 
<span>Zhang Yixuan</span>
 
</a>
 
<div class="lb-overlay" id="image-1">
 
<a href="#page" class="lb-close">x Close</a>
 
<img src="https://static.igem.org/mediawiki/2017/4/49/%E7%AB%A0%E8%89%BA%E8%BD%A9.JPG" alt="image01">
 
<div>
 
<h3>Wang Chongyang</h3>
 
<p>Beautiful, lovely boy, elite of humanbeing.</p>
 
</div>
 
 
</div>
 
</li>
 
  </ul>
 
</section>
 
</div>
 
 
                <div style="height: 50px;">
 
                </div>
 
 
 
<div class="inner_wrapper aboutUs-container fadeInLeft animated wow">
 
  <div class="container" style="font-size: 50px;
 
    line-height: 60px;margin-bottom:40px">
 
    <h2>Students</h2>
 
</div>
 
</div>
 
 
 
<div class="container">
 
<section>
 
<ul class="lb-album">
 
 
 
<li>
 
<a href="#image-2">
 
<img src="https://static.igem.org/mediawiki/2017/7/72/Fpf1110700.png" alt="image02">
 
<span>Fan Pengfei</span>
 
</a>
 
<div class="lb-overlay" id="image-2">
 
<a href="#page" class="lb-close">x Close</a>
 
<img src="https://static.igem.org/mediawiki/2017/c/c9/%E6%88%BF%E9%B9%8F%E9%A3%9E.JPG" alt="image02" >
 
<div>
 
<h3>Fan Pengfei</h3>
 
<p></p>
 
</div>
 
 
</div>
 
</li>
 
 
<li>
 
<a href="#image-3">
 
<img src="https://static.igem.org/mediawiki/2017/6/6b/Gwb105616.png" alt="image03">
 
<span>Li Yanming</span>
 
</a>
 
<div class="lb-overlay" id="image-3">
 
<a href="#page" class="lb-close">x Close</a>
 
<img src="https://static.igem.org/mediawiki/2017/9/9d/%E6%9D%8E%E5%BD%A6%E6%98%8E.JPG" alt="image03" >
 
<div>
 
<h3>Li Yanming</h3>
 
<p></p>
 
</div>
 
 
</div>
 
</li>
 
 
<li>
 
<a href="#image-4">
 
<img src="https://static.igem.org/mediawiki/2017/e/e8/Www1031105740.png" alt="image04">
 
<span>Liu Peiyuan</span>
 
</a>
 
<div class="lb-overlay" id="image-4">
 
<a href="#page" class="lb-close">x Close</a>
 
<img src="https://static.igem.org/mediawiki/2017/f/f3/%E5%88%98%E6%B2%9B%E5%AA%9B.JPG" alt="image04" >
 
<div>
 
<h3>Liu Peiyuan</h3>
 
<p></p>
 
</div>
 
 
</div>
 
</li>
 
 
<li>
 
<a href="#image-5">
 
<img src="https://static.igem.org/mediawiki/2017/5/59/Qbh1105828.png" alt="image02">
 
<span>Qi Baohua</span>
 
</a>
 
<div class="lb-overlay" id="image-5">
 
<a href="#page" class="lb-close">x Close</a>
 
<img src="https://static.igem.org/mediawiki/2017/4/48/%E9%BD%90%E5%AE%9D%E5%8D%8E.JPG" alt="image02" >
 
<div>
 
<h3>Qi Baohua</h3>
 
<p></p>
 
</div>
 
 
</div>
 
</li>
 
 
<li>
 
<a href="#image-6">
 
<img src="https://static.igem.org/mediawiki/2017/5/5f/Llld05916.png" alt="image02">
 
<span>Peng Jiarong</span>
 
</a>
 
<div class="lb-overlay" id="image-6">
 
<a href="#page" class="lb-close">x Close</a>
 
<img src="https://static.igem.org/mediawiki/2017/7/79/%E5%BD%AD%E5%98%89%E7%91%A2.JPG" alt="image02" >
 
<div>
 
<h3>Peng Jiarong</h3>
 
<p>Never be full.</p>
 
</div>
 
 
</div>
 
</li>
 
 
<li>
 
<a href="#image-7">
 
<img src="https://static.igem.org/mediawiki/2017/7/7a/Asasa110159.png" alt="image02">
 
<span>Tao Wenjing</span>
 
</a>
 
<div class="lb-overlay" id="image-7">
 
<a href="#page" class="lb-close">x Close</a>
 
<img src="https://static.igem.org/mediawiki/2017/1/12/%E9%99%B6%E6%96%87%E9%9D%99.JPG" alt="image02" >
 
<div>
 
<h3>Tao Wenjing</h3>
 
<p>Punchline expert.</p>
 
</div>
 
 
</div>
 
</li>
 
 
<li>
 
<a href="#image-8">
 
<img src="https://static.igem.org/mediawiki/2017/9/9f/Xxxxl110237.png" alt="image02">
 
<span>Xu Xuliang</span>
 
</a>
 
<div class="lb-overlay" id="image-8">
 
<a href="#page" class="lb-close">x Close</a>
 
<img src="https://static.igem.org/mediawiki/2017/7/72/%E8%AE%B8%E6%97%AD%E7%B2%AE.JPG" alt="image02" >
 
<div>
 
<h3>Xu Xuliang</h3>
 
<p></p>
 
</div>
 
 
</div>
 
</li>
 
 
<li>
 
<a href="#image-9">
 
<img src="https://static.igem.org/mediawiki/2017/0/01/Axxxxk110322.png" alt="image02">
 
<span>Pan Qian</span>
 
</a>
 
<div class="lb-overlay" id="image-9">
 
<a href="#page" class="lb-close">x Close</a>
 
<img src="https://static.igem.org/mediawiki/2017/7/79/%E6%BD%98%E5%80%A9.jpg" alt="image02" >
 
<div>
 
<h3>Pan Qian</h3>
 
<p></p>
 
</div>
 
 
</div>
 
</li>
 
 
<li>
 
<a href="#image-10">
 
<img src="https://static.igem.org/mediawiki/2017/7/75/Bufds031110428.png" alt="image02">
 
<span>Guo Yannan</span>
 
</a>
 
<div class="lb-overlay" id="image-10">
 
<a href="#page" class="lb-close">x Close</a>
 
<img src="https://static.igem.org/mediawiki/2017/9/91/%E9%83%AD%E5%BD%A6%E5%8D%97.jpg" alt="image02" >
 
<div>
 
<h3>Guo Yannan</h3>
 
<p>Captain‘s brother.</p>
 
</div>
 
 
</div>
 
</li>
 
 
 
<li>
 
<a href="#image-11">
 
<img src="https://static.igem.org/mediawiki/2017/f/f0/Mbr1110512.png" alt="image02">
 
<span>Wang Yuxi</span>
 
</a>
 
<div class="lb-overlay" id="image-11">
 
<a href="#page" class="lb-close">x Close</a>
 
<img src="https://static.igem.org/mediawiki/2017/c/cd/%E7%8E%8B%E6%84%89%E8%8C%9C.JPG" alt="image02" >
 
<div>
 
<h3>Wang Yuxi</h3>
 
<p></p>
 
</div>
 
 
</div>
 
</li>
 
 
<li>
 
<a href="#image-12">
 
<img src="https://static.igem.org/mediawiki/2016/3/3d/T--UST_Beijing--htq_big.jpeg" alt="image02">
 
<span>Dong Shiquan</span>
 
</a>
 
<div class="lb-overlay" id="image-12">
 
<a href="#page" class="lb-close">x Close</a>
 
<img src="https://static.igem.org/mediawiki/2016/a/a2/T--UST_Beijing--htq_gai.jpeg" alt="image02" >
 
<div>
 
<h3>Dong Shiquan</h3>
 
<p></p>
 
</div>
 
 
</div>
 
</li>
 
 
 
 
</ul>
 
</section>
 
 
</div>
 
 
                <div style="height: 50px;">
 
                </div>
 
 
<div class="inner_wrapper aboutUs-container fadeInLeft animated wow">
 
  <div class="container" style="font-size: 50px;
 
    line-height: 60px;margin-bottom: 40px">
 
    <h2>PI</h2>
 
</div>
 
</div>
 
<div class="container">
 
 
<section>
 
<ul class="lb-album">
 
<li style="    margin-left: 454px;">
 
<a href="#image-17">
 
<img src="https://static.igem.org/mediawiki/2016/c/cd/T--UST_Beijing--song_big.jpeg" alt="image01">
 
<span>Song Ching</span>
 
</a>
 
<div class="lb-overlay" id="image-17">
 
<a href="#page" class="lb-close">x Close</a>
 
<img src="https://static.igem.org/mediawiki/2016/b/ba/T--UST_Beijing--song_gai.jpeg" alt="image01">
 
<div>
 
<h3>Song Ching</h3>
 
<p></p>
 
</div>
 
 
</div>
 
</li>
 
 
  </ul>
 
</section>
 
</div>
 
 
 
                <div style="height: 50px;">
 
                </div>
 
 
<div class="inner_wrapper aboutUs-container fadeInLeft animated wow">
 
  <div class="container" style="font-size: 50px;
 
    line-height: 60px;margin-bottom:40px">
 
    <h2>Instructors</h2>
 
</div>
 
</div>
 
<div class="container">
 
 
<section>
 
<ul class="lb-album">
 
 
 
<li>
 
<a href="#image-18" style="  margin-left: 240px;">
 
<img src="https://static.igem.org/mediawiki/2016/9/9c/T--UST_Beijing--lv_big.jpeg" alt="image02">
 
<span>Lv Le</span>
 
</a>
 
<div class="lb-overlay" id="image-18">
 
<a href="#page" class="lb-close">x Close</a>
 
<img src="https://static.igem.org/mediawiki/2016/c/c9/T--UST_Beijing--lv_gai.jpeg" alt="image02" >
 
<div>
 
<h3>Lv Le</h3>
 
<p></p>
 
</div>
 
 
</div>
 
</li>
 
 
<li>
 
<a href="#image-19">
 
<img src="https://static.igem.org/mediawiki/2016/c/c3/T--UST_Beijing--gy_big.jpeg" alt="image01">
 
<span>Gao Ying</span>
 
</a>
 
<div class="lb-overlay" id="image-19">
 
<a href="#page" class="lb-close">x Close</a>
 
<img src="https://static.igem.org/mediawiki/2016/b/b9/T--UST_Beijing--gy_gai.jpeg" alt="image01">
 
<div>
 
<h3>Gao Ying</h3>
 
<p></p>
 
</div>
 
 
</div>
 
</li>
 
 
<li>
 
<a href="#image-20">
 
<img src="https://static.igem.org/mediawiki/2016/d/d3/T--UST_Beijing--lx_big.jpeg" alt="image01">
 
<span>Li Xin</span>
 
</a>
 
<div class="lb-overlay" id="image-20">
 
<a href="#page" class="lb-close">x Close</a>
 
<img src="https://static.igem.org/mediawiki/2016/8/84/T--UST_Beijing--lx_gai.jpeg" alt="image01">
 
<div>
 
<h3>Li Xin</h3>
 
<p></p>
 
</div>
 
 
</div>
 
</li>
 
 
  </ul>
 
</section>
 
</div>
 
 
 
                <div style="height: 100px;">
 
                </div>
 
  
  
 +
 +
<section style="background-image:url(https://static.igem.org/mediawiki/2017/f/f8/Ustbbjbj.png);background-position:center center;background-repeat:no-repeat;-moz-background-size: cover;background-size: cover;background-attachment:fixed;">
  
 +
<div class="container" align="center">
 +
<div class="panel-body">
 +
        <br /><br /><br />
 +
          <h2 style="font-family:Arial">Human practice</h2><br />
 +
          <p class="text-justify" style="text-indent:1em;width:700px;font-weight:300;font-size:18px;line-height:28px;font-family:Arial">
 +
In order to follow the spirit of human practice, we took a long time to prepare and to finish this task. As we all know, the key to HP is to discover how the world affects us, and how we affect back to the world. In the same time, we mustn’t do our HP through some dangerous ways, also we must make sure we cannot lead to some hazardous consequence.<br /><br />
 +
      </p>
 +
        <img src="https://static.igem.org/mediawiki/2017/d/d1/T--UST_Beijing--xteam-Human-practice1.JPG" style="width:400px">
 +
        <img src="https://static.igem.org/mediawiki/2017/4/4f/T--UST_Beijing--xteam-Human-practice2.JPG" style="width:400px">
 +
        <img src="https://static.igem.org/mediawiki/2017/f/f7/T--UST_Beijing--xteam-Human-practice3.JPG" style="width:400px;margin-top: 5px">
 +
        <img src="https://static.igem.org/mediawiki/2017/1/1d/T--UST_Beijing--xteam-Human-practice4.JPG" style="width:400px;margin-top: 5px">
 +
          <br /><br /><br /><br /><br /><br />
 +
        <h2 style="font-family:Arial">Background of practice</h2><br />
 +
          <p class="text-justify" style="text-indent:1em;width:700px;font-weight:300;font-size:18px;line-height:28px;font-family:Arial">
 +
Recent studies have found that ginseng can regulate endocrine, improve body immunity and sex function, and delay senescence. Therefore, modern Chinese medicine believes that ginseng can be used to fulfill the Qi of spleen, lung, and heart. And Qi is a significant concept of traditional Chinese medicine, which can keep people energetic and vital.
 +
          </p>
 +
          <br />
 +
          <img src="https://static.igem.org/mediawiki/2017/1/1b/T--UST_Beijing--xteam-Human-practice5.JPG" style="width:400px">
 +
          <img src="https://static.igem.org/mediawiki/2017/9/9d/T--UST_Beijing--xteam-Human-practice6.JPG" style="width:400px">
 +
          <br /><br /><br /><br /><br /><br />
 +
        <h2 style="font-family:Arial">Community engagement</h2><br />
 +
          <p class="text-justify" style="text-indent:1em;width:700px;font-weight:300;font-size:18px;line-height:28px;font-family:Arial">
 +
On 20th Oct, some members of IGEM team came to community center and introduced our project to those residents; most of them are retired teachers and staffs. Last year, we held the similar engagement and we received extensive favorable comments. That’s the reason why we want to continue our practice.
 +
          </p>
 +
          <br />
 +
          <p class="text-justify" style="text-indent:1em;width:700px;font-weight:300;font-size:18px;line-height:28px;font-family:Arial">
 +
We brought our banners and publicity posters in order to attract more residents’ attentions. They all came to us as soon as we appeared. First, we explained our goal to the residents. At the same time, they were very satisfied with hand cream they had gotten last year. We told to them there is a kind of component, Ginsenoside, had beneficial efforts to human body.
 +
          </p>
 +
          <br />
 +
          <p class="text-justify" style="text-indent:1em;width:700px;font-weight:300;font-size:18px;line-height:28px;font-family:Arial">
 +
Some old men and ladies were looking forward to the commonweal activities. We were so pleased to receive positive comeback , and what we have done was closely related to our priority of 2017 iGEM research, synthesizing the precursor of ginseng by human body.
 +
          </p>
 +
        <br />
 +
        <img src="https://static.igem.org/mediawiki/2017/a/a0/T--UST_Beijing--xteam-Human-practice7.JPG" style="width:400px">
 +
        <img src="https://static.igem.org/mediawiki/2017/a/a1/T--UST_Beijing--xteam-Human-practice8.JPG" style="width:400px">
 +
        <br /><br /><br /><br /><br /><br />
 +
        <h2 style="font-family:Arial">New Platform of iGEM Team</h2><br />
 +
          <p class="text-justify" style="text-indent:1em;width:700px;font-weight:300;font-size:18px;line-height:28px;font-family:Arial">
 +
The history we take part in iGEM contest is about more than a decade. However, we never make the determination to set up a specific club for iGEM. Luckily, this year, we submit our application of the iGEM club establishment to students’ union. From now, we will get refund from our school, and we are classified into a kind of formal student scientific association. We believe that our scientific study will be more and more professional and smoother.
 +
          </p>
 +
          <br />
 +
        <img src="https://static.igem.org/mediawiki/2017/d/d0/T--UST_Beijing--xteam-Human-practice9.JPG" style="width:600px">
 +
        <br /><br /><br /><br /><br /><br />
 +
        <video controls style="width:80%">
 +
        <source src="https://static.igem.org/mediawiki/2017/b/bf/T--UST_Beijing--xteam-Human-practice-vedio.mp4">
 +
    </video>
 +
        <br /><br /><br /><br /><br /><br />
 +
        <div class="container" align="center">
 +
        <p align="center" style="font-size: 5px"><br><h5>Copyright © 2017 UST_Beijing iGEM. All rights reserved.</h5></p>
 +
        </div>   
 +
</div>
 +
</div>
 +
</section>
  
 +
</body>
  
 
<style>
 
<style>
#sideMenu
+
{display:none; /* Disable the display of the annoying side main menu*/}
+
#top_title
+
{display:none; /* Disable the annoying title*/}
+
#content
+
{padding:0px; width:90%; margin-left:5%; margin-right:5%;background-color: rgba(255,255,255,0);}
+
body
+
{margin: 0;
+
  font-size: 24px;
+
color: #333333;
+
background-color: #fafafa;
+
background-position:center center;
+
background-repeat:no-repeat;
+
-moz-background-size: cover;
+
background-size: cover;
+
background-attachment:fixed;}
+
.container
+
{background-color: rgba(255,255,255,0.4);
+
padding-top:80px;}
+
p {font-size: 16px;}
+
h1,h2,h3,h4,h5,h6 {color: #282828;}
+
h1 {font-size:72px;} h2 {font-size:48px;} h3 {font-size:36px;}
+
h4 {font-size:32px;} h5 {font-size:28px;} h6 {font-size:24px;}
+
.panel-body{background-color:rgba(255, 255, 255, 0) !important;}
+
.panel-heading{background-color:rgba(255, 255, 255, 0.7)  !important;}
+
.panel-group{background-color:rgba(255, 255, 255, 0)  !important;}
+
.panel-transparent{background-color:rgba(255, 255, 255, 0) !important;}
+
.nav-pills>li.active>a{background-color:#93d66b !important;}
+
.nav-pills>li>a:hover{background-color:#b2dd75 !important; color:#FFFFFF!important;}
+
.nav-pills>li.active>a:hover{background-color:#93d66b !important;}
+
 
   ul ul {
 
   ul ul {
 
     background:#E4EAF1;
 
     background:#E4EAF1;
Line 543: Line 173:
 
     top:100%;
 
     top:100%;
 
     padding:0;
 
     padding:0;
display: none;
 
  
 
}
 
}
Line 552: Line 181:
  
  
 +
}
 +
body{
 +
font-family:Arial;
 +
}
 +
.scroll-link{
 +
font-size: 14px;
 
}
 
}
 
  ul ul li a {
 
  ul ul li a {
Line 557: Line 192:
  
 
}
 
}
  ul:hover ul {
+
 
    display: block;
+
}
+
 
  ul ul li a:hover {
 
  ul ul li a:hover {
 
     background:#FFFFFF;
 
     background:#FFFFFF;
  
 
}
 
}
 +
 
  ul ul ul {
 
  ul ul ul {
    width:100%;
+
width: 100%;
    position:absolute;
+
position: absolute;
    left:100%;
+
left: 100%;
    top:50%;
+
top: 50%;
 
+
}
 
</style>
 
</style>
<!-- jQuery -->
+
<script type="text/javascript">
<script src="https://igem.org/User:Liusherry/js/jquery?action=raw&amp;ctype=text/javascript"></script>
+
$(document).ready(function (){
<!-- jQuery Easing -->
+
$('#csy1').hide(); //打开页面隐藏下拉列表
<script src="https://igem.org/User:Liusherry/js/easing?action=raw&amp;ctype=text/javascript"></script>
+
$('#cs1').hover( //鼠标滑过导航栏目时
<!-- Bootstrap -->
+
function(){
<script src="https://igem.org/User:Liusherry/js/bootstrap?action=raw&amp;ctype=text/javascript"></script>
+
$('#csy1').show(); //显示下拉列表
<!-- Waypoints -->
+
<script src="https://igem.org/User:Liusherry/js/waypoints?action=raw&amp;ctype=text/javascript"></script>
+
<!-- Main JS -->
+
<script src="https://igem.org/User:Liusherry/js/main?action=raw&amp;ctype=text/javascript"></script>
+
  
        <script type="text/javascript" >
+
},
        function menuFixed(id){
+
function(){
        var obj = document.getElementById(id);
+
$('#csy1').hide(); //鼠标移开后隐藏下拉列表
        var _getHeight = obj.offsetTop;
+
}
 +
);
 +
$('#csy1').hover( //鼠标滑过下拉列表自身也要显示,防止无法点击下拉列表
 +
function(){
 +
$('#csy1').show();
 +
},
 +
function(){
 +
$('#csy1').hide();
  
        window.onscroll = function(){
+
}
        changePos(id,_getHeight);
+
);
        }
+
$('cs1').hover( //鼠标滑过下拉列表是改变当前栏目样式
        }
+
);
        function changePos(id,height){
+
});
        var obj = document.getElementById(id);var windowBottom = $(window).scrollTop() + $(window).innerHeight();
+
</script>
        var scrollTop = document.documentElement.scrollTop || document.body.scrollTop - 600;
+
<script type="text/javascript">
        var windowBottom = $(window).scrollTop() + $(window).innerHeight();
+
$(document).ready(function (){
        var w = window.innerWidth;
+
$('#csy2').hide(); //打开页面隐藏下拉列表
        if(w>=1024){
+
$('#cs2').hover( //鼠标滑过导航栏目时
          if($(window).scrollTop() + $(window).height() > $(document).height() +200 ){
+
function(){
                $('#sidebar').fadeOut("fast");}else{$('#sidebar').fadeIn("fast");}
+
$('#csy2').show(); //显示下拉列表
        }
+
        if(scrollTop < height){ obj.style.position = 'relative';
+
        }else{
+
        obj.style.position = 'fixed';
+
        }
+
        }
+
        </script>
+
  
        <script type="text/javascript">
+
},
        window.onload = function(){
+
function(){
        menuFixed('sidebar');
+
$('#csy2').hide(); //鼠标移开后隐藏下拉列表
        }
+
}
        </script>
+
);
 +
$('#csy2').hover( //鼠标滑过下拉列表自身也要显示,防止无法点击下拉列表
 +
function(){
 +
$('#csy2').show();
 +
},
 +
function(){
 +
$('#csy2').hide();
  
 +
}
 +
);
 +
$('cs2').hover( //鼠标滑过下拉列表是改变当前栏目样式
 +
);
 +
});
 +
</script>
 
<script type="text/javascript">
 
<script type="text/javascript">
function menuFix(){
+
$(document).ready(function (){
var sfEles = document. getElementById("menu"). getElementByTagName("li");
+
$('#csy3').hide(); //打开页面隐藏下拉列表
for (var i=0; i<sfEles.length; i++){
+
$('#cs3').hover( //鼠标滑过导航栏目时
sfEles[i].onmouseover=function(){
+
function(){
this. className += (this.className.length>0?" ";"")+"listshow";
+
$('#csy3').show(); //显示下拉列表
}
+
 
sfEles[i]. onmouseout=function(){
+
},
this.className = this.className. replace("listshow","");
+
function(){
}
+
$('#csy3').hide(); //鼠标移开后隐藏下拉列表
}
+
}
}
+
);
window .onload= menuFix;
+
$('#csy3').hover( //鼠标滑过下拉列表自身也要显示,防止无法点击下拉列表
 +
function(){
 +
$('#csy3').show();
 +
},
 +
function(){
 +
$('#csy3').hide();
 +
 
 +
}
 +
);
 +
$('cs3').hover( //鼠标滑过下拉列表是改变当前栏目样式
 +
);
 +
});
 
</script>
 
</script>
 +
<script type="text/javascript">
 +
$(document).ready(function (){
 +
$('#csy4').hide(); //打开页面隐藏下拉列表
 +
$('#cs4').hover( //鼠标滑过导航栏目时
 +
function(){
 +
$('#csy4').show(); //显示下拉列表
  
 +
},
 +
function(){
 +
$('#csy4').hide(); //鼠标移开后隐藏下拉列表
 +
}
 +
);
 +
$('#csy4').hover( //鼠标滑过下拉列表自身也要显示,防止无法点击下拉列表
 +
function(){
 +
$('#csy4').show();
 +
},
 +
function(){
 +
$('#csy4').hide();
  
 +
}
 +
);
 +
$('cs4').hover( //鼠标滑过下拉列表是改变当前栏目样式
 +
);
 +
});
 +
</script>
 +
<script type="text/javascript">
 +
$(document).ready(function (){
 +
$('#csy5').hide(); //打开页面隐藏下拉列表
 +
$('#cs5').hover( //鼠标滑过导航栏目时
 +
function(){
 +
$('#csy5').show(); //显示下拉列表
 +
 +
},
 +
function(){
 +
$('#csy5').hide(); //鼠标移开后隐藏下拉列表
 +
}
 +
);
 +
$('#csy5').hover( //鼠标滑过下拉列表自身也要显示,防止无法点击下拉列表
 +
function(){
 +
$('#csy5').show();
 +
},
 +
function(){
 +
$('#csy5').hide();
 +
 +
}
 +
);
 +
$('cs5').hover( //鼠标滑过下拉列表是改变当前栏目样式
 +
);
 +
});
 +
</script>
  
  
Line 642: Line 343:
 
<script type="text/javascript" src="https://2017.igem.org/Team:UST_Beijing/js/jqdanmu?action=raw&amp;ctype=text/javascript"></script>
 
<script type="text/javascript" src="https://2017.igem.org/Team:UST_Beijing/js/jqdanmu?action=raw&amp;ctype=text/javascript"></script>
 
<script type="text/javascript" src="https://2017.igem.org/Team:UST_Beijing/js/main?action=raw&amp;ctype=text/javascript"></script>
 
<script type="text/javascript" src="https://2017.igem.org/Team:UST_Beijing/js/main?action=raw&amp;ctype=text/javascript"></script>
 
 
 
 
 
</body>
 
  
  
 
</html>
 
</html>

Latest revision as of 03:16, 2 November 2017

USTB-Beijing | Welcome




Human practice


In order to follow the spirit of human practice, we took a long time to prepare and to finish this task. As we all know, the key to HP is to discover how the world affects us, and how we affect back to the world. In the same time, we mustn’t do our HP through some dangerous ways, also we must make sure we cannot lead to some hazardous consequence.







Background of practice


Recent studies have found that ginseng can regulate endocrine, improve body immunity and sex function, and delay senescence. Therefore, modern Chinese medicine believes that ginseng can be used to fulfill the Qi of spleen, lung, and heart. And Qi is a significant concept of traditional Chinese medicine, which can keep people energetic and vital.








Community engagement


On 20th Oct, some members of IGEM team came to community center and introduced our project to those residents; most of them are retired teachers and staffs. Last year, we held the similar engagement and we received extensive favorable comments. That’s the reason why we want to continue our practice.


We brought our banners and publicity posters in order to attract more residents’ attentions. They all came to us as soon as we appeared. First, we explained our goal to the residents. At the same time, they were very satisfied with hand cream they had gotten last year. We told to them there is a kind of component, Ginsenoside, had beneficial efforts to human body.


Some old men and ladies were looking forward to the commonweal activities. We were so pleased to receive positive comeback , and what we have done was closely related to our priority of 2017 iGEM research, synthesizing the precursor of ginseng by human body.








New Platform of iGEM Team


The history we take part in iGEM contest is about more than a decade. However, we never make the determination to set up a specific club for iGEM. Luckily, this year, we submit our application of the iGEM club establishment to students’ union. From now, we will get refund from our school, and we are classified into a kind of formal student scientific association. We believe that our scientific study will be more and more professional and smoother.















Copyright © 2017 UST_Beijing iGEM. All rights reserved.