Difference between revisions of "Team:FAFU-CHINA/Team"

 
(60 intermediate revisions by 5 users not shown)
Line 1: Line 1:
−
{{:Template:FAFU_CHINA/index2/head}}
 
 
<html lang="zh">
 
<html lang="zh">
 
<head>
 
<head>
Line 5: Line 4:
 
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">  
 
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">  
 
<meta name="viewport" content="width=device-width, initial-scale=1.0">
 
<meta name="viewport" content="width=device-width, initial-scale=1.0">
−
<title>谷歌Material Design侧边栏特效 - A5源码</title>
+
<title>侧边栏</title>
−
<link rel="stylesheet" type="text/css" href="https://2015.igem.org/Template:FAFU_CHINA/guge/css/normalize?action=raw&amp;ctype=text/css" />
+
<link rel="stylesheet" href="https://2015.igem.org/Template:FAFU_CHINA/css/homecss?action=raw&amp;ctype=text/css" type="text/css" />
−
<link rel="stylesheet" type="text/css" href="https://2015.igem.org/Template:FAFU_CHINA/guge/css/default?action=raw&amp;ctype=text/css" />
+
 
−
<link href='http://fonts.useso.com/css?family=Lato:300,400' rel='stylesheet' type='text/css'>
+
 
<link rel="stylesheet" type="text/css" href="https://2015.igem.org/Template:FAFU_CHINA/guge/css/styles?action=raw&amp;ctype=text/css" />
 
<link rel="stylesheet" type="text/css" href="https://2015.igem.org/Template:FAFU_CHINA/guge/css/styles?action=raw&amp;ctype=text/css" />
−
<!--[if IE]>
+
 
−
<script src="http://libs.useso.com/js/html5shiv/3.7/html5shiv.min.js"></script>
+
<link rel="stylesheet" type="text/css" href="https://2015.igem.org/Template:FAFU_CHINA/wailian/css/Montserrat?action=raw&amp;ctype=text/css" />
−
<![endif]-->
+
<link rel="stylesheet" type="text/css" href="https://2015.igem.org/Template:FAFU_CHINA/wailian/css/Open-Sans?action=raw&amp;ctype=text/css" />
 +
<link rel="stylesheet" type="text/css" href="https://2015.igem.org/Template:FAFU_CHINA/index2/css/bootstrap?action=raw&amp;ctype=text/css" />
 +
<link rel="stylesheet" type="text/css" href="https://2015.igem.org/Template:FAFU_CHINA/index2/css/style2?action=raw&amp;ctype=text/css" />
 +
<link rel="stylesheet" type="text/css" href="https://2015.igem.org/Template:FAFU_CHINA/index2/css/stylesheet?action=raw&amp;ctype=text/css" />
 +
<link rel="stylesheet" type="text/css" href="https://2015.igem.org/Template:FAFU_CHINA/index2/css/font-awesome?action=raw&amp;ctype=text/css" />
 +
<link rel="stylesheet" type="text/css" href="https://2015.igem.org/Template:FAFU_CHINA/index2/css/responsive?action=raw&amp;ctype=text/css" />
 +
<link rel="stylesheet" type="text/css" href="https://2015.igem.org/Template:FAFU_CHINA/index2/css/animate?action=raw&amp;ctype=text/css" />
 
</head>
 
</head>
 
<body>
 
<body>
Line 18: Line 22:
 
<div class="com__content">
 
<div class="com__content">
 
<section class="com__section com__section--text">
 
<section class="com__section com__section--text">
−
<div class="animate slideInLeft delay-3">Bio-safety is the prevention of large-scale loss of biological integrity, focusing both on ecology and human health. These prevention mechanisms include conduction of regular reviews of the bio-safety in laboratory settings, as well as strict guidelines to follow. </div>
 
−
               
 
−
                <div>The chassis organisms we used for this project</div> <!-- 这里是标题，加粗放大！ -->
 
  
−
                <table class="col-md-12" style="margin-bottom: 50px;">
+
<div class="container">
−
<tr style="border-bottom: 1px solid #aaaaaa; border-top: 1px solid #aaaaaa;">
+
  <br>  
−
  <td style="padding-bottom: 10px; border-right: 1px solid #aaaaaa; border-left: 1px solid #aaaaaa;" class="col-md-2">Species name</td>
