Difference between revisions of "Team:FAFU-CHINA"

 
(432 intermediate revisions by 6 users not shown)
Line 1: Line 1:
−
<html xmlns="http://www.w3.org/1999/xhtml">
+
<html>
−
 
+
 
<head>
 
<head>
−
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+
<meta charset="utf-8">
−
<title>Aomy</title>
+
<meta name="viewport" content="width=device-width, maximum-scale=1">
 +
<title>Homepage</title>
 +
<link rel="icon" href="https://static.igem.org/mediawiki/2015/1/19/Fafu_favicon.png" type="image/png">
 +
<link rel="shortcut icon" href="favicon.ico" type="img/x-icon">
  
−
<script type="text/javascript" src="https://igem.org/common/jquery-1.11.1.min.js?action=raw&amp;ctype=text/javascript"></script>
+
<link rel="stylesheet" type="text/css" href="https://2015.igem.org/Template:FAFU_CHINA/wailian/css/Montserrat?action=raw&amp;ctype=text/css" />
 +
<link rel="stylesheet" type="text/css" href="https://2015.igem.org/Template:FAFU_CHINA/wailian/css/Open-Sans?action=raw&amp;ctype=text/css" />
  
−
<style type="text/css">
+
<link rel="stylesheet" href="https://2015.igem.org/Template:FAFU_CHINA/css/homecss?action=raw&amp;ctype=text/css" type="text/css" />
  
