Difference between revisions of "Team:FAFU-CHINA"

 
(431 intermediate revisions by 6 users not shown)
Line 1: Line 1:
<!DOCTYPE html>
+
<html>
 
<head>
 
<head>
<title>HOME</title>
+
<meta charset="utf-8">
<meta name="keywords" content="" />
+
<meta name="viewport" content="width=device-width, maximum-scale=1">
<meta name="description" content="" />
+
<title>Homepage</title>
<meta charset="UTF-8">
+
<link rel="icon" href="https://static.igem.org/mediawiki/2015/1/19/Fafu_favicon.png" type="image/png">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
+
<link rel="shortcut icon" href="favicon.ico" type="img/x-icon">
<link href='http://fonts.useso.com/css?family=Open+Sans:400,600,700' rel='stylesheet' type='text/css'>
+
 
<link href="css/font-awesome.min.css" rel="stylesheet">
+
<link rel="stylesheet" type="text/css" href="https://2015.igem.org/Template:FAFU_CHINA/wailian/css/Montserrat?action=raw&amp;ctype=text/css" />
<link href="css/bootstrap.min.css" rel="stylesheet" type="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" />
<link href="css/templatemo_style.css" rel="stylesheet" type="text/css">
+
 
 +
<link rel="stylesheet" href="https://2015.igem.org/Template:FAFU_CHINA/css/homecss?action=raw&amp;ctype=text/css" type="text/css" />
 +
 
 +
<link rel="stylesheet" type="text/css" href="https://2015.igem.org/Template:FAFU_CHINA/index2/css/bootstrap?
 +
 
 +
action=raw&amp;ctype=text/css" />
 +
<link rel="stylesheet" type="text/css" href="https://2015.igem.org/Template:FAFU_CHINA/index2/css/style?
 +
 
 +
action=raw&amp;ctype=text/css" />
 +
<link rel="stylesheet" type="text/css" href="https://2015.igem.org/Template:FAFU_CHINA/index2/css/stylesheet?
 +
 
 +
action=raw&amp;ctype=text/css" />
 +
<link rel="stylesheet" type="text/css" href="https://2015.igem.org/Template:FAFU_CHINA/index2/css/font-awesome?
 +
 
 +
action=raw&amp;ctype=text/css" />
 +
<link rel="stylesheet" type="text/css" href="https://2015.igem.org/Template:FAFU_CHINA/index2/css/responsive?
 +
 
 +
action=raw&amp;ctype=text/css" />
 +
<link rel="stylesheet" type="text/css" href="https://2015.igem.org/Template:FAFU_CHINA/index2/css/animate?
 +
 
 +
action=raw&amp;ctype=text/css" />
 +
 
 +
<!--[if IE]><style type="text/css">.pie {behavior:url(PIE.htc);}</style><![endif]-->
 +
 
 +
<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>
<nav id="responsive-menu">
+
<div style="overflow:hidden;">
        <ul class="menu-holder">
+
 
            <li class="active"><a href="#home"><i class="fa fa-home"></i>Home</a></li>
+
 
            <li><a href="#about"><i class="fa fa-briefcase"></i>About</a></li>
+
 
            <li><a href="#services"><i class="fa fa-cogs"></i>Services</a></li>
+
 
            <li><a href="#products"><i class="fa fa-list"></i>Products</a></li>
+
<header class="header" id="header"><!--header-start-->
            <li><a href="#contact"><i class="fa fa-envelope"></i>Contact</a></li>
+
<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>
 
         </ul>
    </nav>
+
        <br>
    <div class="templatemo-site-header">
+
            <a class="link animated fadeInUp delay-1s" href="#">Get Started</a>
<div class="container">
+
<div class="row templatemo-position-relative">
+
<nav class="hidden-xs text-uppercase templatemo-nav">
+
<ul class="menu-holder">
+
<li class="active"><a href="#home">Home</a></li>
+
<li><a href="#about">About</a></li>
+
<li><a href="#services">Services</a></li>
+
<li><a href="#products">Products</a></li>
+
<li><a href="#contact">Contact</a></li>
+
</ul>
+
</nav>
+
<h1 class="templatemo-site-name">
+
                <span class="templatemo-brown">The</span>
+
                <span class="templatemo-gold">Brownie</span>
