Difference between revisions of "Team:FAFU-CHINA"

 
(447 intermediate revisions by 6 users not shown)
Line 1: Line 1:
<!DOCTYPE html>
 
 
<html>
 
<html>
 
<head>
 
<head>
<title>Home</title>
+
<meta charset="utf-8">
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
+
<meta name="viewport" content="width=device-width, maximum-scale=1">
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
+
<title>Homepage</title>
<script src="js/jquery-1.11.0.min.js"></script>
+
<link rel="icon" href="https://static.igem.org/mediawiki/2015/1/19/Fafu_favicon.png" type="image/png">
<!-- Custom Theme files -->
+
<link rel="shortcut icon" href="favicon.ico" type="img/x-icon">
<!--theme-style-->
+
 
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
+
<link rel="stylesheet" type="text/css" href="https://2015.igem.org/Template:FAFU_CHINA/wailian/css/Montserrat?action=raw&amp;ctype=text/css" />
<!--//theme-style-->
+
<link rel="stylesheet" type="text/css" href="https://2015.igem.org/Template:FAFU_CHINA/wailian/css/Open-Sans?action=raw&amp;ctype=text/css" />
<meta name="viewport" content="width=device-width, initial-scale=1">
+
 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+
<link rel="stylesheet" href="https://2015.igem.org/Template:FAFU_CHINA/css/homecss?action=raw&amp;ctype=text/css" type="text/css" />
<meta name="keywords" content="Free Style Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template,
+
 
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
+
<link rel="stylesheet" type="text/css" href="https://2015.igem.org/Template:FAFU_CHINA/index2/css/bootstrap?
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
+
 
<!--fonts-->
+
action=raw&amp;ctype=text/css" />
<link href='http://fonts.useso.com/css?family=Alegreya+Sans+SC:100,300,400,500,700,800,900,100italic,300italic,400italic,500italic,700italic,800italic,900italic' rel='stylesheet' type='text/css'>
+
<link rel="stylesheet" type="text/css" href="https://2015.igem.org/Template:FAFU_CHINA/index2/css/style?
<link href='http://fonts.useso.com/css?family=Lato:100,300,400,700,900,100italic,300italic,400italic,700italic,900italic' rel='stylesheet' type='text/css'>
+
 
<!--//fonts-->
+
action=raw&amp;ctype=text/css" />
<script type="text/javascript" src="js/move-top.js"></script>
+
<link rel="stylesheet" type="text/css" href="https://2015.igem.org/Template:FAFU_CHINA/index2/css/stylesheet?
<script type="text/javascript" src="js/easing.js"></script>
+
 
