Difference between revisions of "Template:FAFU CHINA/try"

 
(46 intermediate revisions by 2 users not shown)
Line 1: Line 1:
−
<html xmlns="http://www.w3.org/1999/xhtml">
+
<html>
−
 
+
 
<head>
 
<head>
 +
<meta charset="utf-8">
 +
<meta name="viewport" content="width=device-width, maximum-scale=1">
 +
<title>Homepage</title>
 +
<link rel="icon" href="https://static.igem.org/mediawiki/2015/1/19/Fafu_favicon.png" type="image/png">
 +
<link rel="shortcut icon" href="favicon.ico" type="img/x-icon">
  
−
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+
<link rel="stylesheet" type="text/css" href="https://2015.igem.org/Template:FAFU_CHINA/wailian/css/Montserrat?action=raw&amp;ctype=text/css" />
 +
<link rel="stylesheet" type="text/css" href="https://2015.igem.org/Template:FAFU_CHINA/wailian/css/Open-Sans?action=raw&amp;ctype=text/css" />
  
−
<title>Aomy</title>
+
<link rel="stylesheet" href="https://2015.igem.org/Template:FAFU_CHINA/css/homecss?action=raw&amp;ctype=text/css" type="text/css" />
  
−
<script type="text/javascript" src="https://igem.org/common/jquery-1.11.1.min.js?action=raw&amp;ctype=text/javascript"></script>
+
<link rel="stylesheet" type="text/css" href="https://2015.igem.org/Template:FAFU_CHINA/index2/css/bootstrap?
  
−
<link rel="stylesheet" type="text/css" href="https://2015.igem.org/Template:Amoy/css/BootstrapCss?action=raw&amp;ctype=text/css" />
+
action=raw&amp;ctype=text/css" />
 +
<link rel="stylesheet" type="text/css" href="https://2015.igem.org/Template:FAFU_CHINA/index2/css/style?
  
−
<link rel="stylesheet" href="https://2015.igem.org/Template:Amoy/css/ScrollStyle?action=raw&amp;ctype=text/css" type="text/css" media="screen" />
+
action=raw&amp;ctype=text/css" />
 +
<link rel="stylesheet" type="text/css" href="https://2015.igem.org/Template:FAFU_CHINA/index2/css/stylesheet?
  
−
<link rel="stylesheet" href="https://2015.igem.org/Template:Amoy/css/HomeCss?action=raw&amp;ctype=text/css" type="text/css" />
+
action=raw&amp;ctype=text/css" />
 +
<link rel="stylesheet" type="text/css" href="https://2015.igem.org/Template:FAFU_CHINA/index2/css/font-awesome?
  
−
<link rel="stylesheet" type="text/css" href="https://2015.igem.org/Template:Amoy/css/HomeMenuCss?action=raw&amp;ctype=text/css" />
+
action=raw&amp;ctype=text/css" />
 +
<link rel="stylesheet" type="text/css" href="https://2015.igem.org/Template:FAFU_CHINA/index2/css/responsive?
  
−
<script type="text/javascript" src="https://2015.igem.org/Template:Amoy/Javascript/HomeMenuJs?action=raw&amp;ctype=text/javascript"></script>
+
action=raw&amp;ctype=text/css" />
−
</head>
+
<link rel="stylesheet" type="text/css" href="https://2015.igem.org/Template:FAFU_CHINA/index2/css/animate?
  
−
<body>
+
action=raw&amp;ctype=text/css" />
  
−
<!-- up -->
+
<!--[if IE]><style type="text/css">.pie {behavior:url(PIE.htc);}</style><![endif]-->
  
−
<a style="width:50px; height:50px; position:fixed; right:30px; bottom:30px; z-index:9999; display:none; background:url(https://static.igem.org/mediawiki/2015/c/c1/Amoy-Home_Up_pic.gif) no-repeat center center #147abc;"  href="javascript:;" class="lanrenzhijia_top"></a>
+
<script type="text/javascript"  
  
−
<script>
+
src="http://https://2015.igem.org/Template:FAFU_CHINA/index2/js/jquery-1-8-3-min?action=raw&amp;ctype=text/javascript"></script>
−
$(function(){
+
<script type="text/javascript" src="https://2015.igem.org/Template:FAFU_CHINA/index2/js/bootstrap?action=raw&amp;ctype=text/javascript"></script>
−
$(window).scroll(function(){
+
<script type="text/javascript" src="https://2015.igem.org/Template:FAFU_CHINA/index2/js/jquery-scrolltofixed?action=raw&amp;ctype=text/javascript"></script>
−
var _top = $(window).scrollTop();
+
<script type="text/javascript"
−
if(_top>300){
+
−
$('.lanrenzhijia_top').fadeIn(600);
+
−
}else{
+
−
$('.lanrenzhijia_top').fadeOut(600);
+
−
}
+
−
});
+
−
$(".lanrenzhijia_top").click(function(){
+
−
$("html,body").animate({scrollTop:0},400);
+
−
});
+
−
});
+
−
</script>
+
  
 +
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"
  