+
                </h1>
+
<div class="text-right visible-xs">
+
            <a href="#" id="mobile_menu"><span class="fa fa-bars"></span></a>
+
        </div>
+
</div>
+
</div>   
+
 
     </div>
 
     </div>
<section id="home" class="templatemo-section">
+
</div>
<div class="container">
+
</header><!--header-end-->
<div class="row">
+
 
<div class="col-lg-6 col-md-6 templatemo-position-relative">
+
 
<div class="templatemo-flex-center templatemo-black-bg text-center">
+
<nav class="main-nav-outer" id="test"><!--main-nav-start-->
<div class="templatemo-home-image-container">
+
<div class="container">
<img src="images/bicycle.jpg" alt="Home" class="templatemo-home-image">
+
        <ul class="main-nav">
<div class="templatemo-image-overlay">
+
        <li><a href="#header">Home</a></li>
<span class="fa fa-search templatemo-search-icon"></span>
+
                <li><a href="https://2015.igem.org/Team:FAFU-CHINA/Attributions">Attributions</a></li>
<p class="text-uppercase templatemo-gold">The Stret</p>
+
                <li><a href="https://2015.igem.org/Team:FAFU-CHINA/Team">Team</a></li>
<p class="text-uppercase">Sioutis mauris Justo</p>
+
                <li><a href="https://2015.igem.org/Team:FAFU-CHINA/Practices ">Human practice</a></li>
</div>
+
                <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>
</div>
+
            <li><a href="https://2015.igem.org/Team:FAFU-CHINA/Project">Project</a></li>
</div>
+
            <li><a href="https://2015.igem.org/Team:FAFU-CHINA/Parts">Parts</a></li>
</div>
+
            <li><a href="https://2015.igem.org/Team:FAFU-CHINA/Safety">Safety</a></li>
<div class="col-lg-6 col-md-6">
+
         
<div class="templatemo-content-box templatemo-second-box">
+
         
<h2 class="templatemo-brown">duis sed odio amet</h2>
+
            <li><a href="https://2015.igem.org/Team:FAFU-CHINA/Collaborations">Collaborations</a></li>
<h3 class="templatemo-gold">class  apent  tacit  sioutis mauris just olmorbi</h3>
+
        </ul>
<p class="margin-top-30">The Brownie is free responsive template from <span class="blue">template</span><span class="green">mo</span>.com website. You can use this layout for any of your website. Please spread a word about us. Thank you. This template uses CSS Flexbox, which is supported on IE 10+ and recent versions of all other major browsers. Check out <a href="#/#feat=flexbox" target="_blank">caniuse.com</a> for detailed browser support information.</p>
+
<a class="res-nav_click" href="#"><i class="fa-bars">BACK TO HOME</i></a>
<a href="#" class="btn text-uppercase templatemo-btn templatemo-info-btn">Lorem Ipsum</a>
+
    </div>
</div>
+
</nav><!--main-nav-end-->
</div>
+
 
</div>
+
 
</div>
+
<section class="main-section paddind" id="Portfolio"><!--main-section-start-->
</section>
+
<div class="container">
 +
    <h2>&nbsp; &nbsp;&nbsp;Project</h2>
 +
      <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"
 +
 
 +
alt=""></a>
 +
               
 +
                    <p>Design</p>
 +
                </div>
 +
                <div class="Portfolio-box webdesign">
 +
                <a href="https://2015.igem.org/Team:FAFU-CHINA/Meeting"><img src="https://static.igem.org/mediawiki/2015/a/ab/FAFU-CHINA_Small_logo_1_%284%29.jpg"
 +
 
 +
alt=""></a>
 +
               
 +
                    <p>Meeting</p>
 +
                </div>
 +
                <div class=" Portfolio-box branding">
 +
                <a href="https://2015.igem.org/Team:FAFU-CHINA/Notebook"><img src="https://static.igem.org/mediawiki/2015/e/e5/FAFU-CHINA_Small_logo_1_%285%29.jpg"
 +
 
 +
alt=""></a>
 +
               
 +
                    <p>Notebook</p>
 +
                </div>
 +
                <div class=" Portfolio-box photography" >
 +
                <a href="https://2015.igem.org/Team:FAFU-CHINA/Protocol"><img src="https://static.igem.org/mediawiki/2015/f/f4/FAFU-CHINA_Small_logo_1_%287%29.jpg"
 +
 
 +