<script type="text/javascript">
+
action=raw&amp;ctype=text/css" />
jQuery(document).ready(function($) {
+
<link rel="stylesheet" type="text/css" href="https://2015.igem.org/Template:FAFU_CHINA/index2/css/font-awesome?
$(".scroll").click(function(event){
+
 
event.preventDefault();
+
action=raw&amp;ctype=text/css" />
$('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
+
<link rel="stylesheet" type="text/css" href="https://2015.igem.org/Template:FAFU_CHINA/index2/css/responsive?
});
+
 
});
+
action=raw&amp;ctype=text/css" />
</script>
+
<link rel="stylesheet" type="text/css" href="https://2015.igem.org/Template:FAFU_CHINA/index2/css/animate?
<!-- start menu -->
+
 
<script src="js/simpleCart.min.js"> </script>
+
action=raw&amp;ctype=text/css" />
<link href="css/memenu.css" rel="stylesheet" type="text/css" media="all" />
+
 
<script type="text/javascript" src="js/memenu.js"></script>
+
<!--[if IE]><style type="text/css">.pie {behavior:url(PIE.htc);}</style><![endif]-->
<script>$(document).ready(function(){$(".memenu").memenu();});</script>
+
 
 +
<script type="text/javascript"
 +
 
 +
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>
 
</head>
<body>  
+
<body>
<!--top-header-->
+
<div style="overflow:hidden;">
<div class="top-header">
+
 
 +
 
 +
 
 +
 
 +
<header class="header" id="header"><!--header-start-->
 
<div class="container">
 
<div class="container">
<div class="top-header-main">
+
    <figure class="logo animated fadeInDown delay-07s">
<div class="col-md-4 top-header-left">
+
        <a href="#"><img src="https://static.igem.org/mediawiki/2015/b/b7/FAFU-CHINA_Silencer_new.png" alt=""></a>
<div class="search-bar">
+
        </figure>
<input type="text" value="Search" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Search';}">
+
        <h1 class="animated fadeInDown delay-07s">Welcome to FAFU-CHINA iGEM</h1>
<input type="submit" value="">
+
        <ul class="we-create animated fadeInUp delay-1s">
</div>
+
        <li style=“color:#ffffff;font-size:36px;”>CSBV.Silencer</li>
</div>
+
        </ul>
<div class="col-md-4 top-header-middle">
+
        <br>
<a href="index.html"><img src="images/FAFU-CHINA_001.png" alt="" /></a>
+
            <a class="link animated fadeInUp delay-1s" href="#">Get Started</a>
</div>
+
    </div>
<div class="col-md-4 top-header-right">
+
<div class="cart box_1">
+
<a href="checkout.html">
+
<h3> <div class="total">
+
<span class="simpleCart_total"></span> (<span id="simpleCart_quantity" class="simpleCart_quantity"></span> items)</div>
+
<img src="images/cart-1.png" alt="" />
+
</a>
+
<p><a href="javascript:;" class="simpleCart_empty">Empty Cart</a></p>
+
<div class="clearfix"> </div>
+
</div>
+
</div>
+
<div class="clearfix"></div>
+
</div>
+
</div>
+
 
</div>
 
</div>
<!--top-header-->
+
</header><!--header-end-->
<!--bottom-header-->
+
 
<div class="header-bottom">
+
 
<div class="container">
+
<nav class="main-nav-outer" id="test"><!--main-nav-start-->
<div class="top-nav">
+
<div class="container">
<ul class="memenu skyblue"><li class="active"><a href="index.html">Home</a></li>
+
        <ul class="main-nav">
<li class="grid"><a href="#">Men</a>
+
        <li><a href="#header">Home</a></li>
<div class="mepanel">
+
                <li><a href="https://2015.igem.org/Team:FAFU-CHINA/Attributions">Attributions</a></li>
<div class="row">
+
                <li><a href="https://2015.igem.org/Team:FAFU-CHINA/Team">Team</a></li>
<div class="col1 me-one">
+
                <li><a href="https://2015.igem.org/Team:FAFU-CHINA/Practices ">Human practice</a></li>
<h4>Shop</h4>
+
                <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>
<ul>
+
            <li><a href="https://2015.igem.org/Team:FAFU-CHINA/Project">Project</a></li>
<li><a href="products.html">New Arrivals</a></li>
+
            <li><a href="https://2015.igem.org/Team:FAFU-CHINA/Parts">Parts</a></li>
<li><a href="products.html">Men</a></li>
+
            <li><a href="https://2015.igem.org/Team:FAFU-CHINA/Safety">Safety</a></li>
<li><a href="products.html">Women</a></li>
+
         
<li><a href="products.html">Accessories</a></li>
+
         
<li><a href="products.html">Kids</a></li>
+
            <li><a href="https://2015.igem.org/Team:FAFU-CHINA/Collaborations">Collaborations</a></li>
<li><a href="products.html">login</a></li>
+
        </ul>
<li><a href="products.html">Brands</a></li>
+
<a class="res-nav_click" href="#"><i class="fa-bars">BACK TO HOME</i></a>
<li><a href="products.html">My Shopping Bag</a></li>
+
    </div>
</ul>
+
</nav><!--main-nav-end-->
</div>
+
 
<div class="col1 me-one">
+
 
<h4>Style Zone</h4>
+
<section class="main-section paddind" id="Portfolio"><!--main-section-start-->
<ul>
+
<div class="container">
<li><a href="products.html">Men</a></li>
+
    <h2>&nbsp; &nbsp;&nbsp;Project</h2>
<li><a href="products.html">Women</a></li>
+
      <div class="portfolioFilter">
<li><a href="products.html">Brands</a></li>
+
        <ul class="Portfolio-nav wow fadeIn delay-02s">
<li><a href="products.html">Kids</a></li>
+
        <li><a href="#" data-filter="*" class="current" >Back To Header</a></li>
<li><a href="products.html">Accessories</a></li>
+
        </ul>
<li><a href="products.html">Style Videos</a></li>
+
      </div>  
</ul>
+
       
</div>
+
<div class="col1 me-one">
+
<h4>Popular Brands</h4>
+
<ul>
+
<li><a href="products.html">Levis</a></li>
+
<li><a href="products.html">Persol</a></li>
+
<li><a href="products.html">Nike</a></li>
+
<li><a href="products.html">Edwin</a></li>
+
<li><a href="products.html">New Balance</a></li>
+
<li><a href="products.html">Jack & Jones</a></li>
+
<li><a href="products.html">Paul Smith</a></li>
+
<li><a href="products.html">Ray-Ban</a></li>
+
<li><a href="products.html">Wood Wood</a></li>
+
</ul>
+
</div>
+
</div>
+
</div>
+
</li>
+
<li class="grid"><a href="#">Women</a>
+
<div class="mepanel">
+
<div class="row">
+
<div class="col1 me-one">
+
<h4>Shop</h4>
+
<ul>
+
<li><a href="products.html">New Arrivals</a></li>
+
<li><a href="products.html">Men</a></li>
+
<li><a href="products.html">Women</a></li>
+
<li><a href="products.html">Accessories</a></li>
+
<li><a href="products.html">Kids</a></li>
+
<li><a href="products.html">login</a></li>
+
<li><a href="products.html">Brands</a></li>
+
<li><a href="products.html">My Shopping Bag</a></li>
+
</ul>
+
</div>
+
<div class="col1 me-one">
+
<h4>Style Zone</h4>
+
<ul>
+
<li><a href="products.html">Men</a></li>
+
<li><a href="products.html">Women</a></li>
+
<li><a href="products.html">Brands</a></li>
+
<li><a href="products.html">Kids</a></li>
+
<li><a href="products.html">Accessories</a></li>
+
<li><a href="products.html">Style Videos</a></li>
+
</ul>
+
</div>
+
<div class="col1 me-one">
+
<h4>Popular Brands</h4>
+
<ul>
+
<li><a href="products.html">Levis</a></li>
+
<li><a href="products.html">Persol</a></li>
+
<li><a href="products.html">Nike</a></li>
+
<li><a href="products.html">Edwin</a></li>
+
<li><a href="products.html">New Balance</a></li>
+
<li><a href="products.html">Jack & Jones</a></li>
+
<li><a href="products.html">Paul Smith</a></li>
+
<li><a href="products.html">Ray-Ban</a></li>
+
<li><a href="products.html">Wood Wood</a></li>
+
</ul>
+
</div>
+
</div>
+
</div>
+
</li>
+
<li class="grid"><a href="#">Kids</a>
+
<div class="mepanel">
+
<div class="row">
+
<div class="col1 me-one">
+
<h4>Shop</h4>
+
<ul>
+
<li><a href="products.html">New Arrivals</a></li>
+
<li><a href="products.html">Men</a></li>
+
<li><a href="products.html">Women</a></li>
+
<li><a href="products.html">Accessories</a></li>
+
<li><a href="products.html">Kids</a></li>
+
<li><a href="products.html">login</a></li>
+
<li><a href="products.html">Brands</a></li>
+
<li><a href="products.html">My Shopping Bag</a></li>
+
</ul>
+
</div>
+
<div class="col1 me-one">
+
<h4>Style Zone</h4>
+
<ul>
+
<li><a href="products.html">Men</a></li>
+
<li><a href="products.html">Women</a></li>
+
<li><a href="products.html">Brands</a></li>
+
<li><a href="products.html">Kids</a></li>
+
<li><a href="products.html">Accessories</a></li>
+
<li><a href="products.html">Style Videos</a></li>
+
</ul>
+
</div>
+
<div class="col1 me-one">
+
<h4>Popular Brands</h4>
+
<ul>
+
<li><a href="products.html">Levis</a></li>
+
<li><a href="products.html">Persol</a></li>
+
<li><a href="products.html">Nike</a></li>
+
<li><a href="products.html">Edwin</a></li>
+
<li><a href="products.html">New Balance</a></li>
+
<li><a href="products.html">Jack & Jones</a></li>
+
<li><a href="products.html">Paul Smith</a></li>
+
<li><a href="products.html">Ray-Ban</a></li>
+
<li><a href="products.html">Wood Wood</a></li>
+
</ul>
+
</div>
+
</div>
+
</div>
+
</li>
+
<li class="grid"><a href="#">Sports</a>
+
<div class="mepanel">
+
<div class="row">
+
<div class="col1 me-one">
+
<h4>Shop</h4>
+
<ul>
+
<li><a href="products.html">New Arrivals</a></li>
+
<li><a href="products.html">Men</a></li>
+
<li><a href="products.html">Women</a></li>
+
<li><a href="products.html">Accessories</a></li>
+
<li><a href="products.html">Kids</a></li>
+
<li><a href="products.html">login</a></li>
+
<li><a href="products.html">Brands</a></li>
+
<li><a href="products.html">My Shopping Bag</a></li>
+
</ul>
+
</div>
+
<div class="col1 me-one">
+
<h4>Style Zone</h4>
+
<ul>
+
<li><a href="products.html">Men</a></li>
+
<li><a href="products.html">Women</a></li>
+
<li><a href="products.html">Brands</a></li>
+
<li><a href="products.html">Kids</a></li>
+
<li><a href="products.html">Accessories</a></li>
+
<li><a href="products.html">Style Videos</a></li>
+
</ul>
+
</div>
+
<div class="col1 me-one">
+
<h4>Popular Brands</h4>
+
<ul>
+
<li><a href="products.html">Levis</a></li>
+
<li><a href="products.html">Persol</a></li>
+
<li><a href="products.html">Nike</a></li>
+
<li><a href="products.html">Edwin</a></li>
+
<li><a href="products.html">New Balance</a></li>
+
<li><a href="products.html">Jack & Jones</a></li>
+
<li><a href="products.html">Paul Smith</a></li>
+
<li><a href="products.html">Ray-Ban</a></li>
+
<li><a href="products.html">Wood Wood</a></li>
+
</ul>
+
</div>
+
</div>
+
</div>
+
</li>
+
<li class="grid"><a href="#">Brands</a>
+
<div class="mepanel">
+
<div class="row">
+
<div class="col1 me-one">
+
<h4>Shop</h4>
+
<ul>
+
<li><a href="products.html">New Arrivals</a></li>
+
<li><a href="products.html">Men</a></li>
+
<li><a href="products.html">Women</a></li>
+
<li><a href="products.html">Accessories</a></li>
+
<li><a href="products.html">Kids</a></li>
+
<li><a href="products.html">login</a></li>
+
<li><a href="products.html">Brands</a></li>
+
<li><a href="products.html">My Shopping Bag</a></li>
+
</ul>
+
</div>
+
<div class="col1 me-one">
+
<h4>Style Zone</h4>
+
<ul>
+
<li><a href="products.html">Men</a></li>
+
<li><a href="products.html">Women</a></li>
+
<li><a href="products.html">Brands</a></li>
+
<li><a href="products.html">Kids</a></li>
+
<li><a href="products.html">Accessories</a></li>
+
<li><a href="products.html">Style Videos</a></li>
+
</ul>
+
</div>
+
<div class="col1 me-one">
+
<h4>Popular Brands</h4>
+
<ul>
+
<li><a href="products.html">Levis</a></li>
+
<li><a href="products.html">Persol</a></li>
+
<li><a href="products.html">Nike</a></li>
+
<li><a href="products.html">Edwin</a></li>
+
<li><a href="products.html">New Balance</a></li>
+
<li><a href="products.html">Jack & Jones</a></li>
+
<li><a href="products.html">Paul Smith</a></li>
+
<li><a href="products.html">Ray-Ban</a></li>
+
<li><a href="products.html">Wood Wood</a></li>
+
</ul>
+
</div>
+
</div>
+
</div>
+
</li>
+
</ul>
+
</div>
+
<div class="clearfix"> </div>
+
</div>
+
 
</div>
 
</div>
<!--bottom-header-->
+
    <div class="portfolioContainer wow fadeInUp delay-04s">
<!--banner-starts-->
+
            <div class=" Portfolio-box printdesign">
<div class="bnr" id="home">
+
                <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"
<div id="top" class="callbacks_container">
+
 
<ul class="rslides" id="slider4">
+
alt=""></a>
    <li>
+
               
<div class="banner-1"></div>
+
                    <p>Design</p>
</li>
+
                </div>
<li>
+
                <div class="Portfolio-box webdesign">
<div class="banner-2"></div>
+
                <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"
</li>
+
 
<li>
+
alt=""></a>
<div class="banner-3"></div>
+
               
</li>
+
                    <p>Meeting</p>
</ul>
+
                </div>
</div>
+
                <div class=" Portfolio-box branding">
<div class="clearfix"> </div>
+
                <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>
 
</div>
<!--banner-ends-->  
+
</section><!--main-section-end-->
<!--Slider-Starts-Here-->
+
 
<script src="js/responsiveslides.min.js"></script>
+
 
<script>
+
 
    // You can also use "$(window).load(function() {"
+
<section class="main-section alabaster"><!--main-section alabaster-start-->
    $(function () {
+
<div class="container">
      // Slideshow 4
+
    <div class="row">
      $("#slider4").responsiveSlides({
+
 
        auto: true,
+
<figure class="col-lg-5 col-sm-4 wow fadeInLeft">
        pager: true,
+
            <img  src="https://static.igem.org/mediawiki/2015/b/b8/FAFU-CHINA_improvement_part.png"  
        nav: false,
+
 
        speed: 500,
+
alt="">
        namespace: "callbacks",
+
            </figure>
        before: function () {
+
<figure class="col-lg-5 col-sm-4 wow fadeInLeft">
          $('.events').append("<li>before event fired.</li>");
+
            <img  src="https://static.igem.org/mediawiki/2015/3/34/FAFU-CHINA_NEW_PART.png" alt="">
        },
+
            </figure></p>
        after: function () {
+
 
          $('.events').append("<li>after event fired.</li>");
+
        </div>
        }
+
      });
+
+
    });
+
  </script>
+
<!--End-slider-script-->
+
<!--start-banner-bottom-->  
+
<div class="banner-bottom">
+
<div class="container">
+
<div class="banner-bottom-top">
+
<div class="col-md-6 banner-bottom-left">
+
<div class="bnr-one">
+
<div class="bnr-left">
+
<h1><a href="single.html">Duis dictum volutpat</a></h1>
+
<p>Nulla tempus facilisis purus at.</p>
+
<div class="b-btn">
+
<a href="single.html">SHOP NOW</a>
+
</div>
+
</div>
+
<div class="bnr-right">
+
<a href="single.html"><img src="images/FAFU_CHINA_000.jpg" alt="" /></a>
+
</div>
+
<div class="clearfix"> </div>
+
</div>
+
</div>
+
<div class="col-md-6 banner-bottom-right">
+
<div class="bnr-two">
+
<div class="bnr-left">
+
<h2><a href="single.html">Phasellus quis nunc</a></h2>
+
<p>Nulla tempus facilisis purus at.</p>
+
<div class="b-btn">
+
<a href="single.html">SHOP NOW</a>
+
</div>
+
</div>
+
<div class="bnr-right">
+
<a href="single.html"><img src="images/b-2.jpg" alt="" /></a>
+
</div>
+
<div class="clearfix"> </div>
+
</div>
+
</div>
+
<div class="clearfix"> </div>
+
</div>
+
</div>
+
 
</div>
 
</div>
<!--end-banner-bottom-->  
+
</section><!--main-section alabaster-end-->
<!--start-shoes-->
+
 
<div class="shoes">
+
 
<div class="container">
+
 
<div class="product-one">
+
 
<div class="col-md-3 product-left">
+
<!------------------此处移除1-------------->
<div class="p-one simpleCart_shelfItem">
+
 
<a href="single.html">
+
<section class="main-section client-part" id="client"><!--main-section client-part-start-->
<img src="images/shoes-1.png" alt="" />
+
<div class="container">
<div class="mask">
+
 
<span>Quick View</span>
+
    <div class="row">
</div>
+
        <div class="col-lg-12">
</a>
+
            <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>
<h4>Aenean placerat</h4>
+
          </div>
<p><a class="item_add" href="#"><i></i> <span class=" item_price">$329</span></a></p>
+
          </div>
+
<style>
</div>
+
p1{color:white;}
</div>
+
</style>
<div class="col-md-3 product-left">
+
    <ul class="client wow fadeIn delay-05s">
<div class="p-one simpleCart_shelfItem">
+
        <li><a href="#">
+
            <img src="https://static.igem.org/mediawiki/2015/a/a4/Fafu_aaa.jpg" alt="">
<a href="single.html">
+
                <h1><p1>ATTRIBUTIONS</p1></h1>
<img src="images/shoes-2.png" alt="" />
+
            </a></li>
<div class="mask">
+
        </ul>
<span>Quick View</span>
+
    </div>
</div>
+
</section><!--main-section client-part-end-->
</a>
+
<div class="c-logo-part"><!--c-logo-part-start-->
<h4>Aenean placerat</h4>
+
<div class="container">
<p><a class="item_add" href="#"><i></i> <span class=" item_price">$329</span></a></p>
+
    <ul>
+
 
</div>
+
    </ul>
</div>
+
<div class="col-md-3 product-left">  
+
<div class="p-one simpleCart_shelfItem">
+
+
<a href="single.html">
+
<img src="images/shoes-3.png" alt="" />
+
<div class="mask">
+
<span>Quick View</span>
+
</div>
+
</a>
+
<h4>Aenean placerat</h4>
+
<p><a class="item_add" href="#"><i></i> <span class=" item_price">$329</span></a></p>
+
+
</div>
+
</div>
+
<div class="col-md-3 product-left">  
+
<div class="p-one simpleCart_shelfItem">
+
+
<a href="single.html">
+
<img src="images/shoes-13.png" alt="" />
+
<div class="mask">
+
<span>Quick View</span>
+
</div>
+
</a>
+
<h4>Aenean placerat</h4>
+
<p><a class="item_add" href="#"><i></i> <span class=" item_price">$329</span></a></p>
+
+
</div>
+
</div>
+
<div class="clearfix"> </div>
+
</div>
+
<div class="product-one">
+
<div class="col-md-3 product-left">  
+
<div class="p-one simpleCart_shelfItem">
+
+
<a href="single.html">
+
<img src="images/shoes-5.png" alt="" />
+
<div class="mask">
+
<span>Quick View</span>
+
</div>
+
</a>
+
<h4>Aenean placerat</h4>
+
<p><a class="item_add" href="#"><i></i> <span class=" item_price">$329</span></a></p>
+
+
</div>
+
</div>
+
<div class="col-md-3 product-left">
+
<div class="p-one simpleCart_shelfItem">
+
+
<a href="single.html">
+
<img src="images/shoes-6.png" alt="" />
+
<div class="mask">
+
<span>Quick View</span>
+
</div>
+
</a>
+
<h4>Aenean placerat</h4>
+
<p><a class="item_add" href="#"><i></i> <span class=" item_price">$329</span></a></p>
+
+
</div>
+
</div>
+
<div class="col-md-3 product-left">  
+
<div class="p-one simpleCart_shelfItem">
+
+
<a href="single.html">
+
<img src="images/shoes-7.png" alt="" />
+
<div class="mask">
+
<span>Quick View</span>
+
</div>
+
</a>
+
<h4>Aenean placerat</h4>
+
<p><a class="item_add" href="#"><i></i> <span class=" item_price">$329</span></a></p>
+
+
</div>
+
</div>
+
<div class="col-md-3 product-left">
+
<div class="p-one simpleCart_shelfItem">
+
+
<a href="single.html">
+
<img src="images/shoes-8.png" alt="" />
+
<div class="mask">
+
<span>Quick View</span>
+
</div>
+
</a>
+
<h4>Aenean placerat</h4>
+
<p><a class="item_add" href="#"><i></i> <span class=" item_price">$329</span></a></p>
+
+
</div>
+
</div>
+
<div class="clearfix"> </div>
+
</div>
+
</div>
+
 
</div>
 
</div>
<!--end-shoes-->
+
</div><!--c-logo-part-end-->
<!--start-abt-shoe-->
+
<section class="main-section team" id="team"><!--main-section team-start-->
<div class="abt-shoe">
+
<div class="container">
<div class="container">  
+
        <div class="rightbxti"><a href="https://2015.igem.org/Team:FAFU-CHINA/Team"><h2>Team</h2></a></div>
<div class="abt-shoe-main">
+
 
<div class="col-md-4 abt-shoe-left">
+
 
<div class="abt-one">
+
        <div class="team-leader-block clearfix">
<a href="single.html"><img src="images/abt-1.jpg" alt="" /></a>
+
          <div style="border-left:400px;" class="team-leader-box">
<h4><a href="single.html">Cras dolor ligula</a></h4>
+
                <div style="border-left:400px;" class="team-leader wow fadeInDown delay-09s">  
<p>Phasellus auctor vulputate egestas. Nulla facilisi. Cras dolor ligula, pharetra vitae efficitur ac, tempus vitae nisl. Aliquam erat volutpat. </p>
+
                    <div style="border-left:400px;" class="team-leader-shadow"><a href="#"></a></div>
</div>
+
                    <img src="https://static.igem.org/mediawiki/2015/7/7d/FAFU-CHINA_Team_members_%2811%29.png" alt="">
</div>
+
                    <ul>
<div class="col-md-4 abt-shoe-left">
+
                        <li><a href="#" class="fa-twitter"></a></li>
<div class="abt-one">
+
                        <li><a href="#" class="fa-facebook"></a></li>
<a href="single.html"><img src="images/abt-2.jpg" alt="" /></a>
+
                        <li><a href="#" class="fa-pinterest"></a></li>
<h4><a href="single.html">Cras dolor ligula</a></h4>
+
                        <li><a href="#" class="fa-google-plus"></a></li>
<p>Phasellus auctor vulputate egestas. Nulla facilisi. Cras dolor ligula, pharetra vitae efficitur ac, tempus vitae nisl. Aliquam erat volutpat. </p>
+
                    </ul>
</div>
+
                </div>
</div>
+
                <h3 class="wow fadeInDown delay-09s">Xiaolei Huang</h3>
<div class="col-md-4 abt-shoe-left">
+
                <span class="wow fadeInDown delay-09s">Instructor</span>
<div class="abt-one">
+
          </div>
<a href="single.html"><img src="images/abt-3.jpg" alt="" /></a>
+
 
<h4><a href="single.html">Cras dolor ligula</a></h4>
+
<!-->
<p>Phasellus auctor vulputate egestas. Nulla facilisi. Cras dolor ligula, pharetra vitae efficitur ac, tempus vitae nisl. Aliquam erat volutpat. </p>
+
        </div>
</div>
+
        <div class="team-leader-block clearfix">
</div>
+
            <div class="team-leader-box">
<div class="clearfix"> </div>
+
                <div class="team-leader wow fadeInDown delay-03s">  
</div>
+
                    <div class="team-leader-shadow"><a href="#"></a></div>
</div>
+
                    <img src="https://static.igem.org/mediawiki/2015/9/93/FAFU-CHINA_Team_members_%2815%29.png " alt="">
</div>
+
                    <ul>
<!--end-abt-shoe-->
+
                        <li><a href="#" class="fa-twitter"></a></li>
<!--start-footer-->
+
                        <li><a href="#" class="fa-facebook"></a></li>
<div class="footer">
+
                        <li><a href="#" class="fa-pinterest"></a></li>
<div class="container">
+
                        <li><a href="#" class="fa-google-plus"></a></li>
<div class="footer-top">
+
                    </ul>
<div class="col-md-3 footer-left">
+
                </div>
<h3>ABOUT US</h3>
+
                <h3 class="wow fadeInDown delay-03s">Zujian Wu</h3>
<ul>
+
                <span class="wow fadeInDown delay-03s">Advisor</span>
<li><a href="#">Who We Are</a></li>
+
 
<li><a href="contact.html">Contact Us</a></li>
+
            </div>
<li><a href="#">Our Sites</a></li>
+
         
<li><a href="#">In The News</a></li>
+
            <div class="team-leader-box">
<li><a href="#">Team</a></li>
+
                <div class="team-leader wow fadeInDown delay-03s">  
<li><a href="#">Carrers</a></li>
+
                    <div class="team-leader-shadow"><a href="#"></a></div>
</ul>
+
                    <img src="https://static.igem.org/mediawiki/2015/a/ab/FAFU-CHINA_Team_members_%2814%29.png " alt="">
</div>
+
                    <ul>
<div class="col-md-3 footer-left">
+
                        <li><a href="#" class="fa-twitter"></a></li>
<h3>YOUR ACCOUNT</h3>
+
                        <li><a href="#" class="fa-facebook"></a></li>
<ul>
+
                        <li><a href="#" class="fa-pinterest"></a></li>
<li><a href="account.html">Your Account</a></li>
+
                        <li><a href="#" class="fa-google-plus"></a></li>
<li><a href="#">Personal Information</a></li>
+
                    </ul>
<li><a href="contact.html">Addresses</a></li>
+
                </div>
<li><a href="#">Discount</a></li>
+
                <h3 class="wow fadeInDown delay-03s">Taiyun Wei</h3>
<li><a href="#">Track your order</a></li>
+
                <span class="wow fadeInDown delay-03s">Advisor</span>
</ul>
+
 
</div>
+
            </div>
<div class="col-md-3 footer-left">
+
            <div class="team-leader-box">
<h3>CUSTOMER SERVICES</h3>
+
                <div class="team-leader  wow fadeInDown delay-06s">
<ul>
+
                    <div class="team-leader-shadow"><a href="#"></a></div>
<li><a href="#">FAQ</a></li>
+
                    <img src="https://static.igem.org/mediawiki/2015/2/21/FAFU-CHINA_Team_members_%2813%29.png" alt="">
<li><a href="#">Shipping</a></li>
+
                    <ul>
<li><a href="#">Cancellation</a></li>
+
                        <li><a href="#" class="fa-twitter"></a></li>
<li><a href="#">Returns</a></li>
+
                        <li><a href="#" class="fa-facebook"></a></li>
<li><a href="#">Bulk Orders</a></li>
+
                        <li><a href="#" class="fa-pinterest"></a></li>
<li><a href="#">Buying Guides</a></li>
+
                        <li><a href="#" class="fa-google-plus"></a></li>
</ul>
+
                    </ul>
</div>
+
                </div>
<div class="col-md-3 footer-left">
+
                <h3 class="wow fadeInDown delay-06s">Bingfeng Zhou</h3>
<h3>CATEGORIES</h3>
+
                <span class="wow fadeInDown delay-06s">Advisor</span>
<ul>
+
 
<li><a href="#">Sports Shoes</a></li>
+
            </div>
<li><a href="#">Casual Shoes</a></li>
+
 
<li><a href="#">Formal Shoes</a></li>
+
            <div class="team-leader-box">
<li><a href="#">Party Shoes</a></li>
+
                <div class="team-leader wow fadeInDown delay-03s">  
<li><a href="#">Ethnic</a></li>
+
                    <div class="team-leader-shadow"><a href="#"></a></div>
</ul>
+
                    <img src="https://static.igem.org/mediawiki/2015/0/05/FAFU-CHINA_Team_members_%285%29.png "">
</div>
+
                    <ul>
<div class="clearfix"> </div>
+
                        <li><a href="#" class="fa-twitter"></a></li>
</div>
+
                        <li><a href="#" class="fa-facebook"></a></li>
</div>
+
                        <li><a href="#" class="fa-pinterest"></a></li>
</div>
+
                        <li><a href="#" class="fa-google-plus"></a></li>
<!--end-footer-->
+
                    </ul>
<!--end-footer-text-->
+
                </div>
<div class="footer-text">
+
                <h3 class="wow fadeInDown delay-03s">Penny</h3>
<div class="container">
+
                <span class="wow fadeInDown delay-03s">Advisor</span>
<div class="footer-main">
+
 
<p class="footer-class">Copyright &copy; 2015.Company name All rights reserved.<a target="_blank" href="http://sc.chinaz.com/moban/">&#x7F51;&#x9875;&#x6A21;&#x677F;</a></p>
+
            </div>
</div>
+
            <div class="team-leader-box">
</div>
+
                <div class="team-leader  wow fadeInDown delay-06s">
<script type="text/javascript">
+
                    <div class="team-leader-shadow"><a href="#"></a></div>
$(document).ready(function() {
+
                    <img src="https://static.igem.org/mediawiki/2015/0/02/FAFU-CHINA_Team_members_%2816%29.jpg" alt="">
/*
+
                    <ul>
var defaults = {
+
                        <li><a href="#" class="fa-twitter"></a></li>
  containerID: 'toTop', // fading element id
+
                        <li><a href="#" class="fa-facebook"></a></li>
containerHoverID: 'toTopHover', // fading element hover id
+
                        <li><a href="#" class="fa-pinterest"></a></li>
scrollSpeed: 1200,
+
                        <li><a href="#" class="fa-google-plus"></a></li>
easingType: 'linear'  
+
                    </ul>
};
+
                </div>
*/
+
                <h3 class="wow fadeInDown delay-06s">Wenxu Wu</h3>
+
                <span class="wow fadeInDown delay-06s">Web Advisor</span>
$().UItoTop({ easingType: 'easeOutQuart' });
+
 
+
            </div>
});
+
            <div class="team-leader-box">
</script>
+
                <div class="team-leader wow fadeInDown delay-09s">  
<a href="#home" id="toTop" class="scroll" style="display: block;"> <span id="toTopHover" style="opacity: 1;"> </span></a>
+
                    <div class="team-leader-shadow"><a href="#"></a></div>
</div>
+
                    <img src="https://static.igem.org/mediawiki/2015/0/0d/FAFU-CHINA_Team_members_%2812%29.jpg" alt="">
<!--end-footer-text-->
+
                    <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>
 +
            <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>
 +
 
 +
            </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>
 +
 
 +
            </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/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>
 +
            <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>
 +
        </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>
 +
            <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>
 +
 
 +
            </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-->
 +
 
 +
 
 +
 
 +
<section class="business-talking"><!--business-talking-start-->
 +
<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 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;" />
 +
                </div>
 +
            </div>
 +
        </div>
 +
</section>
 +
</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>
 +
 
 +
      <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="#"><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>
 +
 
 +
 
 +
<script type="text/javascript">
 +
    $(document).ready(function(e) {
 +
        $('#test').scrollToFixed();
 +
        $('.res-nav_click').click(function(){
 +
            $('.main-nav').slideToggle();
 +
            return false   
 +
           
 +
        });
 +
       
 +
    });
 +
</script>
 +
 
 +
  <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>
 +
 
 +
 
 +
<script type="text/javascript">
 +
$(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>
 +
 
 
</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 :

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

Fuzhou Dunk Internet Technology Corporation FUNSHU PARK Fujian Agriculture and Forestry University