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

Line 1: Line 1:
−
<!DOCTYPE html>
 
 
<html manifest="cache.manifest" lang="en" dir="ltr">
 
<html manifest="cache.manifest" lang="en" dir="ltr">
 
<head>
 
<head>
Line 6: 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 | Welcome</title>
+
<title>USTB-Beijing | Team</title>
 
<!-- restyle the iGEM original template -->
 
<!-- restyle the iGEM original template -->
 
         <style type="text/css">
 
         <style type="text/css">
Line 35: 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>
  
−
<meta name="diaoyong" DanmuPlayer="..//github.com/chiruom/danmuplayer/ - Licensed under the MIT" >
+
<!-- Photo Wall--!>
 +
<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">
+
 
−
.demo{width:95%;margin:50px auto 10px auto;padding:10px;}
+
<![endif]-->
−
</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_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 72: Line 111:
 
                             <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/Basic_Part">basic_parts</a></li>
 
                             <li><a href="https://2017.igem.org/Team:UST_Beijing/Composite_Part">composite_parts</a></li>
 
                             <li><a href="https://2017.igem.org/Team:UST_Beijing/Composite_Part">composite_parts</a></li>
−
                           
+
 
 
                         </ul>
 
                         </ul>
 
  </li>
 
  </li>
Line 128: Line 167:
  
  
−
<div class="container" align="center">
+
<div class="inner_wrapper aboutUs-container fadeInLeft animated wow">
−
    <div class="panel-group" id="BackgroundContent" role="tablist" aria-multiselectable="true">
+
  <div class="container" style="font-size: 50px;
−
      <div class="panel panel-transparent">
+
    line-height: 60px;margin-bottom:40px;">
−
        <div id="Background" class="panel-collapse collapse in">
+
    <h2>Leader</h2>
−
          <div class="panel-body">
+
−
          <h2 style="color:whitesmoke">Human practice</h2><br />
+
−
          <p class="text-justify" style="text-indent:1em;width:850px;font-weight:300;font-size:27px;line-height:40px;color:whitesmoke">
+
−
In order to follow the spirit of human practice, we took a long time to prepare and finish this task. As we know, the key to HP is discover how the world effects to us, and how we effect back to the World. At the same time , we mustn’t do our HP through some dangerous ways, and make sure we can not 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:700px;margin-top: 10px">
+
−
        <img src="https://static.igem.org/mediawiki/2017/4/4f/T--UST_Beijing--xteam-Human-practice2.JPG" style="width:700px;margin-top: 10px">
+
−
        <img src="https://static.igem.org/mediawiki/2017/f/f7/T--UST_Beijing--xteam-Human-practice3.JPG" style="width:700px;margin-top: 10px">
+
−
        <img src="https://static.igem.org/mediawiki/2017/1/1d/T--UST_Beijing--xteam-Human-practice4.JPG" style="width:700px;margin-top: 10px">
+
−
          </div>
+
−
          <br /><br />
+
−
        </div>
+
−
      </div>
+
−
      <div class="panel panel-transparent">
+
−
        <div class="panel-heading" >
+
−
        <h4 >Background of practice</h4>
+
−
        </div>
+
−
        <div id="Abstract" class="panel-collapse collapse in">
+
−
          <div class="panel-body" >
+
−
          <br />
+
−
          <p class="text-justify" style="text-align:left;text-indent:1em;font-size:25px;line-height:35px;font-weight: 700;font-family: Times New Roman" >
+
−
            Recent studies have found that ginseng can regulate endocrine, improve body immunity and sex function, delay senescence. Therefore, modern Chinese medicine believes that ginseng can be used to fulfill the Qi of  spleen, lung, and heart. And Qi is significant concept of traditional Chinese medicine, which can keep people energetic and vital.
+
−
          </p>
+
−
          <br /> <br />
+
−
          <img src="https://static.igem.org/mediawiki/2017/1/1b/T--UST_Beijing--xteam-Human-practice5.JPG" style="width:700px;margin-top: 10px">
+
−
          </div>
+
−
          </div>
+
−
        </div>
+
−
        <br /> <br /><br /> <br />
+
−
        <div class="panel-heading" >
+
−
        <h4>Community engagement</h4>
+
−
        </div>