alt=""></a>
 +
               
 +
                    <p>Protocol</p>
 +
                </div>
 +
                <div class=" Portfolio-box branding">
 +
                <a href="https://2015.igem.org/Team:FAFU-CHINA/Results"><img src="https://static.igem.org/mediawiki/2015/3/3e/FAFU-CHINA_Small_logo_1_%288%29.jpg"
 +
 
 +
alt=""></a>
 +
               
 +
                    <p>Result</p>
 +
                </div>
 +
                <div class=" Portfolio-box photography">
 +
                <a href="https://2015.igem.org/Team:FAFU-CHINA/Project#Theory"><img src="https://static.igem.org/mediawiki/2015/4/42/FAFU-CHINA_Small_logo_1_%2811%29.jpg"
 +
 
 +
alt=""></a>
 +
               
 +
                    <p>Theory</p>
 +
                </div>
 +
    </div>
 +
</section><!--main-section-end-->
 +
 
 +
<section class="main-section" id="service"><!--main-section-start-->
 +
<div class="container">
 +
            <div class="row">
 +
              <div class="col-lg-12 col-sm-12 wow fadeInLeft delay-05s">
 +
                          <h2>Safety & Part</h2>
 +
                </div>
 +
              </div>
 +
        <div class="col-lg-4 col-sm-6 wow fadeInLeft delay-05s">
 +
            <div class="service-list">
 +
                <div class="service-list-col1">
 +
                    <i class="fa-paw"></i>
 +
                    </div>
 +
                <div class="service-list-col2">
 +
                        <h2>safety</h2>
 +
                        <p>Bio-safety is the prevention of large-scale loss of biological integrity, focusing both on ecology and human health. These prevention mechanisms include conduction of regular reviews of the bio-safety in laboratory settings, as well as strict guidelines to follow. </p>
 +
                        <br>
 +
                        <a href="https://2015.igem.org/Team:FAFU-CHINA/Safety">MORE</a>
 +
                        <br>
 +
                        <h1> Organisms we used :</h1>
 +
                    </div>
 +
                </div>
 +
                            </div>
 +
            <figure class="col-lg-8 col-sm-6  text-right wow fadeInUp delay-02s">
 +
            <img src="https://static.igem.org/mediawiki/2015/4/45/Fafu_safety.png" alt="">
 +
            </figure>
 +
       
 +
        </div>
 +
</div>
 +
</section><!--main-section-end-->
 +
 
 +
 
 +
 
 +
<section class="main-section alabaster"><!--main-section alabaster-start-->
 +
<div class="container">
 +
    <div class="row">
 +
 
 +
<figure class="col-lg-5 col-sm-4 wow fadeInLeft">
 +
            <img src="https://static.igem.org/mediawiki/2015/b/b8/FAFU-CHINA_improvement_part.png"
 +
 
 +
alt="">
 +
            </figure>
 +
<figure class="col-lg-5 col-sm-4 wow fadeInLeft">
 +
            <img  src="https://static.igem.org/mediawiki/2015/3/34/FAFU-CHINA_NEW_PART.png" alt="">
 +
            </figure></p>
 +
 
 +
        </div>
 +
</div>
 +
</section><!--main-section alabaster-end-->
 +
 
 +
 
 +
 
 +
 
 +
<!------------------此处移除1-------------->
 +
 
 +
<section class="main-section client-part" id="client"><!--main-section client-part-start-->
 +
<div class="container">
 +
 
 +
    <div class="row">
 +
        <div class="col-lg-12">
 +
            <a href=" https://2015.igem.org/Team:FAFU-CHINA/Attributions"><p class="client-part-haead wow fadeInDown delay-05">Without everyone's participation,our igem team would still be a plan....</p></a>
 +
          </div>
 +
          </div>
 +
<style>
 +
p1{color:white;}
 +
</style>
 +
    <ul class="client wow fadeIn delay-05s">
 +
        <li><a href="#">
 +
            <img src="https://static.igem.org/mediawiki/2015/a/a4/Fafu_aaa.jpg" alt="">
 +
                <h1><p1>ATTRIBUTIONS</p1></h1>
 +
            </a></li>
 +
        </ul>
 +
    </div>
 +
