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

 
(35 intermediate revisions by 2 users not shown)
Line 3: Line 3:
 
<meta charset="utf-8">
 
<meta charset="utf-8">
 
<meta name="viewport" content="width=device-width, maximum-scale=1">
 
<meta name="viewport" content="width=device-width, maximum-scale=1">
−
 
 
<title>Homepage</title>
 
<title>Homepage</title>
 
<link rel="icon" href="https://static.igem.org/mediawiki/2015/1/19/Fafu_favicon.png" type="image/png">
 
<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="shortcut icon" href="favicon.ico" type="img/x-icon">
−
 
−
<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/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: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?
 
<link rel="stylesheet" type="text/css" href="https://2015.igem.org/Template:FAFU_CHINA/index2/css/bootstrap?
Line 57: Line 56:
  
 
</head>
 
</head>
−
<style>
 
−
.firstHeading
 
−
{
 
−
  display:none;
 
−
}
 
−
.team-leader-box
 
−
{
 
−
  width: 16%;
 
−
}
 
−
</style>
 
 
<body>
 
<body>
 
<div style="overflow:hidden;">
 
<div style="overflow:hidden;">
 +
  
  
Line 75: Line 65:
 
<div class="container">
 
<div class="container">
 
     <figure class="logo animated fadeInDown delay-07s">
 
     <figure class="logo animated fadeInDown delay-07s">
−
         <a href="#"><img src="https://static.igem.org/mediawiki/2015/7/76/Fafu_head_logo2.png" alt=""></a>
+
         <a href="#"><img src="https://static.igem.org/mediawiki/2015/b/b7/FAFU-CHINA_Silencer_new.png" alt=""></a>
 
         </figure>
 
         </figure>
−
         <h1 class="animated fadeInDown delay-07s">Welcome To FAFU-CHINA IGEM</h1>
+
         <h1 class="animated fadeInDown delay-07s">Welcome To FAFU-CHINA iGEM</h1>
 
         <ul class="we-create animated fadeInUp delay-1s">
 
         <ul class="we-create animated fadeInUp delay-1s">
−
         <li>------CSBV.Silencer------</li>
+
         <li style=“color:#ffffff;font-size:36px;”>CSBV.Silencer</li>
 
         </ul>
 
         </ul>
 +
        <br>
 
             <a class="link animated fadeInUp delay-1s" href="#">Get Started</a>
 
             <a class="link animated fadeInUp delay-1s" href="#">Get Started</a>
 
     </div>
 
     </div>
Line 91: Line 82:
 
         <ul class="main-nav">
 
         <ul class="main-nav">
 
         <li><a href="#header">Home</a></li>
 
         <li><a href="#header">Home</a></li>
−
            <li><a href="#service">Services</a></li>
+
                <li><a href="#Attributions">Attributions</a></li>
−
            <li><a href="#Portfolio">Portfolio</a></li>
+
                <li><a href="#team">Team</a></li>
−
            <li class="small-logo"><a href="#header"><img  
+
                <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>
−
src="https://static.igem.org/mediawiki/2015/4/43/Fafu_small-logo.png" alt=""></a></li>
+
             <li><a href="#Project">Project</a></li>
−
             <li><a href="#client">Clients</a></li>
+
             <li><a href="#Parts">Parts</a></li>
−
             <li><a href="#team">Team</a></li>
+
             <li><a href="#Safety">Safety</a></li>
−
             <li><a href="#contact">Contact</a></li>
+
         
 +
         
 +
            <li><a href="#Collaboration">Collaboration</a></li>
 
         </ul>
 
         </ul>
−
        <a class="res-nav_click" href="#"><i class="fa-bars"></i></a>
+
<a class="res-nav_click" href="#"><i class="fa-bars">BACK TO HOME</i></a>
 
     </div>
 
     </div>
 
</nav><!--main-nav-end-->
 
</nav><!--main-nav-end-->
Line 107: Line 100:
 
<section class="main-section paddind" id="Portfolio"><!--main-section-start-->
 
<section class="main-section paddind" id="Portfolio"><!--main-section-start-->
 