+
<br>
−
   <td style="padding-bottom: 10px; border-right: 1px solid #aaaaaa;" class="col-md-4">Strain name</td>
+
<br>
−
  <td style="padding-bottom: 10px; border-right: 1px solid #aaaaaa;" class="col-md-3">Risk Group</td>
+
 
−
  <td style="padding-bottom: 10px; border-right: 1px solid #aaaaaa;" class="col-md-3">Disease risk to humans?</td>
+
   <h2>team</h2>
−
</tr>
+
        <div class="team-leader-block clearfix">
 +
            <div class="team-leader-box">
  
−
<tr style="border-bottom: 1px solid #aaaaaa;">
 
−
  <td style="padding-top: 15px; border-right: 1px solid #aaaaaa; border-left: 1px solid #aaaaaa;" class="col-md-2">E.coli(K12)</td>
 
−
  <td style="padding-top: 15px; border-right: 1px solid #aaaaaa;" class="col-md-4">DH5alpha</td>
 
−
  <td style="padding-top: 15px; border-right: 1px solid #aaaaaa;" class="col-md-3">1</td>
 
−
  <td style="padding-top: 15px; border-right: 1px solid #aaaaaa;" class="col-md-3">Yes. May cause irritation to skin, eyes, may affect kidneys. However, E.coli is not considered a human or animal pathogen nor is it toxic possibility</td>
 
−
</tr>
 
  
−
<tr style="border-bottom: 1px solid #aaaaaa;">
+
                <div class="team-leader wow fadeInDown delay-09s">  
−
  <td style="border-right: 1px solid #aaaaaa; border-left: 1px solid #aaaaaa; " class="col-md-2">E.coli(K12)</td>
+
                    <div class="team-leader-shadow"><a href="#"></a></div>
−
  <td style="border-right: 1px solid #aaaaaa;" class="col-md-4">HT115</td>
+
                    <img src="https://static.igem.org/mediawiki/2015/7/7d/FAFU-CHINA_Team_members_%2811%29.png" alt="">
−
  <td style="border-right: 1px solid #aaaaaa;" class="col-md-3">1</td>
+
                    <ul>
−
  <td style="border-right: 1px solid #aaaaaa;" class="col-md-3">Yes. May cause irritation to skin, eyes, and respiratory tract, may affect kidneys. However, HT115 has been proven that it is safe.</td>
+
                        <li><a href="#" class="fa-twitter"></a></li>
−
</tr class="col-md-3">
+
                        <li><a href="#" class="fa-facebook"></a></li>
−
</table>
+
                        <li><a href="#" class="fa-pinterest"></a></li>
−
<!-- 这里是图片，上面那个标题是说这个图的 -->
+
                        <li><a href="#" class="fa-google-plus"></a></li>
−
                <div>How did we ensure the general lab safety?</div>
+
                    </ul>
−
                 <div> (1) Did our members can make sure the safety? </div>
+
                 </div>
−
                 <div>Our members were selected by a hard test. Therefore we had better basic knowledge of biology and we could pick up the    regulation of the lab safety quickly. </div>
+
                 <h3 class="wow fadeInDown delay-09s">Xiaolei Huang</h3>
−
                 <div> (2) Did we have the safety training? </div>
+
                 <span class="wow fadeInDown delay-09s">Instructor</span>
−
                 <div> Just before starting the experiments, everyone had to take a safety training course. From the course,，we have learned a complete understanding of experimental risks associated with synthetic biology. </div>                
+
                 <font color="black" class="wow fadeInDown delay-03s">He taught us how to organize a team and how to cooperate with other team members.</font>
−
                <div> (2) How about the safety of our lab? </div>
+
            </div>
−
                <div>The design of laboratory, high security facilities and suitable personal safety precautions will ensure the lab safety. </div>
+
            </div>
 +
        </div>
  
−
                <div>Do the biological materials used in our lab work pose any of the following risks? </div> 
 
−
                <div>（1）Risks to the safety and health of team members or others working in the lab? </div> 
 
−
                <div>All the biological materials used in our lab are safe to the workers. Moreover every species we worked with belongs to BL1. </div> 
 
−
                <div>（2）Risks to the safety and health of the general public, if released by design or by accident? </div> 
 
−
                <div>Every species we worked with belongs to BL1. They are harmless to human. </div> 
 
