Difference between revisions of "Team:FAFU-CHINA"

 
(440 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-
+
<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" />
  
−
1.11.1.min.js?action=raw&amp;ctype=text/javascript"></script>
+
<link rel="stylesheet" href="https://2015.igem.org/Template:FAFU_CHINA/css/homecss?action=raw&amp;ctype=text/css" type="text/css" />
  
−
<style type="text/css">
+
<link rel="stylesheet" type="text/css" href="https://2015.igem.org/Template:FAFU_CHINA/index2/css/bootstrap?
  
−
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,
+
action=raw&amp;ctype=text/css" />
 +
<link rel="stylesheet" type="text/css" href="https://2015.igem.org/Template:FAFU_CHINA/index2/css/style?
  
−
input,textarea,p,blockquote,th,td
+
action=raw&amp;ctype=text/css" />
−
{margin: 0; padding: 0; font-family: Helvetica, Tahoma, Arial, "Hiragino Sans
+
<link rel="stylesheet" type="text/css" href="https://2015.igem.org/Template:FAFU_CHINA/index2/css/stylesheet?
  
−
GB", "Hiragino Sans GB W3", "Microsoft YaHei", STXihei, STHeiti, Heiti, SimSun,
+
action=raw&amp;ctype=text/css" />
 +
<link rel="stylesheet" type="text/css" href="https://2015.igem.org/Template:FAFU_CHINA/index2/css/font-awesome?
  
−
sans-serif; font-size: 100%;}
+
action=raw&amp;ctype=text/css" />
−
html,body
+
<link rel="stylesheet" type="text/css" href="https://2015.igem.org/Template:FAFU_CHINA/index2/css/responsive?
−
{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/animate?
  
−
.crossbanenr{ width: 100%; height: 578px;}
+
action=raw&amp;ctype=text/css" />
−
.crossbanenr ul{ position: relative; width: 100%; height: 100%; overflow:
+
  
−
hidden; margin: 0 auto;}
+
<!--[if IE]><style type="text/css">.pie {behavior:url(PIE.htc);}</style><![endif]-->
−
.crossbanenr li{ position: absolute; left: 50%; top: 0; width: 1920px; height:
+
  
−
100%; margin: 0 0 0 -960px; display: none; z-index: 1;}
+
<script type="text/javascript"
−
.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)
+
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"
  
−
no-repeat center top;}
+
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"
  
−
.bncont{ position: relative; width: 948px; height: 100%; margin: 0 auto;}
+
src="http://https://2015.igem.org/Template:FAFU_CHINA/index2/js/jquery-isotope?action=raw&amp;ctype=text/javascript"></script>
−
.bntxt{ position: absolute; left: -53px; top: 50%; width: 500px; height: 390px;  
+
<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>
  
−
margin-top: -195px; z-index: 10;}
 
−
.bntxt h2{ width: 100%; height: 0; overflow: hidden; padding-top: 329px; text-
 
  
−
indent: -9999px;}
+
<!--[if lt IE 9]>
−
.bntxt a{ display: block; width: 386px; height: 0; overflow: hidden; margin: 0
+
    <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]-->
  
−
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;}
 
−
 
−
 
−
.content{ width: 100%;}
 
−
 
−
#content{padding: 0; border: 0; width: 100%;}
 
−
 
−
.firstHeading{visibility: hidden; }
 
−
 
−
</style>
 
  
 
</head>
 
</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>
+
<header class="header" id="header"><!--header-start-->
 +
<div class="container">
 +
    <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>
 +
</header><!--header-end-->
  
−
<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>
 
  
 +
<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-->
  
−
<a class="down" href="javascript:;">
 
−
<div style="position: fixed; margin-top: 40px; margin-left: 20px; width: 50px;
 
  
−
height: 30px; background: #147abc; z-index: 999; text-align: center;">
+
<section class="main-section paddind" id="Portfolio"><!--main-section-start-->
−
<p style="color: #fff">Skip</p>
+
<div class="container">
−
</div>
+
    <h2>&nbsp; &nbsp;&nbsp;Project</h2>
−
</a>
+
      <div class="portfolioFilter"> 
 +
        <ul class="Portfolio-nav wow fadeIn delay-02s">
 +
        <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"
  