</section><!--main-section client-part-end-->
 +
<div class="c-logo-part"><!--c-logo-part-start-->
 +
<div class="container">
 +
    <ul>
 +
 
 +
    </ul>
 +
</div>
 +
</div><!--c-logo-part-end-->
 +
<section class="main-section team" id="team"><!--main-section team-start-->
 +
<div class="container">
 +
        <div class="rightbxti"><a href="https://2015.igem.org/Team:FAFU-CHINA/Team"><h2>Team</h2></a></div>
 +
 
 +
 
 +
        <div class="team-leader-block clearfix">
 +
          <div style="border-left:400px;" class="team-leader-box">
 +
                <div style="border-left:400px;" class="team-leader wow fadeInDown delay-09s">
 +
                    <div style="border-left:400px;" class="team-leader-shadow"><a href="#"></a></div>
 +
                    <img src="https://static.igem.org/mediawiki/2015/7/7d/FAFU-CHINA_Team_members_%2811%29.png" alt="">
 +
                    <ul>
 +
                        <li><a href="#" class="fa-twitter"></a></li>
 +
                        <li><a href="#" class="fa-facebook"></a></li>
 +
                        <li><a href="#" class="fa-pinterest"></a></li>
 +
                        <li><a href="#" class="fa-google-plus"></a></li>
 +
                    </ul>
 +
                </div>
 +
                <h3 class="wow fadeInDown delay-09s">Xiaolei Huang</h3>
 +
                <span class="wow fadeInDown delay-09s">Instructor</span>
 +
          </div>
 +
 
 +
<!-->
 +
        </div>
 +
        <div class="team-leader-block clearfix">
 +
            <div class="team-leader-box">
 +
                <div class="team-leader wow fadeInDown delay-03s">
 +
                    <div class="team-leader-shadow"><a href="#"></a></div>
 +
                    <img src="https://static.igem.org/mediawiki/2015/9/93/FAFU-CHINA_Team_members_%2815%29.png " alt="">
 +
                    <ul>
 +
                        <li><a href="#" class="fa-twitter"></a></li>
 +
                        <li><a href="#" class="fa-facebook"></a></li>
 +
                        <li><a href="#" class="fa-pinterest"></a></li>
 +
                        <li><a href="#" class="fa-google-plus"></a></li>
 +
                    </ul>
 +
                </div>
 +
                <h3 class="wow fadeInDown delay-03s">Zujian Wu</h3>
 +
                <span class="wow fadeInDown delay-03s">Advisor</span>
 +
 
 +
            </div>
 +
         
 +
            <div 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>
 +
            <div class="team-leader-box">
 +
                <div class="team-leader  wow fadeInDown delay-06s">
 +
                    <div class="team-leader-shadow"><a href="#"></a></div>
 +
                    <img src="https://static.igem.org/mediawiki/2015/2/21/FAFU-CHINA_Team_members_%2813%29.png" alt="">
 +
                    <ul>
 +
                        <li><a href="#" class="fa-twitter"></a></li>
 +
                        <li><a href="#" class="fa-facebook"></a></li>
 +
                        <li><a href="#" class="fa-pinterest"></a></li>
 +
                        <li><a href="#" class="fa-google-plus"></a></li>
 +
                    </ul>
 +
                </div>
 +
                <h3 class="wow fadeInDown delay-06s">Bingfeng Zhou</h3>
 +
                <span class="wow fadeInDown delay-06s">Advisor</span>
 +
 
 +
            </div>
 +
 
 +
            <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/05/FAFU-CHINA_Team_members_%285%29.png "">
 +
                    <ul>
 +
                        <li><a href="#" class="fa-twitter"></a></li>
 +
                        <li><a href="#" class="fa-facebook"></a></li>
 +
                        <li><a href="#" class="fa-pinterest"></a></li>
 +
                        <li><a href="#" class="fa-google-plus"></a></li>
 +
                    </ul>
 +
                </div>
 +
                <h3 class="wow fadeInDown delay-03s">Penny</h3>
 +
                <span class="wow fadeInDown delay-03s">Advisor</span>
 +
 
 +
            </div>
 +
            <div class="team-leader-box">
 +
                <div class="team-leader  wow fadeInDown delay-06s">
 +
                    <div class="team-leader-shadow"><a href="#"></a></div>
 +
                    <img src="https://static.igem.org/mediawiki/2015/0/02/FAFU-CHINA_Team_members_%2816%29.jpg" alt="">
 +
                    <ul>
 +
                        <li><a href="#" class="fa-twitter"></a></li>
 +
                        <li><a href="#" class="fa-facebook"></a></li>
 +
                        <li><a href="#" class="fa-pinterest"></a></li>
 +
                        <li><a href="#" class="fa-google-plus"></a></li>
 +
                    </ul>
 +
                </div>
 +
                <h3 class="wow fadeInDown delay-06s">Wenxu Wu</h3>
 +
                <span class="wow fadeInDown delay-06s">Web Advisor</span>
 +
 
 +
            </div>
 +
            <div class="team-leader-box">
 +
                <div class="team-leader wow fadeInDown delay-09s">
 +
                    <div class="team-leader-shadow"><a href="#"></a></div>
 +
                    <img src="https://static.igem.org/mediawiki/2015/0/0d/FAFU-CHINA_Team_members_%2812%29.jpg" alt="">
 +
                    <ul>
 +
                        <li><a href="#" class="fa-twitter"></a></li>
 +
                        <li><a href="#" class="fa-facebook"></a></li>
 +
                        <li><a href="#" class="fa-pinterest"></a></li>
 +
                        <li><a href="#" class="fa-google-plus"></a></li>
 +
                    </ul>
 +
                </div>
 +
                <h3 class="wow fadeInDown delay-09s">Mucheng Cai</h3>
 +
                <span class="wow fadeInDown delay-09s">Dry Lab</span>
 +
 
 +
            </div>
 +
        </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>
  