−
<!-- skip -->
+
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>
  
−
<a class="down" href="javascript:;">
 
−
<div style="position: fixed; margin-top: 40px; margin-left: 20px; width: 50px; height: 30px; background: #147abc; z-index: 999; text-align: center;">
 
−
<p style="color: #fff">Skip</p>
 
−
</div>
 
−
</a>
 
  
−
<script>
+
<!--[if lt IE 9]>
−
$(function(){
+
    <script src="https://2015.igem.org/Template:FAFU_CHINA/index2/js/respond-1-1-0-min?action=raw&amp;ctype=text/javascript"></script>
−
$(".down").click(function(){
+
    <script src="https://2015.igem.org/Template:FAFU_CHINA/index2/js/html5shiv?action=raw&amp;ctype=text/javascript"></script>
−
$("html,body").animate({scrollTop:$('#menu').offset().top},400);
+
    <script src="https://2015.igem.org/Template:FAFU_CHINA/index2/js/html5element?action=raw&amp;ctype=text/javascript"></script>
−
});
+
<![endif]-->
−
});
+
−
</script>
+
  
−
<!--Scroll-->
 
  
−
<div style="position:relative; margin-top: -40px; width: 100%; overflow: hidden;" class="slideshow grid_12">
+
</head>
−
<div class="holder">
+
<body>
 +
<div style="overflow:hidden;">
  
−
<div id="wowslider-container">
 
  
−
<!--Scroll pic-->
 
−
<div class="ws_images">
 
−
<ul>
 
−
<li><a href="#"><img src="https://static.igem.org/mediawiki/2015/f/fa/Amoy-Home_Scroll_bg1.jpg" alt="123" title="" /></a></li>
 
−
<li><a href="#"><img src="https://static.igem.org/mediawiki/2015/e/eb/Amoy-Home_pic1.JPG" alt="456" title="" /></a></li>
 
−
<li><a href="#"><img src="https://static.igem.org/mediawiki/2015/2/22/Amoy-Home_pic3.jpg" alt="789" title="" /></a></li>
 
−
</ul>
 
−
</div>
 
  
−
<!--little pic-->
+
 
−
<div class="ws_bullets">
+
<header class="header" id="header"><!--header-start-->
−
<div>
+
<div class="container">
−
<a href="#"><img src="https://static.igem.org/mediawiki/2015/a/a8/Amoy-Home_pic0_s.jpg" alt="CSS3 Slider" /></a>
+
    <figure class="logo animated fadeInDown delay-07s">
−
<a href="#"><img src="https://static.igem.org/mediawiki/2015/0/0c/Amoy-Home_pic1_s.jpg" alt="CSS Slideshow" /></a>
+
        <a href="#"><img src="https://static.igem.org/mediawiki/2015/b/b7/FAFU-CHINA_Silencer_new.png" alt=""></a>
−
<a href="#"><img src="https://static.igem.org/mediawiki/2015/3/3e/Amoy-Home_pic3_s.jpg" alt="CSS Gallery" /></a>
+
        </figure>
−
</div>
+
        <h1 class="animated fadeInDown delay-07s">Welcome To FAFU-CHINA iGEM</h1>
−
</div>
+
        <ul class="we-create animated fadeInUp delay-1s">
 +
        <li style=“color:#ffffff;font-size:36px;”>CSBV.Silencer</li>
 +
        </ul>
 +
        <br>
 +
            <a class="link animated fadeInUp delay-1s" href="#">Get Started</a>
 +
    </div>
 
</div>
 
</div>
 +
</header><!--header-end-->
  
−
<script type="text/javascript" src="https://2015.igem.org/Template:Amoy/js/ScrollWowslider?action=raw&amp;ctype=text/javascript"></script>
 
−
<script type="text/javascript" src="https://2015.igem.org/Template:Amoy/Javascript/ScrollScript?action=raw&amp;ctype=text/javascript"></script>
 
  
−
</div>
+
<nav class="main-nav-outer" id="test"><!--main-nav-start-->
−
</div>
+
<div class="container">
 +
        <ul class="main-nav">
 +
        <li><a href="#header">Home</a></li>
 +
                <li><a href="#Attributions">Attributions</a></li>
 +
                <li><a href="#team">Team</a></li>
 +
                <li><a href="#Human practice ">Human practice</a></li>
 +
                <li class="small-logo"><a href="#header"><img src="https://static.igem.org/mediawiki/2015/1/13/Fafu_small_logo.png" alt=""></a></li>
 +
            <li><a href="#Project">Project</a></li>
 +
            <li><a href="#Parts">Parts</a></li>
 +
            <li><a href="#Safety">Safety</a></li>
 +
         
 +
         
 +
            <li><a href="#Collaboration">Collaboration</a></li>
 +
        </ul>
 +