−
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td
+
<link rel="stylesheet" type="text/css" href="https://2015.igem.org/Template:FAFU_CHINA/index2/css/bootstrap?
−
{margin: 0; padding: 0; font-family: Helvetica, Tahoma, Arial, "Hiragino Sans GB", "Hiragino Sans GB W3", "Microsoft YaHei", STXihei, STHeiti, Heiti, SimSun, sans-serif; font-size: 100%;}
+
−
html,body
+
−
{color: #333}
+
−
body
+
−
{background: #fff;}
+
−
ul,ol,li
+
−
{list-style: none;}
+
−
a:link, a:visited
+
−
{color: #333; text-decoration: none;}
+
−
a:hover
+
−
{color: #12b7f5;}
+
−
img
+
−
{border: none;}
+
−
em
+
−
{font-style: normal;}
+
−
h1,h2,h3,h4,h5
+
−
{font-weight: normal;}
+
  
 +
action=raw&amp;ctype=text/css" />
 +
<link rel="stylesheet" type="text/css" href="https://2015.igem.org/Template:FAFU_CHINA/index2/css/style?
  
−
.crossbanenr{ width: 100%; height: 578px;}
+
action=raw&amp;ctype=text/css" />
−
.crossbanenr ul{ position: relative; width: 100%; height: 100%; overflow: hidden; margin: 0 auto;}
+
<link rel="stylesheet" type="text/css" href="https://2015.igem.org/Template:FAFU_CHINA/index2/css/stylesheet?
−
.crossbanenr li{ position: absolute; left: 50%; top: 0; width: 1920px; height: 100%; margin: 0 0 0 -960px; display: none; z-index: 1;}
+
−
.crossbanenr li:first-child{ display: block;}
+
−
.crossbanenr li.current{ z-index: 2;}
+
−
.crossbanenr li.pcqqbg{ background: transparent url(https://static.igem.org/mediawiki/2015/archive/3/38/20150704080529%21Background1.jpg) no-repeat center top;}
+
  
−
.bncont{ position: relative; width: 948px; height: 100%; margin: 0 auto;}
+
action=raw&amp;ctype=text/css" />
−
.bntxt{ position: absolute;  left: -53px; top: 50%; width: 500px; height: 390px; margin-top: -195px; z-index: 10;}
+
<link rel="stylesheet" type="text/css" href="https://2015.igem.org/Template:FAFU_CHINA/index2/css/font-awesome?
−
.bntxt h2{ width: 100%; height: 0; overflow: hidden; padding-top: 329px; text-indent: -9999px;}
+
−
.bntxt a{ display: block; width: 386px; height: 0; overflow: hidden; margin: 0 auto; padding-top: 76px; background: transparent url(https://static.igem.org/mediawiki/2015/3/33/Btn541b.png) no-repeat 0 0; text-align: center; line-height: 76; font-size: 30px; letter-spacing: 15px;}
+
−
.bntxt a:link, .bntxt a:visited{ color: #fff;}
+
−
.bntxt a.bnxz{ background-position: 0 0;}
+
−
.bntxt a.bnxz:hover{ background-position: 0 -77px;}
+
−
.pcqqbg .bntxt h2{ background: transparent url(https://static.igem.org/mediawiki/2015/f/fb/Title1.png) no-repeat 15px top;}
+
  
 +
action=raw&amp;ctype=text/css" />
 +
<link rel="stylesheet" type="text/css" href="https://2015.igem.org/Template:FAFU_CHINA/index2/css/responsive?
  
−
.content{ width: 100%;}
+
action=raw&amp;ctype=text/css" />
 +
<link rel="stylesheet" type="text/css" href="https://2015.igem.org/Template:FAFU_CHINA/index2/css/animate?
  
−
#content{padding: 0; border: 0; width: 100%;}
+
action=raw&amp;ctype=text/css" />
  
−
.firstHeading{visibility: hidden; }
+
<!--[if IE]><style type="text/css">.pie {behavior:url(PIE.htc);}</style><![endif]-->
  
−
</style>
+
<script type="text/javascript"
  
−
</head>
+
src="http://https://2015.igem.org/Template:FAFU_CHINA/index2/js/jquery-1-8-3-min?action=raw&amp;ctype=text/javascript"></script>
 +
<script type="text/javascript" src="https://2015.igem.org/Template:FAFU_CHINA/index2/js/bootstrap?action=raw&amp;ctype=text/javascript"></script>
 +
<script type="text/javascript" src="https://2015.igem.org/Template:FAFU_CHINA/index2/js/jquery-scrolltofixed?action=raw&amp;ctype=text/javascript"></script>
 +
<script type="text/javascript"
  
 +
src="https://2015.igem.org/Template:FAFU_CHINA/index2/js/jquery-easing-1-3?action=raw&amp;ctype=text/javascript"></script>
 +
<script type="text/javascript"
  
 +
src="http://https://2015.igem.org/Template:FAFU_CHINA/index2/js/jquery-isotope?action=raw&amp;ctype=text/javascript"></script>
 +
<script type="text/javascript" src="https://2015.igem.org/Template:FAFU_CHINA/index2/js/wow?action=raw&amp;ctype=text/javascript"></script>
 +
<script type="text/javascript" src="https://2015.igem.org/Template:FAFU_CHINA/index2/js/classie?action=raw&amp;ctype=text/javascript"></script>
 +
 +
 +
<!--[if lt IE 9]>
 +
    <script src="https://2015.igem.org/Template:FAFU_CHINA/index2/js/respond-1-1-0-min?action=raw&amp;ctype=text/javascript"></script>
 +
    <script src="https://2015.igem.org/Template:FAFU_CHINA/index2/js/html5shiv?action=raw&amp;ctype=text/javascript"></script>
 +
    <script src="https://2015.igem.org/Template:FAFU_CHINA/index2/js/html5element?action=raw&amp;ctype=text/javascript"></script>
 +
<![endif]-->
 +
 +
 +
</head>
 
<body>
 
<body>
 +
<div style="overflow:hidden;">
  
−
<a style="width:50px; height:50px; position:fixed; right:30px; bottom:30px; z-index:9999; display:none; background:url(http://demo.lanrenzhijia.com/2014/scrollTop1120/images/lanren.gif) no-repeat center center #147abc;"  href="javascript:;" class="lanrenzhijia_top"></a>
 
  
−
<script>
 
−
$(function(){
 
−
$(window).scroll(function(){
 
−
var _top = $(window).scrollTop();
 
−
if(_top>300){
 
−
$('.lanrenzhijia_top').fadeIn(600);
 
−
}else{
 
−
$('.lanrenzhijia_top').fadeOut(600);
 
−
}
 
−
});
 
−
$(".lanrenzhijia_top").click(function(){
 
−
$("html,body").animate({scrollTop:0},400);
 
−
});
 
−
});
 
−
</script>
 
  
  
−
<a class="down" href="javascript:;">
+
<header class="header" id="header"><!--header-start-->
−
<div style="position: fixed; margin-top: 40px; margin-left: 20px; width: 50px; height: 30px; background: #147abc; z-index: 999; text-align: center;">
+
<div class="container">
−
<p style="color: #fff">Skip</p>
+
    <figure class="logo animated fadeInDown delay-07s">
 +
        <a href="#"><img src="https://static.igem.org/mediawiki/2015/b/b7/FAFU-CHINA_Silencer_new.png" alt=""></a>
 +
        </figure>
 +
        <h1 class="animated fadeInDown delay-07s">Welcome to FAFU-CHINA iGEM</h1>
 +
        <ul class="we-create animated fadeInUp delay-1s">
 +
        <li style=“color:#ffffff;font-size:36px;”>CSBV.Silencer</li>
 +
        </ul>
 +
        <br>
 +
            <a class="link animated fadeInUp delay-1s" href="#">Get Started</a>
 +
    </div>
 
</div>
 
</div>
−
</a>
+
</header><!--header-end-->
  
−
<script>
 
−
$(function(){
 
−
$(".down").click(function(){
 
−
$("html,body").animate({scrollTop:$('#menu').offset().top},400);
 
−
});
 
−
});
 
−
</script>
 
  
 +
<nav class="main-nav-outer" id="test"><!--main-nav-start-->
 +
<div class="container">
 +
        <ul class="main-nav">
 +
        <li><a href="#header">Home</a></li>
 +
                <li><a href="https://2015.igem.org/Team:FAFU-CHINA/Attributions">Attributions</a></li>
 +
                <li><a href="https://2015.igem.org/Team:FAFU-CHINA/Team">Team</a></li>
 +
                <li><a href="https://2015.igem.org/Team:FAFU-CHINA/Practices ">Human practice</a></li>
 +
                <li class="small-logo"><a href="https://2015.igem.org/Team:FAFU-CHINA"><img src="https://static.igem.org/mediawiki/2015/1/13/Fafu_small_logo.png" alt=""></a></li>
 +
            <li><a href="https://2015.igem.org/Team:FAFU-CHINA/Project">Project</a></li>
 +
            <li><a href="https://2015.igem.org/Team:FAFU-CHINA/Parts">Parts</a></li>
 +
            <li><a href="https://2015.igem.org/Team:FAFU-CHINA/Safety">Safety</a></li>
 +
         
 +
         
 +
            <li><a href="https://2015.igem.org/Team:FAFU-CHINA/Collaborations">Collaborations</a></li>
 +
        </ul>
 +
<a class="res-nav_click" href="#"><i class="fa-bars">BACK TO HOME</i></a>
 +
    </div>
 +
</nav><!--main-nav-end-->
  
−
<div style="margin-top: -40px;" class="crossbanenr">
+
 
−
    <ul id="crossbanenr">      
+
<section class="main-section paddind" id="Portfolio"><!--main-section-start-->
−
        <li class="pcqqbg">
+
<div class="container">
−
            <div class="bncont">
+
    <h2>&nbsp; &nbsp;&nbsp;Project</h2>
−
                <div class="bntxt">
+
      <div class="portfolioFilter">
−
                    <h2>Amoy China</h2>
+
        <ul class="Portfolio-nav wow fadeIn delay-02s">
−
                    <a class="bnxz" href="https://2015.igem.org/Team:Amoy/Project">more</a>
+
        <li><a href="#" data-filter="*" class="current" >Back To Header</a></li>
 +
        </ul>
 +
      </div>  
 +
       
 +
</div>
 +
    <div class="portfolioContainer wow fadeInUp delay-04s">
 +
            <div class=" Portfolio-box printdesign">
 +
                <a href="https://2015.igem.org/Team:FAFU-CHINA/Design"><img src="https://static.igem.org/mediawiki/2015/9/9d/FAFU-CHINA_Small_logo_%283%29.jpg"
 +
 
 +
alt=""></a>
 +
               
 +
                    <p>Design</p>
 
                 </div>
 
                 </div>
 +
                <div class="Portfolio-box webdesign">
 +
                <a href="https://2015.igem.org/Team:FAFU-CHINA/Meeting"><img src="https://static.igem.org/mediawiki/2015/a/ab/FAFU-CHINA_Small_logo_1_%284%29.jpg"
 +
 +
alt=""></a>
 +
               
 +
                    <p>Meeting</p>
 +
                </div>
 +
                <div class=" Portfolio-box branding">
 +
                <a href="https://2015.igem.org/Team:FAFU-CHINA/Notebook"><img src="https://static.igem.org/mediawiki/2015/e/e5/FAFU-CHINA_Small_logo_1_%285%29.jpg"
 +
 +
alt=""></a>
 +
               
 +
                    <p>Notebook</p>
 +
                </div>
 +
                <div class=" Portfolio-box photography" >
 +
                <a href="https://2015.igem.org/Team:FAFU-CHINA/Protocol"><img src="https://static.igem.org/mediawiki/2015/f/f4/FAFU-CHINA_Small_logo_1_%287%29.jpg"
 +
 +
alt=""></a>
 +
               
 +
                    <p>Protocol</p>
 +
                </div>
 +
                <div class=" Portfolio-box branding">
 +
                <a href="https://2015.igem.org/Team:FAFU-CHINA/Results"><img src="https://static.igem.org/mediawiki/2015/3/3e/FAFU-CHINA_Small_logo_1_%288%29.jpg"
 +
 +
alt=""></a>
 +
               
 +
                    <p>Result</p>
 +
                </div>
 +
                <div class=" Portfolio-box photography">
 +
                <a href="https://2015.igem.org/Team:FAFU-CHINA/Project#Theory"><img src="https://static.igem.org/mediawiki/2015/4/42/FAFU-CHINA_Small_logo_1_%2811%29.jpg"
 +
 +
alt=""></a>
 +
               
 +
                    <p>Theory</p>
 +
                </div>
 +
    </div>
 +
</section><!--main-section-end-->
 +
 +
<section class="main-section" id="service"><!--main-section-start-->
 +
<div class="container">
 +
            <div class="row">
 +
              <div class="col-lg-12 col-sm-12 wow fadeInLeft delay-05s">
 +
                          <h2>Safety & Part</h2>
 +
                </div>
 +
              </div>
 +
        <div class="col-lg-4 col-sm-6 wow fadeInLeft delay-05s">
 +
            <div class="service-list">
 +
                <div class="service-list-col1">
 +
                    <i class="fa-paw"></i>
 +
                    </div>
 +
                <div class="service-list-col2">
 +
                        <h2>safety</h2>
 +
                        <p>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. </p>
 +
                        <br>
 +
                        <a href="https://2015.igem.org/Team:FAFU-CHINA/Safety">MORE</a>
 +
                        <br>
 +
                        <h1> Organisms we used :</h1>
 +
                    </div>
 +
                </div>
 +
                            </div>
 +
            <figure class="col-lg-8 col-sm-6  text-right wow fadeInUp delay-02s">
 +
            <img src="https://static.igem.org/mediawiki/2015/4/45/Fafu_safety.png" alt="">
 +
            </figure>
 +
       
 +
        </div>
 +
</div>
 +
</section><!--main-section-end-->
 +
 +
 +
 +
<section class="main-section alabaster"><!--main-section alabaster-start-->
 +
<div class="container">
 +
    <div class="row">
 +
 +
<figure class="col-lg-5 col-sm-4 wow fadeInLeft">
 +
            <img  src="https://static.igem.org/mediawiki/2015/b/b8/FAFU-CHINA_improvement_part.png"
 +
 +
alt="">
 +
            </figure>
 +
<figure class="col-lg-5 col-sm-4 wow fadeInLeft">
 +
            <img  src="https://static.igem.org/mediawiki/2015/3/34/FAFU-CHINA_NEW_PART.png" alt="">
 +
            </figure></p>
 +
 +
        </div>
 +
</div>
 +
</section><!--main-section alabaster-end-->
 +
 +
 +
 +
 +
<!------------------此处移除1-------------->
 +
 +
<section class="main-section client-part" id="client"><!--main-section client-part-start-->
 +
<div class="container">
 +
 +
    <div class="row">
 +
        <div class="col-lg-12">
 +
            <a href=" https://2015.igem.org/Team:FAFU-CHINA/Attributions"><p class="client-part-haead wow fadeInDown delay-05">Without everyone's participation,our igem team would still be a plan....</p></a>
 +
          </div>
 +
          </div>
 +
<style>
 +
p1{color:white;}
 +
</style>
 +
    <ul class="client wow fadeIn delay-05s">
 +
        <li><a href="#">
 +
            <img src="https://static.igem.org/mediawiki/2015/a/a4/Fafu_aaa.jpg" alt="">
 +
                <h1><p1>ATTRIBUTIONS</p1></h1>
 +
            </a></li>
 +
        </ul>
 +
    </div>
 +
</section><!--main-section client-part-end-->
 +
<div class="c-logo-part"><!--c-logo-part-start-->
 +
<div class="container">
 +
    <ul>
 +
 +
    </ul>
 +
</div>
 +
</div><!--c-logo-part-end-->
 +
<section class="main-section team" id="team"><!--main-section team-start-->
 +
<div class="container">
 +
        <div class="rightbxti"><a href="https://2015.igem.org/Team:FAFU-CHINA/Team"><h2>Team</h2></a></div>
 +
 +
 +
        <div class="team-leader-block clearfix">
 +
          <div style="border-left:400px;" class="team-leader-box">
 +
                <div style="border-left:400px;" class="team-leader wow fadeInDown delay-09s">
 +
                    <div style="border-left:400px;" class="team-leader-shadow"><a href="#"></a></div>
 +
                    <img src="https://static.igem.org/mediawiki/2015/7/7d/FAFU-CHINA_Team_members_%2811%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-09s">Xiaolei Huang</h3>
 +
                <span class="wow fadeInDown delay-09s">Instructor</span>
 +
          </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/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>
 +
 
             </div>
 
             </div>
−
        </li>
+
         
−
    </ul>
+
            <div class="team-leader-box">
−
</div>
+
                <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>
  
 +
            </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>
  
−
<div class="content">
+
            </div>
  
−
<div>
+
            <div class="team-leader-box">
−
<img src="https://static.igem.org/mediawiki/2015/2/24/T1.png"/>
+
                <div class="team-leader wow fadeInDown delay-03s">
−
</div>
+
                    <div class="team-leader-shadow"><a href="#"></a></div>
 +
                    <img src="https://static.igem.org/mediawiki/2015/0/05/FAFU-CHINA_Team_members_%285%29.png "">
 +
                    <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>
  
−
<div style="background-image: url(https://static.igem.org/mediawiki/2015/a/a5/Bg2.jpg); min-height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center center; top: -700px; height: 750px; background-attachment: fixed;">
+
            </div>
−
</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>
  
 +
            </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>
  
−
<div style="background: #fff; width: 100%; height: 524px; ">
+
            </div>
−
<div style="position: relative; width: 100%; height: 584px; margin: 0 auto;">
+
        </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>
  
−
<div style="position: absolute; top: 115px; width: 557px; right: 30px;">
+
            </div>
−
<img style="width: 100%;" src="https://static.igem.org/mediawiki/2015/7/78/H2.png" />
+
            <div class="team-leader-box">
−
<p style="width: 100%; text-align: right; margin-top: 15px;">This is the scene that we're exexperimenting. This is the scene that we're exexperimenting.</p>
+
                <div class="team-leader  wow fadeInDown delay-06s">
−
<p style="width: 100%; text-align: right; margin-top: 20px;">
+
                    <div class="team-leader-shadow"><a href="#"></a></div>
−
<a style="color: #12b7f5;">Learn more ></a>
+
                    <img src="https://static.igem.org/mediawiki/2015/e/e1/FAFU-CHINA_Team_members_%288%29.jpg" alt="">
−
</p>
+
                    <ul>
−
</div>
+
                        <li><a href="#" class="fa-twitter"></a></li>
−
<div>
+
                        <li><a href="#" class="fa-facebook"></a></li>
−
<img style="position: absolute; left: 30px; width: 770px; height: 763px; bottom: 0;" src="https://static.igem.org/mediawiki/2015/0/0d/T12.png" />
+
                        <li><a href="#" class="fa-pinterest"></a></li>
−
</div>
+
                        <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>
  
−
</div>
+
            </div>            <div class="team-leader-box">
−
</div>
+
                <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>
  
 +
            </div>
 +
        </div>
  
−
<div style="background-image: url(https://static.igem.org/mediawiki/2015/c/cb/Bg1.jpg); min-height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center center; top: -700px; height: 800px; background-attachment: fixed;">
+
        <div class="team-leader-block clearfix">
−
</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/0/06/FAFU-CHINA_Team_members_%283%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">Zhili Lai</h3>
 +
                <span class="wow fadeInDown delay-03s">Lecturer</span>
  
 +
            </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/9f/FAFU-CHINA_Team_members_%286%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">LIANGDI CHEN</h3>
 +
                <span class="wow fadeInDown delay-06s">Web Designer</span>
  
−
<div style="background: #fff; width: 100%; height: 524px; overflow: hidden">
+
            </div>
−
<div style="position: relative; width: 100%; height: 584px; margin: 0 auto;">
+
            <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/5/56/FAFU-CHINA_Team_members_%281%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">Tengzhou Huang</h3>
 +
                <span class="wow fadeInDown delay-09s">Dry Lab</span>
  
−
<div style="position: absolute; top: 115px; width: 600px; left: 30px;">
+
            </div>
−
<img style="width: 100%;" src="https://static.igem.org/mediawiki/2015/2/26/H3.png" />
+
        </div>
−
<p style="width: 100%; text-align: left; margin-top: 15px;">They are our experimental results. They are our experimental results.</p>
+
                <div class="team-leader-block clearfix">
−
<p style="width: 100%; text-align: left; margin-top: 20px;">
+
            <div class="team-leader-box">
−
<a style="color: #12b7f5;">Learn more ></a>
+
                <div class="team-leader wow fadeInDown delay-03s">
−
</p>
+
                    <div class="team-leader-shadow"><a href="#"></a></div>
−
</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>
  
−
<div>
+
            </div>
−
<img style="position: absolute; right: 30px; width: 700px; height: 584px; bottom: 0;" src="https://static.igem.org/mediawiki/2015/f/fb/T22.png" />
+
            <div class="team-leader-box">
−
</div>
+
                <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>
  
−
</div>
+
            </div>
−
</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>
  
 +
            </div>
 +
        </div>
 +
    </div>
 +
</section><!--main-section team-end-->
  
−
<div style="background-image: url(https://static.igem.org/mediawiki/2015/3/32/Bg4.jpg); min-height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center center; top: -700px; height: 750px; background-attachment: fixed;">
 
−
</div>
 
  
  
−
<div id="menu" style="background: #fff; width: 100%; height: 524px; overflow: hidden">
+
<section class="business-talking"><!--business-talking-start-->
−
<div style="position: relative; width: 100%; height: 584px; margin: 0 auto;">
+
<div class="container">
 +
        <h2>Human practice</h2>
 +
    </div>
 +
</section><!--business-talking-end-->
 +
<div class="container">
 +
<section class="main-section contact" id="contact">
 +
 +
        <div class="row">
 +
        <div class="col-lg-6 col-sm-7 wow fadeInLeft">
 +
            <div class="contact-info-box address clearfix">
 +
                <h2><i class=" icon-map-marker"></i>Description:</h2>
 +
                <a href="https://2015.igem.org/Team:FAFU-CHINA/Practices"><span>To remove the barrier between science and normal people’s life, It is our responsibility to lead people into the wonderland of science. This is a lofty ideal, and thousands of people in many fields have already been working for it for years. But this time, we need some innovations, perhaps some funs too.<br>Play is not only a simple process. We believe that play is actually a way of being, a way of learning, a way of doing science. So now If u ever watched the TED of Beau Lotto .  You’ll know that play provides everything you need in oder to be a scientist, and that is what motivates us. If we add rules to play, we have a game which is actually what project is. And who can be better than children to play? Then we tried to spread the idea that everyone has the potential to be scientist as long as being offered an opportunity. Instead of giving a dull lesson about biology, this year FAFU-China decided to teach children how to play correctly, how to play with principles from science, and finally they will find their own way to science.... </span></a><br>Contact us:<br>Email:tripletau@126.com<br>Zipcode:350000
 +
                </div>
  
−
<div style="position: absolute; top: 120px; width: 490px; right: 30px;">
+
            </div>
−
<img style="width: 100%;" src="https://static.igem.org/mediawiki/2015/3/37/T_project.png" />
+
        <div class="col-lg-6 col-sm-5 wow fadeInUp delay-05s">
−
<p style="width: 100%; text-align: right; margin-top: 15px;">This is the part of our project. This is the part of our project. This is the part of our project.</p>
+
            <img src="https://static.igem.org/mediawiki/2015/8/85/Fafu_hz.jpg" style="width:800px;height:500px;" />
−
<p style="width: 100%; text-align: right; margin-top: 20px;">
+
                </div>
−
<a style="color: #12b7f5;">Learn more ></a>
+
            </div>
−
</p>
+
        </div>
 +
</section>
 
</div>
 
</div>
 +
<footer class="footer">
 +
    <div class="container">
 +
      <a href="#"><img src="https://static.igem.org/mediawiki/2015/b/ba/FAFU-CHINA_Dunk0.png" alt=""></a><span><font color="#FFFFFF">Fuzhou Dunk Internet Technology Corporation</font></span>
  
−
<div>
+
      <a href="#"><img src="https://static.igem.org/mediawiki/2015/f/f3/FAFU-CHINA_Fanshu_park0.png" alt=""></a><span><font color="#FFFFFF">FUNSHU PARK</font></span>
−
<img style="position: absolute; left: 30px; width: 700px; height: 584px; bottom: 0;" src="https://static.igem.org/mediawiki/2015/d/d4/H4.png" />
+
−
</div>
+
  
 +
      <a href="#"><img src="https://static.igem.org/mediawiki/2015/b/bb/FAFU-CHINA_school_logo.png" alt=""></a>
 +
      <span style="
 +
    width:15%;display:inline-block;">
 +
    <font color="#FFFFFF">Fujian Agriculture and Forestry University</font>
 +
       
 +
    </div>
 +
</footer>
  
−
<div style="position: absolute; width: 150px; height: 150px; left: 150px; top: 100px;">
 
−
<a href="https://2015.igem.org/Team:Amoy/Project"><img src="https://static.igem.org/mediawiki/2015/9/92/Project.png"/></a>
 
−
</div>
 
−
<div style="position: absolute; width: 150px; height: 150px; left: 330px; top: 100px;">
 
−
<a href="https://2015.igem.org/Team:Amoy/Interlab"><img src="https://static.igem.org/mediawiki/2015/e/ec/Newsletter.png"/></a>
 
−
</div>
 
−
<div style="position: absolute; width: 150px; height: 150px; left: 510px; top: 100px;">
 
−
<a href="https://2015.igem.org/Team:Amoy/Newsletter"><img src="https://static.igem.org/mediawiki/2015/6/66/Practice.png"/></a>
 
−
</div>
 
−
<div style="position: absolute; width: 150px; height: 150px; left: 690px; top: 100px;">
 
−
<a href="https://2015.igem.org/Team:Amoy/Practice"><img src="https://static.igem.org/mediawiki/2015/7/70/More.png"/></a>
 
−
</div>
 
−
<div style="position: absolute; width: 150px; height: 150px; left: 150px; top: 300px;">
 
−
<a href="https://2015.igem.org/Team:Amoy/Member"><img src="https://static.igem.org/mediawiki/2015/7/70/More.png"/></a>
 
−
</div>
 
−
<div style="position: absolute; width: 150px; height: 150px; left: 330px; top: 300px;">
 
−
<a href="https://2015.igem.org/Team:Amoy/Safety"><img src="https://static.igem.org/mediawiki/2015/8/84/Safety.png"/></a>
 
−
</div>
 
−
<div style="position: absolute; width: 150px; height: 150px; left: 510px; top: 300px;">
 
−
<a href="https://2015.igem.org/Team:Amoy/Acknowledgement"><img src="https://static.igem.org/mediawiki/2015/9/94/Judging.png"/></a>
 
−
</div>
 
  
−
</div>
+
<script type="text/javascript">
−
</div>
+
    $(document).ready(function(e) {
 +
        $('#test').scrollToFixed();
 +
        $('.res-nav_click').click(function(){
 +
            $('.main-nav').slideToggle();
 +
            return false   
 +
           
 +
        });
 +
       
 +
    });
 +
</script>
  
−
</div>
+
  <script>
 +
    wow = new WOW(
 +
      {
 +
        animateClass: 'animated',
 +
        offset:      100
 +
      }
 +
    );
 +
    wow.init();
 +
    document.getElementById('').onclick = function() {
 +
      var section = document.createElement('section');
 +
      section.className = 'wow fadeInDown';
 +
      this.parentNode.insertBefore(section, this);
 +
    };
 +
  </script>
  
  
−
<div style="width: 100%; height: 200px; background: #ddd;">
+
<script type="text/javascript">
−
</div>
+
$(window).load(function(){
 +
 +
$('.main-nav li a').bind('click',function(event){
 +
var $anchor = $(this);
 +
 +
$('html, body').stop().animate({
 +
scrollTop: $($anchor.attr('href')).offset().top - 102
 +
}, 1500,'easeInOutExpo');
 +
/*
 +
if you don't want to use the easing effects:
 +
$('html, body').stop().animate({
 +
scrollTop: $($anchor.attr('href')).offset().top
 +
}, 1000);
 +
*/
 +
event.preventDefault();
 +
});
 +
})
 +
</script>
  
 +
<script type="text/javascript">
 +
 +
$(window).load(function(){
 +
 
 +
 
 +
  var $container = $('.portfolioContainer'),
 +
      $body = $('body'),
 +
      colW = 375,
 +
      columns = null;
 +
 +
 
 +
  $container.isotope({
 +
    // disable window resizing
 +
    resizable: true,
 +
    masonry: {
 +
      columnWidth: colW
 +
    }
 +
  });
 +
 
 +
  $(window).smartresize(function(){
 +
    // check if columns has changed
 +
    var currentColumns = Math.floor( ( $body.width() -30 ) / colW );
 +
    if ( currentColumns !== columns ) {
 +
      // set new column count
 +
      columns = currentColumns;
 +
      // apply width to container manually, then trigger relayout
 +
      $container.width( columns * colW )
 +
        .isotope('reLayout');
 +
    }
 +
   
 +
  }).smartresize(); // trigger resize to set container width
 +
  $('.portfolioFilter a').click(function(){
 +
        $('.portfolioFilter .current').removeClass('current');
 +
        $(this).addClass('current');
 +
 +
        var selector = $(this).attr('data-filter');
 +
        $container.isotope({
 +
 +
            filter: selector,
 +
        });
 +
        return false;
 +
    });
 +
 
 +
});
 +
 +
</script>
 +
<style>
 +
.firstHeading
 +
{
 +
  display:none;
 +
}
 +
.team-leader
 +
{
 +
  width:60%;
 +
  margin-left:18%;
 +
}
 +
.main-nav li > a
 +
{
 +
  margin: 17px 9px;
 +
}
 +
</style>
  
−
<!--
 
−
<script type="text/javascript" src="https://igem.org/common/jquery-1.11.1.min.js"></script>
 
−
-->
 
 
</body>
 
</body>
 
</html>
 
</html>

Latest revision as of 03:45, 19 September 2015

Homepage

    Project

Design

Meeting

Notebook

Protocol

Result

Theory

Safety & Part

safety

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.


MORE

Organisms we used :

Without everyone's participation,our igem team would still be a plan....

Team

Xiaolei Huang

Instructor

Zujian Wu

Advisor

Taiyun Wei

Advisor

Bingfeng Zhou

Advisor

Penny

Advisor

Wenxu Wu

Web Advisor

Mucheng Cai

Dry Lab

Ruicheng Dai

Captain

Changlong Lu

Experiment Designer

Junhao Lu

Vice-Captain

Zhili Lai

Lecturer

LIANGDI CHEN

Web Designer

Tengzhou Huang

Dry Lab

Zirui Cheng

Dry Lab

Yifan Tang

Dry Lab

Tong Tong

Data Analyst

Human practice

Description:

To remove the barrier between science and normal people’s life, It is our responsibility to lead people into the wonderland of science. This is a lofty ideal, and thousands of people in many fields have already been working for it for years. But this time, we need some innovations, perhaps some funs too.
Play is not only a simple process. We believe that play is actually a way of being, a way of learning, a way of doing science. So now If u ever watched the TED of Beau Lotto . You’ll know that play provides everything you need in oder to be a scientist, and that is what motivates us. If we add rules to play, we have a game which is actually what project is. And who can be better than children to play? Then we tried to spread the idea that everyone has the potential to be scientist as long as being offered an opportunity. Instead of giving a dull lesson about biology, this year FAFU-China decided to teach children how to play correctly, how to play with principles from science, and finally they will find their own way to science....
Contact us:
Email:tripletau@126.com
Zipcode:350000
Fuzhou Dunk Internet Technology Corporation FUNSHU PARK Fujian Agriculture and Forestry University