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

 
(7 intermediate revisions by the same user not shown)
Line 1: Line 1:
−
<html lang="zh">
+
<html>
 
<head>
 
<head>
−
<meta charset="UTF-8">
+
<meta charset="utf-8">
−
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">  
+
<meta name="viewport" content="width=device-width, maximum-scale=1">
−
<meta name="viewport" content="width=device-width, initial-scale=1.0">
+
<title>Homepage</title>
−
<title>侧边栏</title>
+
<link rel="icon" href="https://static.igem.org/mediawiki/2015/1/19/Fafu_favicon.png" type="image/png">
−
<link rel="stylesheet" href="https://2015.igem.org/Template:FAFU_CHINA/css/homecss?action=raw&amp;ctype=text/css" type="text/css" />
+
<link rel="shortcut icon" href="favicon.ico" type="img/x-icon">
−
<link rel="stylesheet" type="text/css" href="https://2015.igem.org/Template:FAFU_CHINA/guge/css/normalize?action=raw&amp;ctype=text/css" />
+
 
−
<link rel="stylesheet" type="text/css" href="https://2015.igem.org/Template:FAFU_CHINA/guge/css/default?action=raw&amp;ctype=text/css" />
+
−
<link rel="stylesheet" type="text/css" href="https://2015.igem.org/Template:FAFU_CHINA/guge/css/styles?action=raw&amp;ctype=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" />
+
−
<script type='text/javascript'        src ='/common/tablesorter/jquery.tablesorter.min.js'></script>
+
−
<link rel='stylesheet' type='text/css' href='/common/tablesorter/themes/groupparts/style.css' />
+
−
<link rel='stylesheet' type='text/css' href='/common/table_styles.css' />
+
 
<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/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" />
 
<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 rel="stylesheet" href="https://2015.igem.org/Template:Amoy/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" 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/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/bootstrap?
−
<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" />
+
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" />
+
<link rel="stylesheet" type="text/css" href="https://2015.igem.org/Template:FAFU_CHINA/index2/css/style?
−
<!--[if IE]>
+
 
−
        <script type="text/javascript" src="https://2015.igem.org/Template:FAFU_CHINA/guge/js/html5shiv.min?action=raw&amp;ctype=text/javascript"></script>
+
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]-->
 
<![endif]-->
 +
 +
 
</head>
 
</head>
 
<body>
 
<body>
−
<div class="com">
+
<div style="overflow:hidden;">
−
<div class="com__content">
+
−
<section class="com__section com__section--text">
+
  
 +
 +
 +
 +
<header class="header" id="header"><!--header-start-->
 +
<div class="container">
 +
    <figure class="logo animated fadeInDown delay-07s">
 +
        <a href="#"><img src="https://static.igem.org/mediawiki/2015/b/b7/FAFU-CHINA_Silencer_new.png" alt=""></a>
 +
        </figure>
 +
        <h1 class="animated fadeInDown delay-07s">Welcome To FAFU-CHINA iGEM</h1>
 +
        <ul class="we-create animated fadeInUp delay-1s">
 +
        <li style=“color:#ffffff;font-size:36px;”>CSBV.Silencer</li>
 +
        </ul>
 +
        <br>
 +
            <a class="link animated fadeInUp delay-1s" href="#">Get Started</a>
 +
    </div>
 +
</div>
 +
</header><!--header-end-->
 +
 +
 +
<nav class="main-nav-outer" id="test"><!--main-nav-start-->
 +
<div class="container">
 +
        <ul class="main-nav">
 +
        <li><a href="#header">Home</a></li>
 +
                <li><a href="#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-->
 +
 +
 +
<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"
 +
 +
alt=""></a>
 +
               
 +
                    <p>Design</p>
 +
                </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"
 +
 +
alt=""></a>
 +
               
 +
                    <p>Meeting</p>
 +
                </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"
 +
 +
alt=""></a>
 +
               
 +
                    <p>Notebook</p>
 +
                </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"
 +
 +
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"
 +
 +
alt=""></a>
 +
               
 +
                    <p>Result</p>
 +
                </div>
 +
                <div class=" Portfolio-box photography">
 +
                <a href="#"><img src="https://static.igem.org/mediawiki/2015/0/0f/FAFU-CHINA_Small_logo_%2812%29.png"
 +
 +
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>
 +
    <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-->
 +
 +
 +
 +
<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/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>
 +
          </div>
 +