<a class="res-nav_click" href="#"><i class="fa-bars">BACK TO HOME</i></a>
 +
    </div>
 +
</nav><!--main-nav-end-->
  
−
<!--Main Content-->
 
  
−
<div class="content">
+
<section class="main-section paddind" id="Portfolio"><!--main-section-start-->
 +
<div class="container">
 +
    <h2>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="#"><img src="https://static.igem.org/mediawiki/2015/2/29/FAFU-CHINA_Small_logo_%283%29.png"
  
−
<!--title_circuits-->
+
alt=""></a>
−
<div style="padding-top: 10px; padding-bottom: 10px;">
+
               
−
<img style="width: 80%; margin-left: 10%;" src="https://static.igem.org/mediawiki/2015/1/14/Amoy-Home_Title_pic1.png"/>
+
                    <p>Design</p>
−
</div>
+
                </div>
 +
                <div class="Portfolio-box webdesign">
 +
                <a href="#"><img src="https://static.igem.org/mediawiki/2015/3/3c/FAFU-CHINA_Small_logo_%285%29.png"  
  
−
<!--bg_circuits-->
+
alt=""></a>
−
<div style="background-image: url(https://static.igem.org/mediawiki/2015/4/4d/Amoy-Home_Content_bg1.jpg); min-height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center center; top: -700px; height: 750px; background-attachment: fixed;">
+
               
−
<div id="video_button" style="background-image: url(https://static.igem.org/mediawiki/2015/1/16/Amoy-Home_Content_button0.png); min-height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center center; top: -700px; height: 750px; background-attachment: fixed; cursor: url(https://static.igem.org/mediawiki/2015/0/01/Amoy-Cursor_figure.png), move;">
+
                    <p>Meeting</p>
−
</div>
+
                </div>
 +
                <div class=" Portfolio-box branding">
 +
                <a href="#"><img src="https://static.igem.org/mediawiki/2015/b/bf/FAFU-CHINA_Small_logo_%286%29.png"  
  
−
<div id="video_out" style="background-color: #fff; display: none; position: fixed; top: 0; right: 0; bottom: 0; left: 0; margin: 0; box-sizing: border-box; width: 100%; height: 100%; object-fit: contain; z-index: 9991;">
+
alt=""></a>
−
<video id="video_mp4" src="https://static.igem.org/mediawiki/2015/3/31/Amoy-Home_Video.mp4" controls style="width: 80%; height: 100%; margin-right: 10%; float: right;"></video>
+
               
−
<button id="video_back" style="display: none; position: fixed; width: 70px; height: 50px; border-radius: 10px; background-color: #147abc; color: #fff; border: 0px; margin-top: 30px; margin-left: 1%;">Back</button>
+
                    <p>Notebook</p>
−
</div>
+
                </div>
 +
                <div class=" Portfolio-box photography" >
 +
                <a href="#"><img src="https://static.igem.org/mediawiki/2015/0/06/FAFU-CHINA_Small_logo_%288%29.png"  
  
−
</div>
+
alt=""></a>
 +
               
 +
                    <p>Protocol</p>
 +
                </div>
 +
                <div class=" Portfolio-box branding">
 +
                <a href="#"><img src="https://static.igem.org/mediawiki/2015/6/65/FAFU-CHINA_Small_logo_%289%29.png"
  
−
<script type="text/javascript">
+
alt=""></a>
−
document.getElementById("video_button").onclick=function(){
+
               
−
  document.getElementById("video_out").style.display="inline-block";
+
                    <p>Result</p>
−
  document.getElementById("video_back").style.display="inline-block";
+
                </div>
−
}
+
                <div class=" Portfolio-box photography">
−
</script>
+
                <a href="#"><img src="https://static.igem.org/mediawiki/2015/0/0f/FAFU-CHINA_Small_logo_%2812%29.png"  
  
−
<script type="text/javascript">
+
alt=""></a>
−
document.getElementById("video_back").onclick=function(){
+
               
−
  document.getElementById("video_out").style.display="none";
+
                    <p>Theory</p>
−
  document.getElementById("video_back").style.display="none";
+
                </div>
−
}
+
    </div>
−
</script>
+
</section><!--main-section-end-->
  