<div class="container">
 
<div class="container">
−
     <h2>Portfolio</h2>
+
     <h2>Project</h2>
−
    <h6>Fresh portfolio of designs that will keep you wanting more.</h6>
+
 
       <div class="portfolioFilter">   
 
       <div class="portfolioFilter">   
 
         <ul class="Portfolio-nav wow fadeIn delay-02s">
 
         <ul class="Portfolio-nav wow fadeIn delay-02s">
−
         <li><a href="#" data-filter="*" class="current" >All</a></li>
+
         <li><a href="#" data-filter="*" class="current" >Back To Header</a></li>
 
         </ul>
 
         </ul>
 
       </div>  
 
       </div>  
Line 118: Line 110:
 
     <div class="portfolioContainer wow fadeInUp delay-04s">
 
     <div class="portfolioContainer wow fadeInUp delay-04s">
 
             <div class=" Portfolio-box printdesign">
 
             <div class=" Portfolio-box printdesign">
−
                 <a href="#"><img src="https://static.igem.org/mediawiki/2015/e/e6/Fafu_Portfolio-pic1.jpg"  
+
                 <a href="#"><img src="https://static.igem.org/mediawiki/2015/2/29/FAFU-CHINA_Small_logo_%283%29.png"  
  
 
alt=""></a>
 
alt=""></a>
−
                 <h3>Foto Album</h3>
+
                
−
                     <p>Print Design</p>
+
                     <p>Design</p>
 
                 </div>
 
                 </div>
 
                 <div class="Portfolio-box webdesign">
 
                 <div class="Portfolio-box webdesign">
−
                 <a href="#"><img src="https://static.igem.org/mediawiki/2015/3/31/Fafu_Portfolio-pic2.jpg"  
+
                 <a href="#"><img src="https://static.igem.org/mediawiki/2015/3/3c/FAFU-CHINA_Small_logo_%285%29.png"  
  
 
alt=""></a>
 
alt=""></a>
−
                 <h3>Luca Theme</h3>
+
                
−
                     <p>Web Design</p>
+
                     <p>Meeting</p>
 
                 </div>
 
                 </div>
 
                 <div class=" Portfolio-box branding">
 
                 <div class=" Portfolio-box branding">
−
                 <a href="#"><img src="https://static.igem.org/mediawiki/2015/d/d6/Fafu_Portfolio-pic3.jpg"  
+
                 <a href="#"><img src="https://static.igem.org/mediawiki/2015/b/bf/FAFU-CHINA_Small_logo_%286%29.png"  
  
 
alt=""></a>
 
alt=""></a>
−
                 <h3>Uni Sans</h3>
+
                
−
                     <p>Branding</p>
+
                     <p>Notebook</p>
 
                 </div>
 
                 </div>
 
                 <div class=" Portfolio-box photography" >
 
                 <div class=" Portfolio-box photography" >
−
                 <a href="#"><img src="https://static.igem.org/mediawiki/2015/8/85/Fafu_Portfolio-pic4.jpg"  
+
                 <a href="#"><img src="https://static.igem.org/mediawiki/2015/0/06/FAFU-CHINA_Small_logo_%288%29.png"  
  
 
alt=""></a>
 
alt=""></a>
−
                 <h3>Vinyl Record</h3>
+
                
−
                     <p>Photography</p>
+
                     <p>Protocol</p>
 
                 </div>
 
                 </div>
 
                 <div class=" Portfolio-box branding">
 
                 <div class=" Portfolio-box branding">
−
                 <a href="#"><img src="https://static.igem.org/mediawiki/2015/a/a1/Fafu_Portfolio-pic5.jpg"  
+
                 <a href="#"><img src="https://static.igem.org/mediawiki/2015/6/65/FAFU-CHINA_Small_logo_%289%29.png"  
  
 
alt=""></a>
 
alt=""></a>
−
                 <h3>Hipster</h3>
+
                
−
                     <p>Branding</p>
+
                     <p>Result</p>
 
                 </div>
 
                 </div>
 
                 <div class=" Portfolio-box photography">
 
                 <div class=" Portfolio-box photography">