<section id="about" class="templatemo-section">
 
<div class="container">
 
<div class="row">
 
<div class="col-lg-6 col-md-6">
 
<div class="templatemo-content-box text-right">
 
<h2 class="templatemo-brown">
 
<span class="templatemo-section-title">Meet Our</span>
 
<span class="templatemo-section-title">Creative <span class="templatemo-gold"><strong>Team</strong></span></span>
 
</h2>
 
<p class="margin-top-30">Lorem quis bibendum auctor, nisi elit consequat ipsum, nec sagittis sem nibh id elit.
 
Duis sed odio sit amet nibh vulputate cursus a sit amet mauris. Morbi accumsan ipsum velit. Nam nec tellus a odio tincidunt auctor a ornare odio.</p>
 
<p>Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Mauris in erat justo. Nullam ac urna eu felis dapibus condimentum sit amet a augue. Proin condimentum fermentum nunc. Suspendisse in orci enim.</p>
 
</div>
 
</div>
 
<div class="col-lg-6 col-md-6">
 
<div class="templatemo-flex-center templatemo-black-bg">
 
<div class="templatemo-flex-center templatemo-brown-rectangle-bg">
 
<div class="jcarousel-wrapper templatemo-team">
 
<div class="jcarousel">
 
    <ul>
 
        <li>
 
        <div class="text-center templatemo-team-member-container">
 
        <div class="templatemo-member-img-container">
 
        <img src="images/team-img-frame.png" alt="Team img frame" class="templatemo-img-frame">
 
        <img src="images/team-member-1.jpg" alt="Team Member 1" class="tm-team-member-img">
 
        </div>        
 
<h3 class="tm-team-member-title templatemo-gold text-uppercase margin-top-15">Aenean sollicitudin</h3>
 
<img src="images/underline.png" alt="Underline" class="margin-top-15 img-responsive center-block">
 
<p class="margin-top-15">Ribendum auctor, nisi elit consequat ipsum, nec sagittis sem nibh id elit.</p>
 
<p class="templatemo-brown text-uppercase">Duised odio</p>
 
</div>
 
        </li>
 
        <li>
 
        <div class="text-center templatemo-team-member-container">
 
        <div class="templatemo-member-img-container">
 
        <img src="images/team-img-frame.png" alt="Team img frame" class="templatemo-img-frame">
 
<img src="images/team-member-2.jpg" alt="Team Member 2" class="img-circle tm-team-member-img">
 
</div>
 