−
<!--title_result-->
+
<section class="main-section" id="service"><!--main-section-start-->
−
<div style="background: #fff; width: 100%; overflow: hidden">
+
<div class="container">
−
<a href="https://2015.igem.org/Team:Amoy/Project/Results"><img style="display: inline-block; float: left; margin-left: 4%; width: 44%;" src="https://static.igem.org/mediawiki/2015/a/a0/Amoy-Home_Title_word3.png" /></a>
+
            <div class="row">
−
<img style="display: inline-block; float: right; margin-right: 4%; width: 44%;" src="https://static.igem.org/mediawiki/2015/8/8e/Amoy-Home_Title_pic3.png" />
+
              <div class="col-lg-12 col-sm-12 wow fadeInLeft delay-05s">
−
</div>
+
                          <h2>Safety & Part</h2>
 +
    <h6>We offer exceptional service with complimentary hugs.</h6>
 +
                </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>The chassis organisms we used for this project:</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-->
  
−
<!--bg_experiment-->
 
−
<div style="background-image: url(https://static.igem.org/mediawiki/2015/d/d2/Amoy-Home_Content_bg23.jpg); min-height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center center; top: -700px; height: 800px; background-attachment: fixed;">
 
−
</div>
 
−
<!--https://static.igem.org/mediawiki/2015/a/a4/Amoy-Home_Content_bg2.jpg-->
 
  
−
<!--title_experiment-->
 
  
−
<div style="background: #fff; width: 100%; height: 524px; ">
+
<section class="main-section alabaster"><!--main-section alabaster-start-->
−
<div style="position: relative; width: 100%; height: 524px; margin: 0 auto;">
+
<div class="container">
−
<div style="position: absolute; right: 3%; width: 41.66667%;">
+
    <div class="row">
−
<a href="https://2015.igem.org/Team:Amoy/Notebook"><img style="width: 100%;" src="https://static.igem.org/mediawiki/2015/3/37/Amoy-Home_Title_word2.png" /></a>
+
−
</div>
+
−
<div>
+
−
<img style="position: absolute; left: 3%; bottom: 0; width: 50%;" src="https://static.igem.org/mediawiki/2015/1/10/Amoy-Home_Title_pic2.png" />
+
−
</div>
+
−
</div>
+
−
</div>
+
  
−
<!--bg_result-->
+
<figure class="col-lg-5 col-sm-4 wow fadeInLeft">
−
<div style="background-image: url(https://static.igem.org/mediawiki/2015/4/49/Amoy-Home_Content_bg22.jpg); min-height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center center; top: -700px; height: 750px; background-attachment: fixed;">
+
            <img  src="https://static.igem.org/mediawiki/2015/b/b8/FAFU-CHINA_improvement_part.png"  
−
</div>
+
  
−
<!--main_menu-->
+
alt="">
−
<div id="menu" style="background: #fff; width: 100%; overflow: hidden">
+
            </figure>
−
<img style="display: inline-block; float: right; margin-right: 1%; width: 40%;" src="https://static.igem.org/mediawiki/2015/b/bb/Amoy-Home_Title_word4.png" />
+
<figure class="col-lg-5 col-sm-4 wow fadeInLeft">
−
<!--pic-->
+
            <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-->
  
−
<!--menu_pic-->
 
  
−
<div id="function" style="width: 58%; padding-bottom: 50px; float: left; display: inline-block; background-image: url(https://static.igem.org/mediawiki/2015/4/4a/Amoy-Home_Title_pic4.png); background-size: cover; background-repeat: no-repeat; background-position-y: 20px; min-height: 500px;">
 
−
            <div class="content-container">
 
−
                <div id="portfolio-content" class="center-text">
 
−
                    <div class="portfolio-page" id="page-1">
 
  
−
                        <div class="portfolio-group">
 
−
                            <a class="portfolio-item" href="https://2015.igem.org/Team:Amoy/Team">
 
−
                                <img src="https://static.igem.org/mediawiki/2015/e/e4/Amoy-Home_Menu_func_team.jpg" />
 
−
                                <div class="detail">
 
−
                                    <h1 class="funch">Team</h1>
 
−
                                </div>
 
−
                            </a>
 
−
                        </div>
 
  
−
                        <div class="portfolio-group">
+
<!------------------此处移除1-------------->
−
                            <a class="portfolio-item" href="https://2015.igem.org/Team:Amoy/Project">
+
−
                                <img src="https://static.igem.org/mediawiki/2015/e/ea/Amoy-Home_Menu_func_project.jpg" />
+
−
                                <div class="detail">
+
−
                                    <h1 class="funch">Project</h1>
+
−
                                </div>
+
−
                            </a>
+
−
                        </div>
+
  
−
                        <div class="portfolio-group">
+
<section class="main-section client-part" id="client"><!--main-section client-part-start-->
−
                            <a class="portfolio-item" href="https://2015.igem.org/Team:Amoy/Notebook">