−
                <div>（3）Risks to the environment, if released by design or by accident? </div> 
 
−
                <div>Every species we worked with belongs to BL1. They are harmless to the environment. In addition, we have designed a statistical system to ensure our genetically modified E. coli will not survive in the natural environment. </div> 
 
  
−
                 <div>If our project moved from a small-scale lab study to become widely used as a commercial/industrial product, what risks might arise? </div>   
+
        <div class="team-leader-block clearfix">
 +
            <div class="team-leader-box">
 +
                 <div class="team-leader wow fadeInDown delay-03s">  
 +
                    <div class="team-leader-shadow"><a href="#"></a></div>
 +
                    <img src="https://static.igem.org/mediawiki/2015/9/93/FAFU-CHINA_Team_members_%2815%29.png " alt="">
 +
                    <ul>
 +
                        <li><a href="#" class="fa-twitter"></a></li>
 +
                        <li><a href="#" class="fa-facebook"></a></li>
 +
                        <li><a href="#" class="fa-pinterest"></a></li>
 +
                        <li><a href="#" class="fa-google-plus"></a></li>
 +
                    </ul>
 +
                </div>
 +
                <h3 class="wow fadeInDown delay-03s">Zujian Wu</h3>
 +
                <span class="wow fadeInDown delay-03s">Advisor</span>
 +
          <font color="black" class="wow fadeInDown delay-03s">He taught us how to improve efficiency by the characters of eusocial insects (team work).</font>
 +
            </div>
 +
         
 +
            <div class="team-leader-box">
 +
                <div class="team-leader wow fadeInDown delay-03s">
 +
                    <div class="team-leader-shadow"><a href="#"></a></div>
 +
                    <img src="https://static.igem.org/mediawiki/2015/a/ab/FAFU-CHINA_Team_members_%2814%29.png " alt="">
 +
                    <ul>
 +
                        <li><a href="#" class="fa-twitter"></a></li>
 +
                        <li><a href="#" class="fa-facebook"></a></li>
 +
                        <li><a href="#" class="fa-pinterest"></a></li>
 +
                        <li><a href="#" class="fa-google-plus"></a></li>
 +
                    </ul>
 +
                </div>
 +
                <h3 class="wow fadeInDown delay-03s">Taiyun Wei</h3>
 +
                <span class="wow fadeInDown delay-03s">Advisor</span>
 +
  <font color="black" class="wow fadeInDown delay-03s">Prof. Wei offered effective expression vector and advice about building of vectors.</font>
 +
            </div>
 +
            <div class="team-leader-box">
 +
                <div class="team-leader  wow fadeInDown delay-06s">
 +
                    <div class="team-leader-shadow"><a href="#"></a></div>
 +
                    <img src="https://static.igem.org/mediawiki/2015/2/21/FAFU-CHINA_Team_members_%2813%29.png" alt="">
 +
                    <ul>
 +
                        <li><a href="#" class="fa-twitter"></a></li>
 +
                        <li><a href="#" class="fa-facebook"></a></li>
 +
                        <li><a href="#" class="fa-pinterest"></a></li>
 +
                        <li><a href="#" class="fa-google-plus"></a></li>
 +
                    </ul>
 +
                </div>
 +
                <h3 class="wow fadeInDown delay-06s">Bingfeng Zhou</h3>
 +
                <span class="wow fadeInDown delay-06s">Advisor</span>
 +
<font color="black" class="wow fadeInDown delay-03s">Prof. Zhou taught us how to keep bees and several characters of bee virus.</font>
 +
            </div>
  
−
                 <div>1.Risk to environment</div>
+
            <div class="team-leader-box">
−
                 <div>If our design works and is introduced into a commercial/industrial product, the modified E.coli does have possibilities to pollute the environment. However, our product will not exist in the environment.</div>  
+
                 <div class="team-leader wow fadeInDown delay-03s">
−
                 <div>For a long time. Because we decide to add the E.coli into forage, which shelf life are only 3 days. So most of the forage is eaten by bees and the rest of them will be carefully handled with after 3 days. According to this, our product is safe for the environment. </div>
+
                    <div class="team-leader-shadow"><a href="#"></a></div>
−
                 <div>2.Risk to human <div/>
+
                    <img src="https://static.igem.org/mediawiki/2015/0/05/FAFU-CHINA_Team_members_%285%29.png "">