−
<script>
+
alt=""></a>
−
$(function(){
+
               
−
$(".down").click(function(){
+
                    <p>Design</p>
−
$("html,body").animate({scrollTop:$('#menu').offset().top},400);
+
                </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"
−
</script>
+
  
 +
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"
  
−
<div style="margin-top: -40px;" class="crossbanenr">
+
alt=""></a>
−
    <ul id="crossbanenr">      
+
               
−
        <li class="pcqqbg">
+
                    <p>Notebook</p>
−
            <div class="bncont">
+
                </div>
−
                 <div class="bntxt">
+
                 <div class=" Portfolio-box photography" >
−
                    <h2>Amoy China</h2>
+
                <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"  
−
                    <a class="bnxz"  
+
  
−
href="https://2015.igem.org/Team:Amoy/Project">more</a>
+
alt=""></a>
 +
               
 +
                    <p>Protocol</p>
 
                 </div>
 
                 </div>
−
            </div>
+
                <div class=" Portfolio-box branding">
−
        </li>
+
                <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"
−
    </ul>
+
−
</div>
+
  
 +
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"
  
−
<div class="content">
+
alt=""></a>
 +
               
 +
                    <p>Theory</p>
 +
                </div>
 +
    </div>
 +
</section><!--main-section-end-->
  
−
<div>
+
<section class="main-section" id="service"><!--main-section-start-->
−
<img src="https://static.igem.org/mediawiki/2015/2/24/T1.png"/>
+
<div class="container">
−
</div>
+
            <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-->
  
−
<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;
+
<section class="main-section alabaster"><!--main-section alabaster-start-->
 +
<div class="container">
 +
    <div class="row">
  
−
top: -700px; height: 750px; background-attachment: fixed;">
+
<figure class="col-lg-5 col-sm-4 wow fadeInLeft">
−
</div>
+
            <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 style="background: #fff; width: 100%; height: 524px; ">
+
        </div>
−
<div style="position: relative; width: 100%; height: 584px; margin: 0 auto;">
+
</div>
 +
</section><!--main-section alabaster-end-->
  
−
<div style="position: absolute; top: 115px; width: 557px; right: 30px;">
 
−
<img style="width: 100%;" src="https://static.igem.org/mediawiki/2015/7/78/H2.png" />
 
−
<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>
 
−
<p style="width: 100%; text-align: right; margin-top: 20px;">
 
−
<a style="color: #12b7f5;">Learn more ></a>
 
−
</p>
 
−
</div>
 
−
<div>
 
−
<img style="position: absolute; left: 30px; width: 770px; height: 763px; bottom:
 
  
−
0;" src="https://static.igem.org/mediawiki/2015/0/0d/T12.png" />
 
−
</div>
 
  
−
</div>
+
<!------------------此处移除1-------------->
−
</div>
+
  
 +
<section class="main-section client-part" id="client"><!--main-section client-part-start-->
 +
<div class="container">
  
−
<div style="background-image: url
+
    <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>
  
−
(https://static.igem.org/mediawiki/2015/c/cb/Bg1.jpg); min-height: 100%; background-
+
    </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>
  
−
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 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 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-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 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 class="team-leader-box">
−
<p style="width: 100%; text-align: left; margin-top: 15px;">They are our
+
                <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>
  
−
experimental results. They are our experimental results.</p>
+
            </div>
−
<p style="width: 100%; text-align: left; margin-top: 20px;">
+
−
<a style="color: #12b7f5;">Learn more ></a>
+
−
</p>
+
−
</div>
+
  
−
<div>
+
            <div class="team-leader-box">
−
<img style="position: absolute; right: 30px; width: 700px; height: 584px;
+
                <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/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>
  
−
bottom: 0;" src="https://static.igem.org/mediawiki/2015/f/fb/T22.png" />
+
            </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>
−
</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>
 +
        </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="background-image: url
+
            </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>
  
−
(https://static.igem.org/mediawiki/2015/3/32/Bg4.jpg); min-height: 100%; background-
+
            </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>
  
−
size: cover; background-repeat: no-repeat; background-position: center center;
+
            </div>
 +
        </div>
  
−
top: -700px; height: 750px; 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 id="menu" style="background: #fff; width: 100%; height: 524px; overflow:
+
            </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/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>
  
−
hidden">
+
            </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/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 style="position: absolute; top: 120px; width: 490px; right: 30px;">
+
            </div>
−
<img style="width: 100%;"  
+
            <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>
  
−
src="https://static.igem.org/mediawiki/2015/3/37/T_project.png" />
+
            </div>
−
<p style="width: 100%; text-align: right; margin-top: 15px;">This is the part of
+
            <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>
  
−
our project. This is the part of our project. This is the part of our
+
            </div>
 +
        </div>
 +
    </div>
 +
</section><!--main-section team-end-->
  
−
project.</p>
 
−
<p style="width: 100%; text-align: right; margin-top: 20px;">
 
−
<a style="color: #12b7f5;">Learn more ></a>
 
−
</p>
 
−
</div>
 
  
−
<div>
 
−
<img style="position: absolute; left: 30px; width: 700px; height: 584px; bottom:
 
  
−
0;" src="https://static.igem.org/mediawiki/2015/d/d4/H4.png" />
+
<section class="business-talking"><!--business-talking-start-->
−
</div>
+
<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>
−
<div style="position: absolute; width: 150px; height: 150px; left: 150px; top:
+
        <div class="col-lg-6 col-sm-5 wow fadeInUp delay-05s">
−
 
+
            <img src="https://static.igem.org/mediawiki/2015/8/85/Fafu_hz.jpg" style="width:800px;height:500px;" />
−
100px;">
+
                </div>
−
<a href="https://2015.igem.org/Team:Amoy/Project"><img  
+
            </div>
−
 
+
        </div>
−
src="https://static.igem.org/mediawiki/2015/9/92/Project.png"/></a>
+
</section>
 
</div>
 
</div>
−
<div style="position: absolute; width: 150px; height: 150px; left: 330px; top:  
+
<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>
  
−
100px;">
+
      <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>
−
<a href="https://2015.igem.org/Team:Amoy/Interlab"><img
+
  
−
src="https://static.igem.org/mediawiki/2015/e/ec/Newsletter.png"/></a>
+
      <a href="#"><img src="https://static.igem.org/mediawiki/2015/b/bb/FAFU-CHINA_school_logo.png" alt=""></a>
−
</div>
+
      <span style="
−
<div style="position: absolute; width: 150px; height: 150px; left: 510px; top:
+
    width:15%;display:inline-block;">
 +
    <font color="#FFFFFF">Fujian Agriculture and Forestry University</font>
 +
       
 +
    </div>
 +
</footer>
  
−
100px;">
 
−
<a href="https://2015.igem.org/Team:Amoy/Newsletter"><img
 
  
−
src="https://static.igem.org/mediawiki/2015/6/66/Practice.png"/></a>
+
<script type="text/javascript">
−
</div>
+
    $(document).ready(function(e) {
−
<div style="position: absolute; width: 150px; height: 150px; left: 690px; top:
+
        $('#test').scrollToFixed();
 +
        $('.res-nav_click').click(function(){
 +
            $('.main-nav').slideToggle();
 +
            return false   
 +
           
 +
        });
 +
       
 +
    });
 +
</script>
  
−
100px;">
+
  <script>
−
<a href="https://2015.igem.org/Team:Amoy/Practice"><img
+
    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>
  
−
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;">
+
<script type="text/javascript">
−
<a href="https://2015.igem.org/Team:Amoy/Member"><img
+
$(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>
  
−
src="https://static.igem.org/mediawiki/2015/7/70/More.png"/></a>
+
<script type="text/javascript">
−
</div>
+
−
<div style="position: absolute; width: 150px; height: 150px; left: 330px; top:
+
  
−
300px;">
+
$(window).load(function(){
−
<a href="https://2015.igem.org/Team:Amoy/Safety"><img
+
 
 +
 
 +
  var $container = $('.portfolioContainer'),
 +
      $body = $('body'),
 +
      colW = 375,
 +
      columns = null;
  
−
src="https://static.igem.org/mediawiki/2015/8/84/Safety.png"/></a>
+
 
−
</div>
+
  $container.isotope({
−
<div style="position: absolute; width: 150px; height: 150px; left: 510px; top:
+
    // 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;
 +
    });
 +
 
 +
});
  
−
300px;">
+
</script>
−
<a href="https://2015.igem.org/Team:Amoy/Acknowledgement"><img
+
<style>
−
 
+
.firstHeading
−
src="https://static.igem.org/mediawiki/2015/9/94/Judging.png"/></a>
+
{
−
</div>
+
  display:none;
−
 
+
}
−
</div>
+
.team-leader
−
</div>
+
{
−
 
+
  width:60%;
−
</div>
+
  margin-left:18%;
−
 
+
}
−
 
+
.main-nav li > a
−
<div style="width: 100%; height: 200px; background: #2a2a2a;">
+
{
−
</div>
+
  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