+
<div class="container">
−
                                <img src="https://static.igem.org/mediawiki/2015/e/e9/Amoy-Home_Menu_func1.jpg" />
+
−
                                <div class="detail">
+
−
                                    <h1 class="funch">Notebook</h1>
+
−
                                </div>
+
−
                            </a>
+
−
                        </div>
+
  
−
                        <div class="portfolio-group">
+
    <div class="row">
−
                            <a class="portfolio-item" href="https://2015.igem.org/Team:Amoy/Interlab">
+
        <div class="col-lg-12">
−
                                <img src="https://static.igem.org/mediawiki/2015/2/20/Amoy-Home_Menu_func_interlab.jpg" />
+
            <a href=" https://2015.igem.org/Team:FAFU-CHINA/Part"><p class="client-part-haead wow fadeInDown delay-05">We didn’t know iGEM until April, 2015, which means that it’s our first time to attend iGEM. Because of the narrow schedule, Dai Ruicheng and Lu Junhao tried their best to get fund supports from school and College of Plant Protection. And we are very grateful to receive the first fund support from our vice-president Lin Wenxiong. Meanwhile, we are very thankful to get help from deputy director Li Xiuhui. What’s more, our English teacher Penny offered potential help to solve the problem about fund lacking. Without their enthusiastic help, our iGEM team would still be a plan....</p></a>
−
                                <div class="detail">
+
          </div>
−
                                    <h1 class="funch">Interlab</h1>
+
          </div>
−
                                </div>
+
<style>
−
                            </a>
+
p1{color:white;}
−
                        </div>
+
</style>
 +
    <ul class="client wow fadeIn delay-05s">
 +
        <li><a href="#">
 +
            <img src="https://static.igem.org/mediawiki/2015/1/1e/Fafu_client-pic1.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">
 +
        <h2>team</h2>
 +
        <h6>Take a closer look into our amazing team. We won’t bite.</h6>
 +
        <div class="team-leader-block clearfix">
 +
            <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/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-09s">Skyler white</h3>
 +
                <span class="wow fadeInDown delay-09s">Accountant</span>
 +
                <p class="wow fadeInDown delay-09s">Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  
−
                        <div class="portfolio-group">
+
Proin consequat sollicitudin cursus. Dolor sit amet, consectetur adipiscing elit proin consequat.</p>
−
                            <a class="portfolio-item" href="https://2015.igem.org/Team:Amoy/Newsletter">
+
            </div>
−
                                <img src="https://static.igem.org/mediawiki/2015/3/31/Amoy-Home_Menu_func_newsletter.jpg" />
+
        </div>
−
                                <div class="detail">
+
        <div class="team-leader-block clearfix">
−
                                    <h1 class="funch" style="margin-top: 45px;">News</br>letter</h1>
+
            <div class="team-leader-box">
−
                                </div>
+
                <div class="team-leader wow fadeInDown delay-03s">
−
                            </a>
+
                    <div class="team-leader-shadow"><a href="#"></a></div>
−
                        </div>
+
                    <img src="https://static.igem.org/mediawiki/2015/c/ce/FAFU-CHINA_Team_members_%2811%29.jpg" alt="">
−
                                             
+
                    <ul>
−
                         <div class="portfolio-group">
+
                        <li><a href="#" class="fa-twitter"></a></li>
−
                            <a class="portfolio-item" href="https://2015.igem.org/Team:Amoy/Practices">
+
                        <li><a href="#" class="fa-facebook"></a></li>
−
                                <img src="https://static.igem.org/mediawiki/2015/d/d6/Amoy-Home_Menu_func_practice.jpg" />
+
                         <li><a href="#" class="fa-pinterest"></a></li>
−
                                <div class="detail">
+
                        <li><a href="#" class="fa-google-plus"></a></li>
−
                                    <h1 class="funch">Practice</h1>
+
                    </ul>
−
                                </div>
+
                </div>
−
                            </a>
+
                <h3 class="wow fadeInDown delay-03s">Walter White</h3>
−
                        </div>
+
                <span class="wow fadeInDown delay-03s">Chief Executive Officer</span>
 +
                <p class="wow fadeInDown delay-03s">Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  
−
                        <div class="portfolio-group">
+
Proin consequat sollicitudin cursus. Dolor sit amet, consectetur adipiscing elit proin consequat.</p>
−
                            <a class="portfolio-item" href="https://2015.igem.org/Team:Amoy/Judging">
+
            </div>
−
                                <img src="https://static.igem.org/mediawiki/2015/c/c4/Amoy-Home_Menu_func_judging.jpg" />
+
         
−
                                <div class="detail">
+
            <div class="team-leader-box">
−
                                    <h1 class="funch">Judging</h1>
+
                <div class="team-leader wow fadeInDown delay-03s">