−
                 <div>Honey is a kind of normal food for us. So the safety of it is excessively important. In the beginning,it confused us that coli itself is a potential pathogen. The possibility that coli would spread out and contaminate the honey to us may cause intrinsic infection and acute diarrhea. In consideration of this situation, firstly we decide to try to use Lethal gene to connect with the gene we changed.And we can use this method to prevent the safety risks. Secondly, coli originally exists in bees, so we will not worry that all of the coli enter the body.Therefore our product will be safe to human. <div/>
+
                    <ul>
 +
                        <li><a href="#" class="fa-twitter"></a></li>
 +
                        <li><a href="#" class="fa-facebook"></a></li>
 +
                        <li><a href="#" class="fa-pinterest"></a></li>
 +
                        <li><a href="#" class="fa-google-plus"></a></li>
 +
                    </ul>
 +
                 </div>
 +
                <h3 class="wow fadeInDown delay-03s">Penny</h3>
 +
                <span class="wow fadeInDown delay-03s">Advisor</span>
 +
<font color="black" class="wow fadeInDown delay-03s">She trained our speaking and reading skills.</font>
 +
            </div>
 +
            <div class="team-leader-box">
 +
                <div class="team-leader  wow fadeInDown delay-06s">
 +
                    <div class="team-leader-shadow"><a href="#"></a></div>
 +
                    <img src="https://static.igem.org/mediawiki/2015/0/02/FAFU-CHINA_Team_members_%2816%29.jpg" alt="">
 +
                    <ul>
 +
                        <li><a href="#" class="fa-twitter"></a></li>
 +
                        <li><a href="#" class="fa-facebook"></a></li>
 +
                        <li><a href="#" class="fa-pinterest"></a></li>
 +
                        <li><a href="#" class="fa-google-plus"></a></li>
 +
                    </ul>
 +
                </div>
 +
                <h3 class="wow fadeInDown delay-06s">Wenxu Wu</h3>
 +
                <span class="wow fadeInDown delay-06s">Web Advisor</span>
 +
<font color="black" class="wow fadeInDown delay-03s">He helped us to solve technology problems in wiki.</font>
 +
            </div>
 +
            <div class="team-leader-box">
 +
                 <div class="team-leader wow fadeInDown delay-09s">  
 +
                    <div class="team-leader-shadow"><a href="#"></a></div>
 +
                    <img src="https://static.igem.org/mediawiki/2015/0/0d/FAFU-CHINA_Team_members_%2812%29.jpg" alt="">
 +
                    <ul>
 +
                        <li><a href="#" class="fa-twitter"></a></li>
 +
                        <li><a href="#" class="fa-facebook"></a></li>
 +
                        <li><a href="#" class="fa-pinterest"></a></li>
 +
                        <li><a href="#" class="fa-google-plus"></a></li>
 +
                    </ul>
 +
                </div>
 +
                <h3 class="wow fadeInDown delay-09s">Mucheng Cai</h3>
 +
                <span class="wow fadeInDown delay-09s">Dry Lab</span>
 +
<font color="black" class="wow fadeInDown delay-03s">He joins our team because he considers this challenging competition would train himself.</font>
 +
            </div>
 +
        </div>
 +
        <div class="team-leader-block clearfix">
 +
            <div class="team-leader-box">
 +
                 <div class="team-leader wow fadeInDown delay-03s">  
 +
                    <div class="team-leader-shadow"><a href="#"></a></div>
 +
                    <img src="https://static.igem.org/mediawiki/2015/9/91/FAFU-CHINA_Team_members_%280%29.png" alt="">
 +
                    <ul>
 +
                        <li><a href="#" class="fa-twitter"></a></li>
 +
                        <li><a href="#" class="fa-facebook"></a></li>
 +
                        <li><a href="#" class="fa-pinterest"></a></li>
 +
                        <li><a href="#" class="fa-google-plus"></a></li>
 +
                    </ul>
 +
                 </div>
 +
                <h3 class="wow fadeInDown delay-03s">Ruicheng Dai</h3>
 +
                <span class="wow fadeInDown delay-03s">Captain </span>
 +