<style>
 +
p1{color:white;}
 +
</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">
 
<div class="container">
 
         <h2>team</h2>
 
         <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-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.
 +
 +
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-box">
 
                 <div class="team-leader wow fadeInDown delay-03s">  
 
                 <div class="team-leader wow fadeInDown delay-03s">  
 
                     <div class="team-leader-shadow"><a href="#"></a></div>
 
                     <div class="team-leader-shadow"><a href="#"></a></div>
−
                     <img src="https://static.igem.org/mediawiki/2015/4/49/Fafu_team-leader-pic1.jpg" alt="">
+
                     <img src="https://static.igem.org/mediawiki/2015/5/56/FAFU-CHINA_Team_members_%281%29.jpg" alt="">
 
                     <ul>
 
                     <ul>
 
                         <li><a href="#" class="fa-twitter"></a></li>
 
                         <li><a href="#" class="fa-twitter"></a></li>
Line 54: Line 297:
 
                 <div class="team-leader  wow fadeInDown delay-06s">  
 
                 <div class="team-leader  wow fadeInDown delay-06s">  
 
                     <div class="team-leader-shadow"><a href="#"></a></div>
 
                     <div class="team-leader-shadow"><a href="#"></a></div>
−
                     <img src="https://static.igem.org/mediawiki/2015/1/17/Fafu_team-leader-pic2.jpg" alt="">
+
                     <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-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-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>
 +
                <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/f/f9/FAFU-CHINA_Team_members_%286%29.jpg" alt="">
 
                     <ul>
 
                     <ul>
 
                         <li><a href="#" class="fa-twitter"></a></li>
 
                         <li><a href="#" class="fa-twitter"></a></li>
Line 71: Line 349:
 
                 <div class="team-leader wow fadeInDown delay-09s">  
 
                 <div class="team-leader wow fadeInDown delay-09s">  
 
                     <div class="team-leader-shadow"><a href="#"></a></div>
 
                     <div class="team-leader-shadow"><a href="#"></a></div>
−
                     <img src="https://static.igem.org/mediawiki/2015/a/a9/Fafu_team-leader-pic3.jpg" alt="">
+
                     <img src="https://static.igem.org/mediawiki/2015/f/f3/FAFU-CHINA_Team_members_%287%29.jpg" alt="">
 
                     <ul>
 
                     <ul>
 
                         <li><a href="#" class="fa-twitter"></a></li>
 
                         <li><a href="#" class="fa-twitter"></a></li>
Line 90: Line 368:
 
                 <div class="team-leader wow fadeInDown delay-03s">  
 
                 <div class="team-leader wow fadeInDown delay-03s">  
 
                     <div class="team-leader-shadow"><a href="#"></a></div>
 
                     <div class="team-leader-shadow"><a href="#"></a></div>
−
                     <img src="https://static.igem.org/mediawiki/2015/4/49/Fafu_team-leader-pic1.jpg" alt="">
+
                     <img src="https://static.igem.org/mediawiki/2015/e/e1/FAFU-CHINA_Team_members_%288%29.jpg" alt="">
 
                     <ul>
 
                     <ul>
 
                         <li><a href="#" class="fa-twitter"></a></li>
 
                         <li><a href="#" class="fa-twitter"></a></li>
Line 107: Line 385:
 
                 <div class="team-leader  wow fadeInDown delay-06s">  
 
                 <div class="team-leader  wow fadeInDown delay-06s">  
 
                     <div class="team-leader-shadow"><a href="#"></a></div>
 
                     <div class="team-leader-shadow"><a href="#"></a></div>
−
                     <img src="https://static.igem.org/mediawiki/2015/1/17/Fafu_team-leader-pic2.jpg" alt="">
+
                     <img src="https://static.igem.org/mediawiki/2015/9/96/FAFU-CHINA_Team_members_%289%29.jpg" alt="">
 
                     <ul>
 
                     <ul>
 
                         <li><a href="#" class="fa-twitter"></a></li>
 
                         <li><a href="#" class="fa-twitter"></a></li>
Line 124: Line 402:
 
                 <div class="team-leader wow fadeInDown delay-09s">  
 
                 <div class="team-leader wow fadeInDown delay-09s">  
 
                     <div class="team-leader-shadow"><a href="#"></a></div>
 
                     <div class="team-leader-shadow"><a href="#"></a></div>