−
                                </div>
+
                    <div class="team-leader-shadow"><a href="#"></a></div>
−
                            </a>
+
                    <img src="https://static.igem.org/mediawiki/2015/5/56/FAFU-CHINA_Team_members_%281%29.jpg" alt="">
−
                         </div>
+
                    <ul>
 +
                        <li><a href="#" class="fa-twitter"></a></li>
 +
                        <li><a href="#" class="fa-facebook"></a></li>
 +
                        <li><a href="#" class="fa-pinterest"></a></li>
 +
                         <li><a href="#" class="fa-google-plus"></a></li>
 +
                    </ul>
 +
                </div>
 +
                <h3 class="wow fadeInDown delay-03s">Walter White</h3>
 +
                <span class="wow fadeInDown delay-03s">Chief Executive Officer</span>
 +
                <p class="wow fadeInDown delay-03s">Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  
−
                        <div class="portfolio-group">
+
Proin consequat sollicitudin cursus. Dolor sit amet, consectetur adipiscing elit proin consequat.</p>
−
                            <a class="portfolio-item" href="https://2015.igem.org/Team:Amoy/Safety">
+
            </div>
−
                                <img src="https://static.igem.org/mediawiki/2015/3/37/Amoy-Home_Menu_func_safety.jpg" />
+
            <div class="team-leader-box">
−
                                <div class="detail">
+
                <div class="team-leader  wow fadeInDown delay-06s">
−
                                    <h1 class="funch">Safety</h1>
+
                    <div class="team-leader-shadow"><a href="#"></a></div>
−
                                </div>
+
                    <img src="https://static.igem.org/mediawiki/2015/3/39/FAFU-CHINA_Team_members_%282%29.jpg" alt="">
−
                            </a>
+
                    <ul>
−
                         </div>
+
                        <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">Jesse Pinkman</h3>
 +
                <span class="wow fadeInDown delay-06s">Product Manager</span>
 +
                <p class="wow fadeInDown delay-06s">Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  
−
                     </div>
+
Proin consequat sollicitudin cursus. Dolor sit amet, consectetur adipiscing elit proin consequat.</p>
 +
            </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/2/22/FAFU-CHINA_Team_members_%284%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>
 
                 </div>
 +
                <h3 class="wow fadeInDown delay-03s">Walter White</h3>
 +
                <span class="wow fadeInDown delay-03s">Chief Executive Officer</span>
 +
                <p class="wow fadeInDown delay-03s">Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  
 +
Proin consequat sollicitudin cursus. Dolor sit amet, consectetur adipiscing elit proin consequat.</p>
 
             </div>
 
             </div>
 +
            <div class="team-leader-box">
 +
                <div class="team-leader  wow fadeInDown delay-06s">
 +
                    <div class="team-leader-shadow"><a href="#"></a></div>
 +
                    <img src="https://static.igem.org/mediawiki/2015/f/f9/FAFU-CHINA_Team_members_%286%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">Jesse Pinkman</h3>
 +
                <span class="wow fadeInDown delay-06s">Product Manager</span>
 +
                <p class="wow fadeInDown delay-06s">Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  
 +
Proin consequat sollicitudin cursus. Dolor sit amet, consectetur adipiscing elit proin consequat.</p>
 +
            </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">Skyler white</h3>
 +
                <span class="wow fadeInDown delay-09s">Accountant</span>
 +
                <p class="wow fadeInDown delay-09s">Lorem ipsum dolor sit amet, consectetur adipiscing elit.
 +
 +
Proin consequat sollicitudin cursus. Dolor sit amet, consectetur adipiscing elit proin consequat.</p>
 +
            </div>
 
         </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/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-03s">Walter White</h3>
 +
                <span class="wow fadeInDown delay-03s">Chief Executive Officer</span>
 +
                <p class="wow fadeInDown delay-03s">Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  
−
</div>
+
Proin consequat sollicitudin cursus. Dolor sit amet, consectetur adipiscing elit proin consequat.</p>
−
</div>
+
            </div>
 +
            <div class="team-leader-box">
 +
                <div class="team-leader  wow fadeInDown delay-06s">
 +
                    <div class="team-leader-shadow"><a href="#"></a></div>
 +
                    <img src="https://static.igem.org/mediawiki/2015/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">Jesse Pinkman</h3>
 +
                <span class="wow fadeInDown delay-06s">Product Manager</span>
 +
                <p class="wow fadeInDown delay-06s">Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  
−
<!--end content-->
+
Proin consequat sollicitudin cursus. Dolor sit amet, consectetur adipiscing elit proin consequat.</p>
−
</div>
+
            </div>
 +
            <div class="team-leader-box">
 +
                <div class="team-leader wow fadeInDown delay-09s">  
 +
                    <div class="team-leader-shadow"><a href="#"></a></div>
 +
                    <img src="https://static.igem.org/mediawiki/2015/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-09s">Skyler white</h3>
 +
                <span class="wow fadeInDown delay-09s">Accountant</span>
 +
                <p class="wow fadeInDown delay-09s">Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  