+
−
        <div id="Abstract2" class="panel-collapse collapse in">
+
−
          <div class="panel-body" >
+
−
          <br />
+
−
          <p class="text-justify" style="text-align:left;text-indent:1em;font-size:25px;line-height:35px;font-weight: 700;font-family: Times New Roman" >
+
−
            On 20th Oct, some members of IGEM team came to community center and introduced our project to those residents, most of them are retired teacher and staff. Last year, we held the similar engagement and we received extensive favorable comment. That’s the reason why we want to continue our practice.
+
−
</p>
+
−
            <br />
+
−
            <p class="text-justify" style="text-align:left;text-indent:1em;font-size:25px;line-height:35px;font-weight: 700;font-family: Times New Roman" >
+
−
            We brought our banners and propaganda posters in order to attract many residents’ attentions. They all come to us as soon as we appeared. First, we explained our goal to residents. At the same time, they are very satisfied with hand cream gotten last year. We told to them there exists a kind of component,  Ginsenoside, has beneficial effort to human body.
+
−
            </p>
+
−
            <br />
+
−
            <p class="text-justify" style="text-align:left;text-indent:1em;font-size:25px;line-height:35px;font-weight: 700;font-family: Times New Roman">
+
−
            Some elder man and lady are looking forward to the commonweal activity. We are so pleasant to receive positive comeback , and what we do is closely related to our priority of 2017 iGEM research, synthesizing the precursor of ginseng by human body.
+
−
            </p>
+
−
            <br /><br />
+
−
            <img src="https://static.igem.org/mediawiki/2017/9/9d/T--UST_Beijing--xteam-Human-practice6.JPG" style="width:700px;margin-top: 10px">
+
−
            <img src="https://static.igem.org/mediawiki/2017/a/a0/T--UST_Beijing--xteam-Human-practice7.JPG" style="width:700px;margin-top: 10px">
+
−
            <img src="https://static.igem.org/mediawiki/2017/a/a1/T--UST_Beijing--xteam-Human-practice8.JPG" style="width:700px;margin-top: 10px">
+
−
          </div>
+
−
        </div>
+
−
        <br /> <br /><br /> <br />
+
−
        <div class="panel panel-transparent">
+
−
        <div class="panel-heading" >
+
−
        <h4>New platform of iGEM team</h4>
+
−
        </div>
+
−
        <div id="Abstract3" class="panel-collapse collapse in">
+
−
          <div class="panel-body" >
+
−
          <br />
+
−
          <p class="text-justify" style="text-align:left;text-indent:1em;font-size:25px;line-height:35px;font-weight: 700;font-family: Times New Roman" >
+
−
            The history we take part in iGEM contest is about more than 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 student 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 smooth.
+
−
          </p>
+
−
          <br /> <br />
+
−
          <img src="https://static.igem.org/mediawiki/2017/d/d0/T--UST_Beijing--xteam-Human-practice9.JPG" style="width:700px;margin-top: 10px">
+
−
          <br /><br /><br /><br />
+
−
          <div class="panel-body" >
+
−
          <video controls style="width:100%;">
+
−
            <source src="https://static.igem.org/mediawiki/2017/b/bf/T--UST_Beijing--xteam-Human-practice-vedio.mp4">
+
−
        </video>
+
 
</div>
 
</div>
−
          </div>
+
</div>
−
          </div>
+
<div class="container">
−
        </div>
+
 
−
       
+
<section>
−
      </div>
+
<ul class="lb-album">
−
   </div>
+
<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>
 +
 
  
  
−
<!-- footer -->
 
−
<footer class="text-center">
 
−
    <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>
 
−
</footer>
 
−
</body>
 
  
  
−
<meta http-equiv="X-UA-Compatible" content="IE=edge">
 
−
<meta name="viewport" content="width=device-width, initial-scale=1.0">
 
 
<style>
 
<style>
 
#sideMenu
 
#sideMenu
Line 234: Line 518:
 
color: #333333;
 
color: #333333;
 
background-color: #fafafa;
 