<font color="black" class="wow fadeInDown delay-03s">He thinks synthesis biology is an interesting advanced subject and he organized this team.</font>
 +
            </div>
 +
            <div class="team-leader-box">
 +
                <div class="team-leader  wow fadeInDown delay-06s">
 +
                    <div class="team-leader-shadow"><a href="#"></a></div>
 +
                    <img src="https://static.igem.org/mediawiki/2015/e/e1/FAFU-CHINA_Team_members_%288%29.jpg" alt="">
 +
                    <ul>
 +
                        <li><a href="#" class="fa-twitter"></a></li>
 +
                        <li><a href="#" class="fa-facebook"></a></li>
 +
                        <li><a href="#" class="fa-pinterest"></a></li>
 +
                        <li><a href="#" class="fa-google-plus"></a></li>
 +
                    </ul>
 +
                </div>
 +
                <h3 class="wow fadeInDown delay-06s">Changlong Lu</h3>
 +
                <span class="wow fadeInDown delay-06s">Experiment Designer</span>
 +
<font color="black" class="wow fadeInDown delay-03s">He and Dai assume the principal experiments and solve several academic problems.</font>
 +
            </div>            <div class="team-leader-box">
 +
                <div class="team-leader wow fadeInDown delay-09s">
 +
                    <div class="team-leader-shadow"><a href="#"></a></div>
 +
                    <img src="https://static.igem.org/mediawiki/2015/3/39/FAFU-CHINA_Team_members_%282%29.jpg" alt="">
 +
                    <ul>
 +
                        <li><a href="#" class="fa-twitter"></a></li>
 +
                        <li><a href="#" class="fa-facebook"></a></li>
 +
                        <li><a href="#" class="fa-pinterest"></a></li>
 +
                        <li><a href="#" class="fa-google-plus"></a></li>
 +
                    </ul>
 +
                </div>
 +
                <h3 class="wow fadeInDown delay-09s">Junhao Lu</h3>
 +
                <span class="wow fadeInDown delay-09s">Vice-Captain</span>
 +
<font color="black" class="wow fadeInDown delay-03s">He trusts that synthesis biology owns huge potential and he recruits team members by his persistence.</font>
 +
            </div>
 +
        </div>
  
−
+
        <div class="team-leader-block clearfix">
−
</section>
+
            <div class="team-leader-box">
−
<section class="com__section com__section--text com__section--text-img">
+
                <div class="team-leader wow fadeInDown delay-03s">
−
<div class="com__section-half">
+
                    <div class="team-leader-shadow"><a href="#"></a></div>
−
<h1 class="animate slideInLeft">Communication Design</h1>
+
                    <img src="https://static.igem.org/mediawiki/2015/0/06/FAFU-CHINA_Team_members_%283%29.jpg" alt="">
−
<p class="animate slideInLeft delay-2">Communication design is a mixed discipline between design and information-development which is concerned with how media intermission such as printed, crafted, electronic media or presentations communicate with people.</p>
+
                    <ul>
−
</div>
+
                        <li><a href="#" class="fa-twitter"></a></li>
−
<div class="com__section-half">
+
                        <li><a href="#" class="fa-facebook"></a></li>
−
<img class="animate slideInRight delay-3" src="world.svg" alt="" />
+
                        <li><a href="#" class="fa-pinterest"></a></li>
−
</div>
+
                        <li><a href="#" class="fa-google-plus"></a></li>
−
</section>
+
                    </ul>
−
<section class="com__section com__section--text centered">
+
                </div>
−
<h1 class="animate scaleIn">A5源码</h1>
+
                <h3 class="wow fadeInDown delay-03s">Zhili Lai</h3>
−
<img class="animate scaleIn delay-3" src="world.svg" alt="" />
+
                <span class="wow fadeInDown delay-03s">Lecturer</span>
−
</section>
+
<font color="black" class="wow fadeInDown delay-03s">He is enthusiastic to be participating in iGEM because he is interested in biology scientific research.</font>
−
<section class="com__section com__section--text">
+
            </div>
−
<h1 class="animate slideInLeft ">Communication Design</h1>
+
            <div class="team-leader-box">
−
<p class="animate slideInLeft delay-3">Communication design is a mixed discipline between design and information-development which is concerned with how media intermission such as printed, crafted, electronic media or presentations communicate with people.</p>
+
                <div class="team-leader  wow fadeInDown delay-06s">
−
</section>
+
                    <div class="team-leader-shadow"><a href="#"></a></div>