−
                 <a href="#"><img src="https://static.igem.org/mediawiki/2015/8/86/Fafu_Portfolio-pic6.jpg"  
+
                 <a href="#"><img src="https://static.igem.org/mediawiki/2015/0/0f/FAFU-CHINA_Small_logo_%2812%29.png"  
  
 
alt=""></a>
 
alt=""></a>
−
                 <h3>Windmills</h3>
+
                
−
                     <p>Photography</p>
+
                     <p>Theory</p>
 
                 </div>
 
                 </div>
 
     </div>
 
     </div>
Line 164: Line 156:
 
<section class="main-section" id="service"><!--main-section-start-->
 
<section class="main-section" id="service"><!--main-section-start-->
 
<div class="container">
 
<div class="container">
−
    <h2>Safety & Part</h2>
+
            <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>
 
     <h6>We offer exceptional service with complimentary hugs.</h6>
−
        <div class="row">
+
                </div>
 +
              </div>
 
         <div class="col-lg-4 col-sm-6 wow fadeInLeft delay-05s">
 
         <div class="col-lg-4 col-sm-6 wow fadeInLeft delay-05s">
 
             <div class="service-list">
 
             <div class="service-list">
Line 173: Line 168:
 
                     </div>
 
                     </div>
 
                 <div class="service-list-col2">
 
                 <div class="service-list-col2">
−
                         <h3>branding &amp; identity</h3>
+
                         <h2>safety</h2>
−
                         <p>Proin iaculis purus digni consequat sem digni ssim. Donec entum digni ssim.</p>
+
                         <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>
 
                 </div>
−
                <div class="service-list">
+
                            </div>
−
                <div class="service-list-col1">
+
−
                    <i class="fa-gear"></i>
+
−
                    </div>
+
−
                <div class="service-list-col2">
+
−
                        <h3>web development</h3>
+
−
                        <p>Proin iaculis purus consequat sem digni ssim. Digni ssim porttitora .</p>
+
−
                    </div>
+
−
                </div>
+
−
                <div class="service-list">
+
−
                <div class="service-list-col1">
+
−
                    <i class="fa-apple"></i>
+
−
                    </div>
+
−
                <div class="service-list-col2">
+
−
                        <h3>mobile design</h3>
+
−
                        <p>Proin iaculis purus consequat digni sem digni ssim. Purus donec porttitora
+
−
 
+
−
entum.</p>
+
−
                    </div>
+
−
                </div>
+
−
                <div class="service-list">
+
−
                <div class="service-list-col1">
+
−
                    <i class="fa-medkit"></i>
+
−
                    </div>
+
−
                <div class="service-list-col2">
+
−
                        <h3>24/7 Support</h3>
+
−
                        <p>Proin iaculis purus consequat sem digni ssim. Sem porttitora entum.</p>
+
−
                    </div>
+
−
                </div>
+
−
            </div>
+
 
             <figure class="col-lg-8 col-sm-6  text-right wow fadeInUp delay-02s">
 
             <figure class="col-lg-8 col-sm-6  text-right wow fadeInUp delay-02s">
−
             <img src="https://static.igem.org/mediawiki/2015/e/e5/Fafu_macbook-pro.png" alt="">
+
             <img src="https://static.igem.org/mediawiki/2015/4/45/Fafu_safety.png" alt="">
 
             </figure>
 
             </figure>
 
          
 
          
Line 220: Line 190:
 
<div class="container">
 
<div class="container">
 
     <div class="row">
 
     <div class="row">
 +
 
<figure class="col-lg-5 col-sm-4 wow fadeInLeft">
 
<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"  
 
             <img  src="https://static.igem.org/mediawiki/2015/b/b8/FAFU-CHINA_improvement_part.png"  
Line 227: Line 198:
 
<figure class="col-lg-5 col-sm-4 wow fadeInLeft">
 
<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="">
 
             <img  src="https://static.igem.org/mediawiki/2015/3/34/FAFU-CHINA_NEW_PART.png" alt="">
−
             </figure>  
+
             </figure></p>
 +
 
 
         </div>
 
         </div>
 