<h3 class="tm-team-member-title templatemo-gold text-uppercase margin-top-15">Ribendum auctor</h3>
 
<img src="images/underline.png" alt="Underline" class="margin-top-15">
 
<p class="margin-top-15">Aenean sollicitudin, nisi elit consequat ipsum, nec sagittis sem nibh id elit.</p>
 
<p class="templatemo-brown text-uppercase">Nisi elit</p>
 
</div>        
 
        </li>
 
        <li>
 
        <div class="text-center templatemo-team-member-container">
 
        <div class="templatemo-member-img-container">
 
        <img src="images/team-img-frame.png" alt="Team img frame" class="templatemo-img-frame">
 
<img src="images/team-member-3.jpg" alt="Team Member 3" class="img-circle tm-team-member-img">
 
</div>
 
<h3 class="tm-team-member-title templatemo-gold text-uppercase margin-top-15">sagittis sem</h3>
 
<img src="images/underline.png" alt="Underline" class="margin-top-15">
 
<p class="margin-top-15">Ribendum auctornisi elit consequat ipsum, nisi elit sem nibh id elit.</p>
 
<p class="templatemo-brown text-uppercase">Nec sagittis</p>
 
</div>        
 
        </li>
 
    </ul>
 
</div>
 
<a href="#" class="jcarousel-control-prev inactive">&lsaquo;</a>
 
                <a href="#" class="jcarousel-control-next">&rsaquo;</a>
 
</div>
 
</div>
 
</div>
 
</div>
 
</div>
 
</div>
 
</section>
 
<section id="services" class="templatemo-section">
 
<div class="container">
 
<div class="row">
 
<div class="col-lg-6 col-md-6">
 
<div class="templatemo-flex-center templatemo-black-bg text-center">
 
<div class="templatemo-flex-center templatemo-brown-rectangle-bg">
 
<div class="templatemo-flex-item-ie-fix padding-30">
 
<h2 class="templatemo-gold">Our Plans</h2>
 
<div class="templatemo-service-container margin-top-15">
 
<img src="images/plan-1.png" alt="Plan 1" class="templatemo-service-image">
 
<div class="templatemo-service-content text-left">
 
<h3 class="templatemo-service-title templatemo-brown">duis sed odio sit amet</h3>
 
<p class="templatemo-service-description">Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum, nec sagittis sem nibh id elit.</p>
 
</div>
 
</div>
 
<div class="templatemo-service-container">
 
<img src="images/plan-2.png" alt="Plan 2" class="templatemo-service-image">
 
<div class="templatemo-service-content text-left">
 
<h3 class="templatemo-service-title templatemo-brown">sagittis sem nibhd</h3>
 
<p class="templatemo-service-description">Morbi accumsan ipsum velit. Nam nec tellus a odio tincidunt auctor a ornare odio. Sed non  mauris vitae erat.</p>
 
</div>
 
</div>
 
<div class="templatemo-service-container">
 
<img src="images/plan-3.png" alt="Plan 3" class="templatemo-service-image">
 
<div class="templatemo-service-content text-left">
 
<h3 class="templatemo-service-title templatemo-brown">duis sed odio sit amet</h3>
 
<p class="templatemo-service-description">Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum, nec sagittis sem nibh id elit.</p>
 
</div>
 
</div>
 
</div>
 
</div>
 
</div>
 
</div>
 
<div class="col-lg-6 col-md-6">
 
<div class="templatemo-content-box templatemo-second-box">
 
<h2 class="templatemo-brown">
 
<span class="templatemo-section-title">Powerful</span>
 
<span class="templatemo-section-title">Creative <span class="templatemo-gold"><strong>Design</strong></span></span>
 
</h2>
 
<p class="margin-top-30">Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudinl
 
dorem quis bibendum auctor, nisi elit consequat ipsum, nec sagit. tis</p>
 
</div>
 
</div>
 
</div>
 
</div>
 
</section>
 
<section id="products" class="templatemo-section">
 
<div class="container">
 
<div class="row">
 
<div class="col-lg-6 col-md-6">
 
<div class="templatemo-content-box text-right">
 
<h2 class="templatemo-brown">
 
<span class="templatemo-section-title">The Best</span>
 