−
<section class="com__section com__section--text com__section--text-img">
+
                    <img src="https://static.igem.org/mediawiki/2015/9/9f/FAFU-CHINA_Team_members_%286%29.png" alt="">
−
<div class="com__section-half">
+
                    <ul>
−
<h1 class="animate slideInLeft">Communication Design</h1>
+
                        <li><a href="#" class="fa-twitter"></a></li>
−
<p class="animate slideInLeft delay-2">Communication design is a mixed discipline between design and information-development which is concerned with how media intermission such as printed, crafted, electronic media or presentations communicate with people.</p>
+
                        <li><a href="#" class="fa-facebook"></a></li>
−
</div>
+
                        <li><a href="#" class="fa-pinterest"></a></li>
−
<div class="com__section-half">
+
                        <li><a href="#" class="fa-google-plus"></a></li>
−
<img class="animate slideInRight delay-3" src="world.svg" alt="" />
+
                    </ul>
−
</div>
+
                </div>
−
</section>
+
                <h3 class="wow fadeInDown delay-06s">Liangdi Chen</h3>
−
<section class="com__section com__section--text centered">
+
                <span class="wow fadeInDown delay-06s">Web Designer</span>
−
<h1 class="animate scaleIn">Communication Design</h1>
+
<font color="black" class="wow fadeInDown delay-03s">He owns abundant experience in art designer. </font>
−
<img class="animate scaleIn delay-3" src="world.svg" alt="" />
+
            </div>
−
</section>
+
            <div class="team-leader-box">
−
<section class="com__section com__section--text">
+
                <div class="team-leader wow fadeInDown delay-09s">
−
<h1 class="animate slideInLeft ">Communication Design</h1>
+
                    <div class="team-leader-shadow"><a href="#"></a></div>
−
<p class="animate slideInLeft delay-3">Communication design is a mixed discipline between design and information-development which is concerned with how media intermission such as printed, crafted, electronic media or presentations communicate with people.</p>
+
                    <img src="https://static.igem.org/mediawiki/2015/5/56/FAFU-CHINA_Team_members_%281%29.jpg" alt="">
−
</section>
+
                    <ul>
 +
                        <li><a href="#" class="fa-twitter"></a></li>
 +
                        <li><a href="#" class="fa-facebook"></a></li>
 +
                        <li><a href="#" class="fa-pinterest"></a></li>
 +
                        <li><a href="#" class="fa-google-plus"></a></li>
 +
                    </ul>
 +
                </div>
 +
                <h3 class="wow fadeInDown delay-09s">Tengzhou Huang</h3>
 +
                <span class="wow fadeInDown delay-09s">Dry Lab</span>
 +
<font color="black" class="wow fadeInDown delay-03s">He could complete his tasks efficiently and well. </font>
 +
            </div>
 +
        </div>
 +
                <div class="team-leader-block clearfix">
 +
            <div class="team-leader-box">
 +
                <div class="team-leader wow fadeInDown delay-03s">
 +
                    <div class="team-leader-shadow"><a href="#"></a></div>
 +
                    <img src="https://static.igem.org/mediawiki/2015/9/9c/FAFU-CHINA_Team_members_%2810%29.jpg" alt="">
 +
                    <ul>
 +
                        <li><a href="#" class="fa-twitter"></a></li>
 +
                        <li><a href="#" class="fa-facebook"></a></li>
 +
                        <li><a href="#" class="fa-pinterest"></a></li>
 +
                        <li><a href="#" class="fa-google-plus"></a></li>
 +
                    </ul>
 +
                </div>
 +
                <h3 class="wow fadeInDown delay-03s">Zirui Cheng</h3>
 +
                <span class="wow fadeInDown delay-03s">Dry Lab</span>
 +
<font color="black" class="wow fadeInDown delay-03s">He completes his tasks quickly and well. </font>
 +
            </div>
 +
            <div class="team-leader-box">
 +
                <div class="team-leader  wow fadeInDown delay-06s">
 +
                    <div class="team-leader-shadow"><a href="#"></a></div>
 +
                    <img src="https://static.igem.org/mediawiki/2015/9/96/FAFU-CHINA_Team_members_%289%29.jpg" alt="">
 +
                    <ul>
 +
                        <li><a href="#" class="fa-twitter"></a></li>
 +
                        <li><a href="#" class="fa-facebook"></a></li>
 +
                        <li><a href="#" class="fa-pinterest"></a></li>
 +
                        <li><a href="#" class="fa-google-plus"></a></li>
 +
                    </ul>
 +
                </div>
 +
                <h3 class="wow fadeInDown delay-06s">Yifan Tang</h3>
 +
                <span class="wow fadeInDown delay-06s">Dry Lab</span>
 +