−
<!--footer-->
+
Proin consequat sollicitudin cursus. Dolor sit amet, consectetur adipiscing elit proin consequat.</p>
−
<div style="width: 100%; background: #2a2a2a; padding-top: 10px; padding-bottom: 25px;">
+
            </div>
−
<img src="https://static.igem.org/mediawiki/2015/f/f2/Amoy-Footer_amoylogo.png" style="width: 10%; display: inline-block; position: relative; margin-left: 12%;" />
+
        </div>
−
<div style="display: inline-block; position: relative; top: 45px; width: 21%; margin-left: 2%;">
+
 
−
<p style="font-size: 16px; color: #fff; border-bottom: 1px solid #fff; padding-bottom: 5px;">CONTACT US</p>
+
        <div class="team-leader-block clearfix">
−
<p style="font-size: 14px; color: #fff; margin-top: 5px;"><strong>Email:  </strong>igemxmu@gmail.com</p>
+
            <div class="team-leader-box">
−
<p style="font-size: 14px; color: #fff;"><strong>Website: </strong><a href="https://2015.igem.org/Team:Amoy" target="_blank" style="color: #fff;">2015.igem.org/Team:Amoy</a></p>
+
                <div class="team-leader wow fadeInDown delay-03s">  
−
<p style="font-size: 14px; color: #fff;"><strong>Address:  </strong>Xiamen University, No. 422, Siming South Road, Xiamen, Fujian, P.R.China 361005</p>
+
                    <div class="team-leader-shadow"><a href="#"></a></div>
−
</div>
+
                    <img src="https://static.igem.org/mediawiki/2015/c/ce/FAFU-CHINA_Team_members_%2811%29.jpg" alt="">
−
<a href="http://www.xmu.edu.cn/" target="_blank"><img src="https://static.igem.org/mediawiki/2015/1/1f/Amoy-Footer_xmulogo.png" style="width: 10%; display: inline-block; margin-left: 5%;" /></a>
+
                    <ul>
−
<img src="https://static.igem.org/mediawiki/2015/3/31/Amoy-Footer_xmulname.png" style="width: 15%; display: inline-block; margin-left: 1%;" />
+
                        <li><a href="#" class="fa-twitter"></a></li>
−
<a href="https://www.facebook.com/amoyigem" target="_blank"><img src="https://static.igem.org/mediawiki/2015/5/5b/Amoy-Footer_facebook.png" style="width: 2%; display: inline-block; margin-left: 2%;" /></a>
+
                        <li><a href="#" class="fa-facebook"></a></li>
−
<a href="https://www.twitter.com/Amoy_igem" target="_blank"><img src="https://static.igem.org/mediawiki/2015/0/02/Amoy-Footer_twitter.png" style="width: 2%; display: inline-block; margin-left: 2%;" /></a>
+
                        <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">Walter White</h3>
 +
                <span class="wow fadeInDown delay-03s">Chief Executive Officer</span>
 +
                <p class="wow fadeInDown delay-03s">Lorem ipsum dolor sit amet, consectetur adipiscing elit.
 +
 
 +
Proin consequat sollicitudin cursus. Dolor sit amet, consectetur adipiscing elit proin consequat.</p>
 +
            </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/a/ac/FAFU-CHINA_Team_members_%285%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">Jesse Pinkman</h3>
 +
                <span class="wow fadeInDown delay-06s">Product Manager</span>
 +
                <p class="wow fadeInDown delay-06s">Lorem ipsum dolor sit amet, consectetur adipiscing elit.  
 +
 
 +
Proin consequat sollicitudin cursus. Dolor sit amet, consectetur adipiscing elit proin consequat.</p>
 +
            </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/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-09s">Skyler white</h3>
 +
                <span class="wow fadeInDown delay-09s">Accountant</span>
 +
                <p class="wow fadeInDown delay-09s">Lorem ipsum dolor sit amet, consectetur adipiscing elit.
 +
 
 +
Proin consequat sollicitudin cursus. Dolor sit amet, consectetur adipiscing elit proin consequat.</p>
 +
            </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/c/ce/FAFU-CHINA_Team_members_%2811%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">Walter White</h3>
 +
                <span class="wow fadeInDown delay-03s">Chief Executive Officer</span>
 +
                <p class="wow fadeInDown delay-03s">Lorem ipsum dolor sit amet, consectetur adipiscing elit.
 +
 
 +