</div>
 
</div>
Line 237: Line 209:
 
<!------------------此处移除1-------------->
 
<!------------------此处移除1-------------->
  
−
<div class="copyrights">Collect from <a href="http://www.cssmoban.com/" >手机网站模板</a></div>
 
 
<section class="main-section client-part" id="client"><!--main-section client-part-start-->
 
<section class="main-section client-part" id="client"><!--main-section client-part-start-->
 
<div class="container">
 
<div class="container">
−
<b class="quote-right wow fadeInDown delay-03"><i class="fa-quote-right"></i></b>
+
 
 
     <div class="row">
 
     <div class="row">
 
         <div class="col-lg-12">
 
         <div class="col-lg-12">
−
             <p class="client-part-haead wow fadeInDown delay-05">It was a pleasure to work with the guys at
+
             <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>
−
Knight Studio. They made sure
+
          </div>
−
we were well fed and drunk all the time!</p>
+
<style>
−
            </div>
+
p1{color:white;}
−
        </div>
+
</style>
 
     <ul class="client wow fadeIn delay-05s">
 
     <ul class="client wow fadeIn delay-05s">
 
         <li><a href="#">
 
         <li><a href="#">
 
             <img src="https://static.igem.org/mediawiki/2015/1/1e/Fafu_client-pic1.jpg" alt="">
 
             <img src="https://static.igem.org/mediawiki/2015/1/1e/Fafu_client-pic1.jpg" alt="">
−
                <h3>James Bond</h3>
+
                <h1><p1>ATTRIBUTIONS</p1></h1>
−
                <span>License To Drink Inc.</span>
+
 
             </a></li>
 
             </a></li>
 
         </ul>
 
         </ul>
Line 261: Line 231:
 
<div class="container">
 
<div class="container">
 
     <ul>
 
     <ul>
−
        <li><a href="#"><img src="https://static.igem.org/mediawiki/2015/6/6f/Fafu_c-liogo1.png"
 
  
−
alt=""></a></li>
 
−
            <li><a href="#"><img src="https://static.igem.org/mediawiki/2015/4/4e/Fafu_c-liogo2.png" alt=""></a></li>
 
−
            <li><a href="#"><img src="https://static.igem.org/mediawiki/2015/b/b4/Fafu_c-liogo3.png" alt=""></a></li>
 
−
            <li><a href="#"><img src="https://static.igem.org/mediawiki/2015/c/c0/Fafu_c-liogo4.png" alt=""></a></li>
 
−
            <li><a href="#"><img src="https://static.igem.org/mediawiki/2015/7/7e/Fafu_c-liogo5.png" alt=""></a></li>
 
 
     </ul>
 
     </ul>
 
</div>
 
</div>
Line 275: Line 239:
 
         <h2>team</h2>
 
         <h2>team</h2>
 
         <h6>Take a closer look into our amazing team. We won’t bite.</h6>
 
         <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-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 293: Line 276:
 
Proin consequat sollicitudin cursus. Dolor sit amet, consectetur adipiscing elit proin consequat.</p>
 
Proin consequat sollicitudin cursus. Dolor sit amet, consectetur adipiscing elit proin consequat.</p>
 
             </div>
 
             </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 313: 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 330: 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>
 +
                        <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>
 
                     <ul>
 
                         <li><a href="#" class="fa-twitter"></a></li>
 
                         <li><a href="#" class="fa-twitter"></a></li>
Line 352: Line 531:
 
<section class="business-talking"><!--business-talking-start-->
 
<section class="business-talking"><!--business-talking-start-->
 
<div class="container">
 
<div class="container">
−
         <h2>Let’s Talk Business.</h2>
+
         <h2>Human practice</h2>
 
     </div>
 
     </div>
 
</section><!--business-talking-end-->
 
</section><!--business-talking-end-->
Line 361: Line 540:
 
         <div class="col-lg-6 col-sm-7 wow fadeInLeft">
 
         <div class="col-lg-6 col-sm-7 wow fadeInLeft">
 
             <div class="contact-info-box address clearfix">
 
             <div class="contact-info-box address clearfix">