−
                     <img src="https://static.igem.org/mediawiki/2015/a/a9/Fafu_team-leader-pic3.jpg" alt="">
+
                     <img src="https://static.igem.org/mediawiki/2015/9/9c/FAFU-CHINA_Team_members_%2810%29.jpg" alt="">
 
                     <ul>
 
                     <ul>
 
                         <li><a href="#" class="fa-twitter"></a></li>
 
                         <li><a href="#" class="fa-twitter"></a></li>
Line 139: Line 417:
 
             </div>
 
             </div>
 
         </div>
 
         </div>
 +
 
         <div class="team-leader-block clearfix">
 
         <div class="team-leader-block clearfix">
 
             <div class="team-leader-box">
 
             <div class="team-leader-box">
 
                 <div class="team-leader wow fadeInDown delay-03s">  
 
                 <div class="team-leader wow fadeInDown delay-03s">  
 
                     <div class="team-leader-shadow"><a href="#"></a></div>
 
                     <div class="team-leader-shadow"><a href="#"></a></div>
−
                     <img src="https://static.igem.org/mediawiki/2015/4/49/Fafu_team-leader-pic1.jpg" alt="">
+
                     <img src="https://static.igem.org/mediawiki/2015/c/ce/FAFU-CHINA_Team_members_%2811%29.jpg" alt="">
 
                     <ul>
 
                     <ul>
 
                         <li><a href="#" class="fa-twitter"></a></li>
 
                         <li><a href="#" class="fa-twitter"></a></li>
Line 160: Line 439:
 
                 <div class="team-leader  wow fadeInDown delay-06s">  
 
                 <div class="team-leader  wow fadeInDown delay-06s">  
 
                     <div class="team-leader-shadow"><a href="#"></a></div>
 
                     <div class="team-leader-shadow"><a href="#"></a></div>
−
                     <img src="https://static.igem.org/mediawiki/2015/1/17/Fafu_team-leader-pic2.jpg" alt="">
+
                     <img src="https://static.igem.org/mediawiki/2015/a/ac/FAFU-CHINA_Team_members_%285%29.jpg" alt="">
 
                     <ul>
 
                     <ul>
 
                         <li><a href="#" class="fa-twitter"></a></li>
 
                         <li><a href="#" class="fa-twitter"></a></li>
Line 177: Line 456:
 
                 <div class="team-leader wow fadeInDown delay-09s">  
 
                 <div class="team-leader wow fadeInDown delay-09s">  
 
                     <div class="team-leader-shadow"><a href="#"></a></div>
 
                     <div class="team-leader-shadow"><a href="#"></a></div>
−
                     <img src="https://static.igem.org/mediawiki/2015/a/a9/Fafu_team-leader-pic3.jpg" alt="">
+
                     <img src="https://static.igem.org/mediawiki/2015/9/91/FAFU-CHINA_Team_members_%280%29.png" alt="">
 
                     <ul>
 
                     <ul>
 
                         <li><a href="#" class="fa-twitter"></a></li>
 
                         <li><a href="#" class="fa-twitter"></a></li>
Line 192: Line 471:
 
             </div>
 
             </div>
 
         </div>
 
         </div>
−
        <div class="team-leader-block clearfix">
+
                <div class="team-leader-block clearfix">
 
             <div class="team-leader-box">
 
             <div class="team-leader-box">
 
                 <div class="team-leader wow fadeInDown delay-03s">  
 
                 <div class="team-leader wow fadeInDown delay-03s">  
 
                     <div class="team-leader-shadow"><a href="#"></a></div>
 
                     <div class="team-leader-shadow"><a href="#"></a></div>
−
                     <img src="https://static.igem.org/mediawiki/2015/4/49/Fafu_team-leader-pic1.jpg" alt="">
+
                     <img src="https://static.igem.org/mediawiki/2015/c/ce/FAFU-CHINA_Team_members_%2811%29.jpg" alt="">
 
                     <ul>
 
                     <ul>
 
                         <li><a href="#" class="fa-twitter"></a></li>
 
                         <li><a href="#" class="fa-twitter"></a></li>
Line 213: Line 492:
 
                 <div class="team-leader  wow fadeInDown delay-06s">  
 
                 <div class="team-leader  wow fadeInDown delay-06s">  
 
                     <div class="team-leader-shadow"><a href="#"></a></div>
 
                     <div class="team-leader-shadow"><a href="#"></a></div>