<font color="black" class="wow fadeInDown delay-03s">She notes the whole process of this competition and makes publicity plans.  </font>
 +
            </div>
 +
            <div class="team-leader-box">
 +
                <div class="team-leader wow fadeInDown delay-09s">
 +
                    <div class="team-leader-shadow"><a href="#"></a></div>
 +
                    <img src="https://static.igem.org/mediawiki/2015/f/f3/FAFU-CHINA_Team_members_%287%29.jpg" alt="">
 +
                    <ul>
 +
                        <li><a href="#" class="fa-twitter"></a></li>
 +
                        <li><a href="#" class="fa-facebook"></a></li>
 +
                        <li><a href="#" class="fa-pinterest"></a></li>
 +
                        <li><a href="#" class="fa-google-plus"></a></li>
 +
                    </ul>
 +
                </div>
 +
                <h3 class="wow fadeInDown delay-09s">Tong Tong</h3>
 +
                <span class="wow fadeInDown delay-09s">Data Analyst</span>
 +
<font color="black" class="wow fadeInDown delay-03s">He owns rigorous thinking to deal with the results.</font>  
 +
            </div>
 +
        </div>
 +
    </div>
 +
 
 +
 
 +
 
 +
        </section>
 
</div>
 
</div>
−
<nav class="com__nav">
+
 
−
<ul class="com__nav-list">
+
−
<li class="com__nav-item">
+
−
<h1>外内容1</h1>
+
−
<a href="" class="com__nav-link">
+
−
<h1>里内容1</h1>
+
−
<span class="blue-line animate scaleInLeft delay-2"></span>
+
−
<span class="white-line animate scaleInLeft delay-4"></span>
+
−
<span class="white-line animate scaleInLeft delay-5"></span>
+
−
</a>
+
−
</li>
+
−
<li class="com__nav-item">
+
−
<h1>外内容2</h1>
+
−
<a href="" class="com__nav-link flex-row">
+
−
<h1>里内容2</h1>
+
−
<div class="com__section-half">
+
−
<span class="blue-line animate scaleInLeft delay-3"></span>
+
−
<span class="white-line animate scaleInLeft delay-4"></span>
+
−
</div>
+
−
<div class="com__section-half">
+
−
<span class="white-circle animate slideInRight delay-5"></span>
+
−
</div>
+
−
</a>
+
−
</li>
+
−
<li class="com__nav-item">
+
−
<h1>外内容3</h1>
+
−
<a href="" class="com__nav-link centered">
+
−
<h1>里内容3</h1>
+
−
<span class="blue-line animate scaleIn delay-3"></span>
+
−
<span class="white-circle animate scaleIn delay-5"></span>
+
−
</a>
+
−
</li>
+
−
<li class="com__nav-item">
+
−
<h1>外内容4</h1>
+
−
<a href="" class="com__nav-link">
+
−
<h1>里内容4</h1>
+
−
<span class="blue-line animate scaleInLeft delay-2"></span>
+
−
<span class="white-line animate scaleInLeft delay-4"></span>
+
−
<span class="white-line animate scaleInLeft delay-5"></span>
+
−
</a>
+
−
</li>
+
−
<li class="com__nav-item">
+
−
<h1>外内容5</h1>
+
−
<a href="" class="com__nav-link flex-row">
+
−
<h1>里内容5</h1>
+
−
<div class="com__section-half">
+
−
<span class="blue-line animate scaleInLeft delay-3"></span>
+
−
<span class="white-line animate scaleInLeft delay-4"></span>
+
−
</div>
+
−
<div class="com__section-half">
+
−
<span class="white-circle animate slideInRight delay-5"></span>
+
−
</div>
+
−
</a>
+
−
</li>
+
−
<li class="com__nav-item">
+
−
<h1>外内容6</h1>
+
−
<a href="" class="com__nav-link centered">
+
−
<h1>里内容6</h1>
+
−
<span class="blue-line animate scaleIn delay-3"></span>
+
−
<span class="white-circle animate scaleIn delay-5"></span>
+
−
</a>
+
−
</li>
+
−
<li class="com__nav-item">
+
−
<h1>外内容7</h1>
+
−
<a href="" class="com__nav-link">
+
−
<h1>里内容7</h1>
+
−
<span class="blue-line animate scaleInLeft delay-2"></span>
+
−
<span class="white-line animate scaleInLeft delay-4"></span>
+
−
<span class="white-line animate scaleInLeft delay-5"></span>
+
−
</a>
+
−
</li>
+
−
<li class="com__nav-item">
+
−
<h1>外内容8</h1>
+
−
<a href="" class="com__nav-link">
+
−
<h1>里内容8</h1>
+
−
<span class="blue-line animate scaleInLeft delay-2"></span>
+
−
<span class="white-line animate scaleInLeft delay-4"></span>
+
−
<span class="white-line animate scaleInLeft delay-5"></span>
+
−
</a>
+
−
</li>
+
−
<li class="com__nav-item">
+
−
<h1>外内容9</h1>
+
−
<a href="" class="com__nav-link">
+
−
<h1>里内容9</h1>
+
−
<span class="blue-line animate scaleInLeft delay-2"></span>
+
−
<span class="white-line animate scaleInLeft delay-4"></span>
+
−
<span class="white-line animate scaleInLeft delay-5"></span>
+
−
</a>
+
−
</li>
+
−
</ul>
+
−
</nav>
+
 