Proin consequat sollicitudin cursus. Dolor sit amet, consectetur adipiscing elit proin consequat.</p>
 +
            </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/a/ac/FAFU-CHINA_Team_members_%285%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">Jesse Pinkman</h3>
 +
                <span class="wow fadeInDown delay-06s">Product Manager</span>
 +
                <p class="wow fadeInDown delay-06s">Lorem ipsum dolor sit amet, consectetur adipiscing elit.  
 +
 
 +
Proin consequat sollicitudin cursus. Dolor sit amet, consectetur adipiscing elit proin consequat.</p>
 +
            </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/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-09s">Skyler white</h3>
 +
                <span class="wow fadeInDown delay-09s">Accountant</span>
 +
                <p class="wow fadeInDown delay-09s">Lorem ipsum dolor sit amet, consectetur adipiscing elit.
 +
 
 +
Proin consequat sollicitudin cursus. Dolor sit amet, consectetur adipiscing elit proin consequat.</p>
 +
            </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>
 +
                </div>
 +
 
 +
            </div>
 +
        <div class="col-lg-6 col-sm-5 wow fadeInUp delay-05s">
 +
            <img src="https://static.igem.org/mediawiki/2015/1/1e/FAFU-CHINA_Education_%281%29.JPG" style="width:800px;height:500px;" />
 +
                </div>
 +
            </div>
 +
        </div>
 +
</section>
 
</div>
 
</div>
 +
<footer class="footer">
 +
    <div class="container">
 +
      <a href="#"><img src="https://static.igem.org/mediawiki/2015/b/ba/FAFU-CHINA_Dunk0.png" alt=""></a><span><font color="#FFFFFF">Fuzhou Dunk Internet Technology Corporation</font></span>
  
 +
      <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 20:21, 17 September 2015

Homepage

Project

Design

Meeting

Notebook

Protocol

Result

Theory

Safety & Part

We offer exceptional service with complimentary hugs.

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

The chassis organisms we used for this project:

We didn’t know iGEM until April, 2015, which means that it’s our first time to attend iGEM. Because of the narrow schedule, Dai Ruicheng and Lu Junhao tried their best to get fund supports from school and College of Plant Protection. And we are very grateful to receive the first fund support from our vice-president Lin Wenxiong. Meanwhile, we are very thankful to get help from deputy director Li Xiuhui. What’s more, our English teacher Penny offered potential help to solve the problem about fund lacking. Without their enthusiastic help, our iGEM team would still be a plan....

team

Take a closer look into our amazing team. We won’t bite.

Skyler white

Accountant

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin consequat sollicitudin cursus. Dolor sit amet, consectetur adipiscing elit proin consequat.

Walter White

Chief Executive Officer

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin consequat sollicitudin cursus. Dolor sit amet, consectetur adipiscing elit proin consequat.

Walter White

Chief Executive Officer

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin consequat sollicitudin cursus. Dolor sit amet, consectetur adipiscing elit proin consequat.

Jesse Pinkman

Product Manager

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin consequat sollicitudin cursus. Dolor sit amet, consectetur adipiscing elit proin consequat.

Walter White

Chief Executive Officer

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin consequat sollicitudin cursus. Dolor sit amet, consectetur adipiscing elit proin consequat.

Jesse Pinkman

Product Manager

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin consequat sollicitudin cursus. Dolor sit amet, consectetur adipiscing elit proin consequat.

Skyler white

Accountant

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin consequat sollicitudin cursus. Dolor sit amet, consectetur adipiscing elit proin consequat.

Walter White

Chief Executive Officer

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin consequat sollicitudin cursus. Dolor sit amet, consectetur adipiscing elit proin consequat.

Jesse Pinkman

Product Manager

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin consequat sollicitudin cursus. Dolor sit amet, consectetur adipiscing elit proin consequat.

Skyler white

Accountant

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin consequat sollicitudin cursus. Dolor sit amet, consectetur adipiscing elit proin consequat.

Walter White

Chief Executive Officer

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin consequat sollicitudin cursus. Dolor sit amet, consectetur adipiscing elit proin consequat.

Jesse Pinkman

Product Manager

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin consequat sollicitudin cursus. Dolor sit amet, consectetur adipiscing elit proin consequat.

Skyler white

Accountant

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin consequat sollicitudin cursus. Dolor sit amet, consectetur adipiscing elit proin consequat.

Walter White

Chief Executive Officer

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin consequat sollicitudin cursus. Dolor sit amet, consectetur adipiscing elit proin consequat.

Jesse Pinkman

Product Manager

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin consequat sollicitudin cursus. Dolor sit amet, consectetur adipiscing elit proin consequat.

Skyler white

Accountant

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin consequat sollicitudin cursus. Dolor sit amet, consectetur adipiscing elit proin consequat.

Human practice

Description:

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