background-color: #fafafa;
−
background-image:url(https://static.igem.org/mediawiki/2017/9/9e/Ustb_kk.jpg);
 
 
background-position:center center;
 
background-position:center center;
 
background-repeat:no-repeat;
 
background-repeat:no-repeat;
Line 288: Line 571:
  
 
</style>
 
</style>
 +
<!-- jQuery -->
 +
<script src="https://igem.org/User:Liusherry/js/jquery?action=raw&amp;ctype=text/javascript"></script>
 +
<!-- jQuery Easing -->
 +
<script src="https://igem.org/User:Liusherry/js/easing?action=raw&amp;ctype=text/javascript"></script>
 +
<!-- Bootstrap -->
 +
<script src="https://igem.org/User:Liusherry/js/bootstrap?action=raw&amp;ctype=text/javascript"></script>
 +
<!-- 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){
 +
        var obj = document.getElementById(id);
 +
        var _getHeight = obj.offsetTop;
 +
 +
        window.onscroll = function(){
 +
        changePos(id,_getHeight);
 +
        }
 +
        }
 +
        function changePos(id,height){
 +
        var obj = document.getElementById(id);var windowBottom = $(window).scrollTop() + $(window).innerHeight();
 +
        var scrollTop = document.documentElement.scrollTop || document.body.scrollTop - 600;
 +
        var windowBottom = $(window).scrollTop() + $(window).innerHeight();
 +
        var w = window.innerWidth;
 +
        if(w>=1024){
 +
          if($(window).scrollTop() + $(window).height() > $(document).height() +200 ){
 +
                $('#sidebar').fadeOut("fast");}else{$('#sidebar').fadeIn("fast");}
 +
        }
 +
        if(scrollTop < height){ obj.style.position = 'relative';
 +
        }else{
 +
        obj.style.position = 'fixed';
 +
        }
 +
        }
 +
        </script>
 +
 +
        <script type="text/javascript">
 +
        window.onload = function(){
 +
        menuFixed('sidebar');
 +
        }
 +
        </script>
 +
 +
<script type="text/javascript">
 +
function menuFix(){
 +
var sfEles = document. getElementById("menu"). getElementByTagName("li");
 +
for (var i=0; i<sfEles.length; i++){
 +
sfEles[i].onmouseover=function(){
 +
this. className += (this.className.length>0?" ";"")+"listshow";
 +
}
 +
sfEles[i]. onmouseout=function(){
 +
this.className = this.className. replace("listshow","");
 +
}
 +
}
 +
}
 +
window .onload= menuFix;
 +
</script>
 +
 +
 +
  
 
<script type="text/javascript" src="https://2017.igem.org/Team:UST_Beijing/js/bootstrapmin?action=raw&amp;ctype=text/javascript"></script>
 
<script type="text/javascript" src="https://2017.igem.org/Team:UST_Beijing/js/bootstrapmin?action=raw&amp;ctype=text/javascript"></script>
Line 302: Line 644:
  
  
−
<!--<link rel="stylesheet" href="css/danmuplayer.css">
 
−
<script src="js/danmuplayer.js"></script>
 
−
<script src="js/lib/jquery-1.11.1.min.js"></script>
 
−
<script>
 
−
  $("#danmup").DanmuPlayer({
 
−
   
 
−
    height: "480px", //区域的高度
 
−
    width: "800px" //区域的宽度
 
−
    ,urlToGetDanmu:"query.php"
 
−
    ,urlToPostDanmu:"stone.php"
 
−
  });
 
  
−
  $("#danmup .danmu-div").danmu("addDanmu",[
 
−
    { "text":"这是滚动弹幕" ,color:"white",size:1,position:0,time:2}
 
−
    ,{ "text":"我是帽子绿" ,color:"green",size:1,position:0,time:3}
 
−
    ,{ "text":"哈哈哈啊哈" ,color:"black",size:1,position:0,time:10}
 
−
    ,{ "text":"这是顶部弹幕" ,color:"yellow" ,size:1,position:1,time:3}
 
−
    ,{ "text":"这是底部弹幕" , color:"red" ,size:1,position:2,time:9}
 
−
    ,{ "text":"大家好，我是伊藤橙" ,color:"orange",size:1,position:1,time:3}
 
  
−
  ])
+
 
−
</script>-->
+
</body>
 +
 
  
 
</html>
 
</html>

Revision as of 03:44, 31 October 2017

USTB-Beijing | Team

Leader

Students

PI

Instructors