</div>
 
</div>
 
<style>
 
<style>
 +
.firstHeading
 +
{
 +
  display:none;
 +
}
 
.com__section--text
 
.com__section--text
 
{
 
{
Line 206: Line 306:
 
.com
 
.com
 
{
 
{
−
   background-image:url( https://static.igem.org/mediawiki/2015/3/36/Fafu_5.JPG);
+
   background-image:url( https://static.igem.org/mediawiki/2015/f/f9/Fafu_bg22.jpg);
 
   background-size:100%;
 
   background-size:100%;
 
   overflow-y:auto;
 
   overflow-y:auto;
Line 252: Line 352:
 
activeFirst();
 
activeFirst();
 
</script>
 
</script>
−
 
+
<script type="text/javascript" src="https://2015.igem.org/Template:FAFU_CHINA/index2/js/bootstrap?action=raw&amp;ctype=text/javascript"></script>
 +
<style type="text/css">
 +
.wow fadeInDown delay-03s
 +
{
 +
color:black;
 +
}
 +
</style>
 +
<style>
 +
.firstHeading
 +
{
 +
  display:none;
 +
}
 +
.team-leader
 +
{
 +
  margin-left:10%;
 +
  width:82%;
 +
}
 +
</style>
 
</body>
 
</body>
 
</html>
 
</html>

Latest revision as of 22:33, 18 September 2015

侧边栏




team

Xiaolei Huang

Instructor He taught us how to organize a team and how to cooperate with other team members.

Zujian Wu

Advisor He taught us how to improve efficiency by the characters of eusocial insects (team work).

Taiyun Wei

Advisor Prof. Wei offered effective expression vector and advice about building of vectors.

Bingfeng Zhou

Advisor Prof. Zhou taught us how to keep bees and several characters of bee virus.

Penny

Advisor She trained our speaking and reading skills.

Wenxu Wu

Web Advisor He helped us to solve technology problems in wiki.

Mucheng Cai

Dry Lab He joins our team because he considers this challenging competition would train himself.

Ruicheng Dai

Captain He thinks synthesis biology is an interesting advanced subject and he organized this team.

Changlong Lu

Experiment Designer He and Dai assume the principal experiments and solve several academic problems.

Junhao Lu

Vice-Captain He trusts that synthesis biology owns huge potential and he recruits team members by his persistence.

Zhili Lai

Lecturer He is enthusiastic to be participating in iGEM because he is interested in biology scientific research.

Liangdi Chen

Web Designer He owns abundant experience in art designer.

Tengzhou Huang

Dry Lab He could complete his tasks efficiently and well.

Zirui Cheng

Dry Lab He completes his tasks quickly and well.

Yifan Tang

Dry Lab She notes the whole process of this competition and makes publicity plans.

Tong Tong

Data Analyst He owns rigorous thinking to deal with the results.