<span class="templatemo-section-title">Quality <span class="templatemo-gold"><strong>Products</strong></span></span>
 
</h2>
 
<p class="margin-top-30">Duis sed odio sit amet nibh vulputate cursus a sit amet mauris. Morbi accumsan ipsum velit. Nam nec tellus a odio tincidunt auctor a ornare odio. Sed non  mauris vitae erat consequat auctor eu in elit.</p>
 
</div>
 
</div>
 
<div class="col-lg-6 col-md-6">
 
<div class="templatemo-flex-center templatemo-black-bg">
 
<div class="templatemo-flex-center templatemo-brown-rectangle-bg">
 
<div class="jcarousel-wrapper templatemo-products">
 
<div class="jcarousel">
 
    <ul>
 
        <li>
 
        <div class="templatemo-product-container text-center">
 
<h3 class="templatemo-gold">Product Name</h3>
 
<img src="images/product-1.png" alt="Product 1" class="templatemo-product-img">
 
</div>
 
        </li>
 
        <li>
 
        <div class="templatemo-product-container text-center">
 
<h3 class="templatemo-gold">Smart Phone</h3>
 
<img src="images/product-2.png" alt="Product 2" class="templatemo-product-img">
 
</div>        
 
        </li>
 
        <li>
 
        <div class="templatemo-product-container text-center">
 
<h3 class="templatemo-gold">Cogs</h3>
 
<img src="images/product-3.png" alt="Product 3" class="templatemo-product-img">
 
</div>        
 
        </li>
 
    </ul>
 
</div>
 
<a href="#" class="jcarousel-control-prev inactive">&lsaquo;</a>
 
                <a href="#" class="jcarousel-control-next">&rsaquo;</a>
 
</div>
 
</div>
 
</div>
 
</div>
 
</div>
 
</div>
 
</section>
 
<section id="contact" class="templatemo-section">
 
<div class="container">
 
<div class="row">
 
<div class="col-lg-6 col-md-6">
 
<div class="templatemo-flex-center templatemo-black-bg">
 
<form action="#" method="post">
 
<div class="tm-contact-form">
 
                <div class="form-group">
 
                    <input type="text" id="contact_name" class="form-control" placeholder="Name..." />
 
                </div>
 
                <div class="form-group">
 
                    <input type="email" id="contact_email" class="form-control" placeholder="Email..." />
 
                </div>
 
                <div class="form-group">
 
                    <input type="text" id="contact_subject" class="form-control" placeholder="Subject..." />
 
                </div>
 
                <div class="form-group">
 
                    <textarea id="contact_message" class="form-control" rows="8" placeholder="Message..."></textarea>
 
                </div>
 
                </div>
 
                <button type="submit" class="btn text-uppercase templatemo-btn templatemo-send-btn">Send</button>
 
            </form>
 
</div>
 
</div>
 
<div class="col-lg-6 col-md-6">
 
<div class="templatemo-content-box templatemo-second-box">
 
<h2 class="templatemo-brown">Get In <span class="templatemo-gold">Touch</span></h2>
 
<p class="margin-top-30">Duis sed odio sit amet nibh vulputate cursus a sit amet mauris. Morbi accumsan ipsum velit. Nam nec tellus a odio tincidunt auctor a ornare odio nisi elit consequat ipsum, nec sagittis sem nibh id elit. . </p>
 
<div>
 
<img src="images/social-icons.png" alt="Social icons" class="templatemo-social-icons-img">
 
<a href="http://www.facebook.com"><div id="facebook" class="templatemo-social-icon"></div></a>
 
<a href="http://www.twitter.com"><div id="twitter" class="templatemo-social-icon"></div></a>
 
<a href="http://plus.google.com"><div id="google" class="templatemo-social-icon"></div></a>
 
<a href="http://www.vimeo.com"><div id="vimeo" class="templatemo-social-icon"></div></a>
 
<a href="http://www.flickr.com"><div id="flickr" class="templatemo-social-icon"></div></a>
 
</div>
 
</div>
 
</div>
 
</div>
 
</div>
 
</section>
 
<footer class="container margin-top-30"></footer>
 
<script src="js/jquery-1.11.1.min.js"></script>
 
<script src="js/jquery.jcarousel.min.js"></script>
 
<script src="js/templatemo_script.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 :

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