−
                 <h3><i class=" icon-map-marker"></i>Address:</h3>
+
                 <h2><i class=" icon-map-marker"></i>Description:</h2>
−
                 <span>308 Negra Arroyo Lane<br>Albuquerque, New Mexico, 87111.</span>
+
                 <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="contact-info-box phone clearfix">
 
−
                <h3><i class="fa-phone"></i>Phone:</h3>
 
−
                <span>1-800-BOO-YAHH</span>
 
−
                </div>
 
−
                <div class="contact-info-box email clearfix">
 
−
                <h3><i class="fa-pencil"></i>email:</h3>
 
−
                <span>hello@knightstudios.com</span>
 
−
                </div>
 
−
            <div class="contact-info-box hours clearfix">
 
−
                <h3><i class="fa-clock-o"></i>Hours:</h3>
 
−
                <span><strong>Monday - Thursday:</strong> 10am - 6pm<br><strong>Friday:</strong> People
 
  
−
work on Fridays now?<br><strong>Saturday - Sunday:</strong> Best not to ask.</span>
 
−
                </div>
 
−
                <ul class="social-link">
 
−
                <li class="twitter"><a href="#"><i class="fa-twitter"></i></a></li>
 
−
                    <li class="facebook"><a href="#"><i class="fa-facebook"></i></a></li>
 
−
                    <li class="pinterest"><a href="#"><i class="fa-pinterest"></i></a></li>
 
−
                    <li class="gplus"><a href="#"><i class="fa-google-plus"></i></a></li>
 
−
                    <li class="dribbble"><a href="#"><i class="fa-dribbble"></i></a></li>
 
−
                </ul>
 
 
             </div>
 
             </div>
 
         <div class="col-lg-6 col-sm-5 wow fadeInUp delay-05s">
 
         <div class="col-lg-6 col-sm-5 wow fadeInUp delay-05s">
−
             <div class="form">
+
             <img  src="https://static.igem.org/mediawiki/2015/1/1e/FAFU-CHINA_Education_%281%29.JPG" style="width:800px;height:500px;" />
−
                <input class="input-text" type="text" name="" value="Your Name *" onFocus="if
+
−
 
+
−
(this.value==this.defaultValue)this.value='';" onBlur="if(this.value=='')this.value=this.defaultValue;">
+
−
                    <input class="input-text" type="text" name="" value="Your E-mail *" onFocus="if
+
−
 
+
−
(this.value==this.defaultValue)this.value='';" onBlur="if(this.value=='')this.value=this.defaultValue;">
+
−
                <textarea class="input-text text-area" cols="0" rows="0" onFocus="if
+
−
 
+
−
(this.value==this.defaultValue)this.value='';" onBlur="if(this.value=='')this.value=this.defaultValue;">Your
+
−
 
+
−
Message *</textarea>
+
−
                    <input class="input-btn" type="submit" value="send message">
+
 
                 </div>
 
                 </div>
 
             </div>
 
             </div>
Line 407: Line 554:
 
<footer class="footer">
 
<footer class="footer">
 
     <div class="container">
 
     <div class="container">
−
        <div class="footer-logo"><a href="#"><img src="https://static.igem.org/mediawiki/2015/0/05/Fafu_footer-
+
      <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>
  
−
logo.png" alt=""></a></div>
+
      <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>
−
        <span class="copyright">Copyright ? 2014 Knight. More Templates <a href="http://www.cssmoban.com/"
+
  
−
target="_blank" title="模板之家">模板之家</a> - Collect from <a href="http://www.cssmoban.com/" title="网页模板
+
      <a href="#"><img src="https://static.igem.org/mediawiki/2015/b/bb/FAFU-CHINA_school_logo.png" alt=""></a>
−
 
+
      <span style="
−
" target="_blank">网页模板</a>.</span>
+
    width:15%;display:inline-block;">
 +
    <font color="#FFFFFF">Fujian Agriculture And Forestry University</font>
 +
       
 
     </div>
 
     </div>
 
</footer>
 
</footer>
Line 513: Line 661:
  
 
</script>
 
</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