−
                     <img src="https://static.igem.org/mediawiki/2015/1/17/Fafu_team-leader-pic2.jpg" alt="">
+
                     <img src="https://static.igem.org/mediawiki/2015/a/ac/FAFU-CHINA_Team_members_%285%29.jpg" alt="">
 
                     <ul>
 
                     <ul>
 
                         <li><a href="#" class="fa-twitter"></a></li>
 
                         <li><a href="#" class="fa-twitter"></a></li>
Line 230: Line 509:
 
                 <div class="team-leader wow fadeInDown delay-09s">  
 
                 <div class="team-leader wow fadeInDown delay-09s">  
 
                     <div class="team-leader-shadow"><a href="#"></a></div>
 
                     <div class="team-leader-shadow"><a href="#"></a></div>
−
                     <img src="https://static.igem.org/mediawiki/2015/a/a9/Fafu_team-leader-pic3.jpg" alt="">
+
                     <img src="https://static.igem.org/mediawiki/2015/9/91/FAFU-CHINA_Team_members_%280%29.png" alt="">
 
                     <ul>
 
                     <ul>
 
                         <li><a href="#" class="fa-twitter"></a></li>
 
                         <li><a href="#" class="fa-twitter"></a></li>
Line 246: Line 525:
 
         </div>
 
         </div>
 
     </div>
 
     </div>
 +
</section><!--main-section team-end-->
  
  
  
−
        </section>
+
<section class="business-talking"><!--business-talking-start-->
−
</div>
+
<div class="container">
−
<nav class="com__nav">
+
        <h2>Human practice</h2>
−
<ul class="com__nav-list">
+
    </div>
−
<li class="com__nav-item">
+
</section><!--business-talking-end-->
−
<h1>外内容1</h1>
+
<div class="container">
−
<a href="" class="com__nav-link">
+
<section class="main-section contact" id="contact">
−
<h1>里内容1</h1>
+
−
<span class="blue-line animate scaleInLeft delay-2"></span>
+
        <div class="row">
−
<span class="white-line animate scaleInLeft delay-4"></span>
+
        <div class="col-lg-6 col-sm-7 wow fadeInLeft">
−
<span class="white-line animate scaleInLeft delay-5"></span>
+
            <div class="contact-info-box address clearfix">
−
</a>
+
                <h2><i class=" icon-map-marker"></i>Description:</h2>
−
</li>
+
                <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>
−
<li class="com__nav-item">
+
                </div>
−
<h1>外内容2</h1>
+
 
−
<a href="" class="com__nav-link flex-row">
+
            </div>
−
<h1>里内容2</h1>
+
        <div class="col-lg-6 col-sm-5 wow fadeInUp delay-05s">
−
<div class="com__section-half">
+
            <img  src="https://static.igem.org/mediawiki/2015/1/1e/FAFU-CHINA_Education_%281%29.JPG" style="width:800px;height:500px;" />
−
<span class="blue-line animate scaleInLeft delay-3"></span>
+
                </div>
−
<span class="white-line animate scaleInLeft delay-4"></span>
+
            </div>
−
</div>
+
        </div>
