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

(Blanked the page)
 
(47 intermediate revisions by 2 users not shown)
Line 1: Line 1:
 +
<html>
 +
<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">
  
 +
<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" href="https://2015.igem.org/Template:FAFU_CHINA/css/homecss?action=raw&amp;ctype=text/css" type="text/css" />
 +
 +
<link rel="stylesheet" type="text/css" href="https://2015.igem.org/Template:FAFU_CHINA/index2/css/bootstrap?
 +
 +
action=raw&amp;ctype=text/css" />
 +
<link rel="stylesheet" type="text/css" href="https://2015.igem.org/Template:FAFU_CHINA/index2/css/style?
 +
 +
action=raw&amp;ctype=text/css" />
 +
<link rel="stylesheet" type="text/css" href="https://2015.igem.org/Template:FAFU_CHINA/index2/css/stylesheet?
 +
 +
action=raw&amp;ctype=text/css" />
 +
<link rel="stylesheet" type="text/css" href="https://2015.igem.org/Template:FAFU_CHINA/index2/css/font-awesome?
 +
 +
action=raw&amp;ctype=text/css" />
 +
<link rel="stylesheet" type="text/css" href="https://2015.igem.org/Template:FAFU_CHINA/index2/css/responsive?
 +
 +
action=raw&amp;ctype=text/css" />
 +
<link rel="stylesheet" type="text/css" href="https://2015.igem.org/Template:FAFU_CHINA/index2/css/animate?
 +
 +
action=raw&amp;ctype=text/css" />
 +
 +
<!--[if IE]><style type="text/css">.pie {behavior:url(PIE.htc);}</style><![endif]-->
 +
 +
<script type="text/javascript"
 +
 +
src="http://https://2015.igem.org/Template:FAFU_CHINA/index2/js/jquery-1-8-3-min?action=raw&amp;ctype=text/javascript"></script>
 +
<script type="text/javascript" src="https://2015.igem.org/Template:FAFU_CHINA/index2/js/bootstrap?action=raw&amp;ctype=text/javascript"></script>
 +
<script type="text/javascript" src="https://2015.igem.org/Template:FAFU_CHINA/index2/js/jquery-scrolltofixed?action=raw&amp;ctype=text/javascript"></script>
 +
<script type="text/javascript"
 +
 +
src="https://2015.igem.org/Template:FAFU_CHINA/index2/js/jquery-easing-1-3?action=raw&amp;ctype=text/javascript"></script>
 +
<script type="text/javascript"
 +
 +
src="http://https://2015.igem.org/Template:FAFU_CHINA/index2/js/jquery-isotope?action=raw&amp;ctype=text/javascript"></script>
 +
<script type="text/javascript" src="https://2015.igem.org/Template:FAFU_CHINA/index2/js/wow?action=raw&amp;ctype=text/javascript"></script>
 +
<script type="text/javascript" src="https://2015.igem.org/Template:FAFU_CHINA/index2/js/classie?action=raw&amp;ctype=text/javascript"></script>
 +
 +
 +
<!--[if lt IE 9]>
 +
    <script src="https://2015.igem.org/Template:FAFU_CHINA/index2/js/respond-1-1-0-min?action=raw&amp;ctype=text/javascript"></script>
 +
    <script src="https://2015.igem.org/Template:FAFU_CHINA/index2/js/html5shiv?action=raw&amp;ctype=text/javascript"></script>
 +
    <script src="https://2015.igem.org/Template:FAFU_CHINA/index2/js/html5element?action=raw&amp;ctype=text/javascript"></script>
 +
<![endif]-->
 +
 +
 +
</head>
 +
<body>
 +
<div style="overflow:hidden;">
 +
 +
 +
 +
 +
<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">
 +
        <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.
 +
 +
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-03s">
 +
                    <div class="team-leader-shadow"><a href="#"></a></div>
 +
                    <img src="https://static.igem.org/mediawiki/2015/5/56/FAFU-CHINA_Team_members_%281%29.jpg" alt="">
 +
                    <ul>
 +
                        <li><a href="#" class="fa-twitter"></a></li>
 +
                        <li><a href="#" class="fa-facebook"></a></li>
 +
                        <li><a href="#" class="fa-pinterest"></a></li>
 +
                        <li><a href="#" class="fa-google-plus"></a></li>
 +
                    </ul>
 +
                </div>
 +
                <h3 class="wow fadeInDown delay-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/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>
 +
                        <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 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.
 +
 +
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/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.
 +
 +
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/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.
 +
 +
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 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>
 +
<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>
 +
</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