−
<div class="com__section-half">
+
</section>
−
<span class="white-circle animate slideInRight delay-5"></span>
+
−
</div>
+
−
</a>
+
−
</li>
+
−
<li class="com__nav-item">
+
−
<h1>外内容3</h1>
+
−
<a href="" class="com__nav-link centered">
+
−
<h1>里内容3</h1>
+
−
<span class="blue-line animate scaleIn delay-3"></span>
+
−
<span class="white-circle animate scaleIn delay-5"></span>
+
−
</a>
+
−
</li>
+
−
<li class="com__nav-item">
+
−
<h1>外内容4</h1>
+
−
<a href="" class="com__nav-link">
+
−
<h1>里内容4</h1>
+
−
<span class="blue-line animate scaleInLeft delay-2"></span>
+
−
<span class="white-line animate scaleInLeft delay-4"></span>
+
−
<span class="white-line animate scaleInLeft delay-5"></span>
+
−
</a>
+
−
</li>
+
−
<li class="com__nav-item">
+
−
<h1>外内容5</h1>
+
−
<a href="" class="com__nav-link flex-row">
+
−
<h1>里内容5</h1>
+
−
<div class="com__section-half">
+
−
<span class="blue-line animate scaleInLeft delay-3"></span>
+
−
<span class="white-line animate scaleInLeft delay-4"></span>
+
−
</div>
+
−
<div class="com__section-half">
+
−
<span class="white-circle animate slideInRight delay-5"></span>
+
−
</div>
+
−
</a>
+
−
</li>
+
−
<li class="com__nav-item">
+
−
<h1>外内容6</h1>
+
−
<a href="" class="com__nav-link centered">
+
−
<h1>里内容6</h1>
+
−
<span class="blue-line animate scaleIn delay-3"></span>
+
−
<span class="white-circle animate scaleIn delay-5"></span>
+
−
</a>
+
−
</li>
+
−
<li class="com__nav-item">
+
−
<h1>外内容7</h1>
+
−
<a href="" class="com__nav-link">
+
−
<h1>里内容7</h1>
+
−
<span class="blue-line animate scaleInLeft delay-2"></span>
+
−
<span class="white-line animate scaleInLeft delay-4"></span>
+
−
<span class="white-line animate scaleInLeft delay-5"></span>
+
−
</a>
+
−
</li>
+
−
<li class="com__nav-item">
+
−
<h1>外内容8</h1>
+
−
<a href="" class="com__nav-link">
+
−
<h1>里内容8</h1>
+
−
<span class="blue-line animate scaleInLeft delay-2"></span>
+
−
<span class="white-line animate scaleInLeft delay-4"></span>
+
−
<span class="white-line animate scaleInLeft delay-5"></span>
+
−
</a>
+
−
</li>
+
−
<li class="com__nav-item">
+
−
<h1>外内容9</h1>
+
−
<a href="" class="com__nav-link">
+
−
<h1>里内容9</h1>
+
−
<span class="blue-line animate scaleInLeft delay-2"></span>
+
−
<span class="white-line animate scaleInLeft delay-4"></span>
+
−
<span class="white-line animate scaleInLeft delay-5"></span>
+
−
</a>
+
−
</li>
+
−
</ul>
+
−
</nav>
+
 
</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>
 
<style>
 
.firstHeading
 
.firstHeading
Line 348: Line 666:
 
   display:none;
 
   display:none;
 
}
 
}
−
.com__section--text
+
.team-leader
 
{
 
{
−
   height:auto;
+
   width:60%;
−
   overflow:auto;
+
   margin-left:18%;
 
}
 
}
−
.com
+
.main-nav li > a
−
{
+
−
  background-image:url( https://static.igem.org/mediawiki/2015/3/36/Fafu_5.JPG);
+
−
  background-size:100%;
+
−
  overflow-y:auto;
+
−
}
+
−
.com__content
+
−
{
+
−
  background-image:none;
+
−
}
+
−
table
+
−
{
+
−
  background-color:rgba(0,0,0,0);
+
−
}
+
−
</style>
+
−
<script src="js/jquery-2.1.1.min.js" type="https://2015.igem.org/Template:FAFU_CHINA/guge/js/jquery-2-1-1-min?action=raw&amp;ctype=text/javascript"></script>
+
−
<script>
+
−
var link = $('.com__nav-link');
+
−
var linkParent = link.parent('li');
+
−
var section = $('.com__section');
+
−
var sectionContent = section.find('*');
+
−
var switchTab = function () {
+
−
var p = $(this).parent('li');
+
−
var i = p.index();
+
−
var s = section.eq(i);
+
−
var c = s.find('*');
+
−
section.removeClass('active');
+
−
sectionContent.removeAttr('style');
+
−
s.addClass('active');
+
−
c.css({
+
−
transform: 'none',
+
−
opacity: 1
+
−
});
+
−
linkParent.removeClass('active');
+
−
p.addClass('active');
+
−
return false;
+
−
};
+
−
link.on('click', switchTab);
+
−
function activeFirst() {
+
−
section.first().addClass('active');
+
−
section.first().find('*').css({
+
−
transform: 'none',
+
−
opacity: 1
+
−
});
+
−
linkParent.first().addClass('active');
+
−
}
+
−
activeFirst();
+
−
</script>
+
−
<script type="text/javascript" src="https://2015.igem.org/Template:FAFU_CHINA/index2/js/bootstrap?action=raw&amp;ctype=text/javascript"></script>
+
−
<style>
+
−
.team-leader
+
 
{
 
{
−
   margin-left:10%;
+
   margin: 17px 9px;
−
  width:82%;
+
 
}
 
}
 
</style>
 
</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