Difference between revisions of "Team:FAFU-CHINA/Design"

 
(14 intermediate revisions by 2 users not shown)
Line 1: Line 1:
−
{{:Template:FAFU_CHINA/index2/head}}
 
 
<html lang="zh">
 
<html lang="zh">
 
<head>
 
<head>
Line 5: Line 4:
 
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">  
 
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">  
 
<meta name="viewport" content="width=device-width, initial-scale=1.0">
 
<meta name="viewport" content="width=device-width, initial-scale=1.0">
−
<title>谷歌Material Design侧边栏特效 - A5源码</title>
+
<title>侧边栏</title>
−
<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" 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/guge/css/default?action=raw&amp;ctype=text/css" />
+
−
<link href='http://fonts.useso.com/css?family=Lato:300,400' rel='stylesheet' type='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/guge/css/styles?action=raw&amp;ctype=text/css" />
−
<!--[if IE]>
 
−
<script src="http://libs.useso.com/js/html5shiv/3.7/html5shiv.min.js"></script>
 
−
<![endif]-->
 
 
</head>
 
</head>
 
<body>
 
<body>
Line 19: Line 13:
 
<section class="com__section com__section--text">
 
<section class="com__section com__section--text">
 
   <br>
 
   <br>
−
         
+
<br>
 +
<br>
 +
<br>
 +
 
 +
   
 
                 <center><div>The design of production</div></center>   
 
                 <center><div>The design of production</div></center>   
 +
<hr style="height:1px;border:none;border-top:1px solid #555555;" />
 +
  
 
<div>To meet the need of beekeepers,an easily understanding method of usage is necessary. So we design the following method to put our engineered bacteria into application,and make it a complete production.</div>  
 
<div>To meet the need of beekeepers,an easily understanding method of usage is necessary. So we design the following method to put our engineered bacteria into application,and make it a complete production.</div>  
 
<div>Take 6g glucose, 6g fructose and 1g yeast extract, and then suspend them in 50ml distilled water. Now we have the easiest forage for honeybees. Next add 5ml bacterial suspension of engineered bacteria into the forage, limiting the density under 1CFU/ml, which is within the standard of food security.Then you have the complete product.</div>  
 
<div>Take 6g glucose, 6g fructose and 1g yeast extract, and then suspend them in 50ml distilled water. Now we have the easiest forage for honeybees. Next add 5ml bacterial suspension of engineered bacteria into the forage, limiting the density under 1CFU/ml, which is within the standard of food security.Then you have the complete product.</div>  
 
<div>Beekeepers who don't know anything about synthetic biology can use this product simply by directly feeding infected hives with the product. This is the easiest way we design for the usage of our product.</div>  
 
<div>Beekeepers who don't know anything about synthetic biology can use this product simply by directly feeding infected hives with the product. This is the easiest way we design for the usage of our product.</div>  
 +
<br>
 +
<hr style="height:1px;border:none;border-top:1px solid #555555;" />
  
 +
<table><tr>
 +
<td><img src=https://static.igem.org/mediawiki/2015/8/87/FAFU-CHINA_Design1.png border=0></td>
 +
<td>
 +
<img src=https://static.igem.org/mediawiki/2015/2/25/FAFU-CHINA_Design2.png border=0></td></tr>
 +
</table>
  
 
</section>
 
</section>
−
<section class="com__section com__section--text com__section--text-img">
+
 
−
<div class="com__section-half">
+
−
<h1 class="animate slideInLeft">Communication Design</h1>
+
−
<p class="animate slideInLeft delay-2">Communication design is a mixed discipline between design and information-development which is concerned with how media intermission such as printed, crafted, electronic media or presentations communicate with people.</p>
+
−
</div>
+
−
<div class="com__section-half">
+
−
<img class="animate slideInRight delay-3" src="world.svg" alt="" />
+
−
</div>
+
−
</section>
+
−
<section class="com__section com__section--text centered">
+
−
<h1 class="animate scaleIn">A5源码</h1>
+
−
<img class="animate scaleIn delay-3" src="world.svg" alt="" />
+
−
</section>
+
−
<section class="com__section com__section--text">
+
−
<h1 class="animate slideInLeft ">Communication Design</h1>
+
−
<p class="animate slideInLeft delay-3">Communication design is a mixed discipline between design and information-development which is concerned with how media intermission such as printed, crafted, electronic media or presentations communicate with people.</p>
+
−
</section>
+
−
<section class="com__section com__section--text com__section--text-img">
+
−
<div class="com__section-half">
+
−
<h1 class="animate slideInLeft">Communication Design</h1>
+
−
<p class="animate slideInLeft delay-2">Communication design is a mixed discipline between design and information-development which is concerned with how media intermission such as printed, crafted, electronic media or presentations communicate with people.</p>
+
−
</div>
+
−
<div class="com__section-half">
+
−
<img class="animate slideInRight delay-3" src="world.svg" alt="" />
+
−
</div>
+
−
</section>
+
−
<section class="com__section com__section--text centered">
+
−
<h1 class="animate scaleIn">Communication Design</h1>
+
−
<img class="animate scaleIn delay-3" src="world.svg" alt="" />
+
−
</section>
+
−
<section class="com__section com__section--text">
+
−
<h1 class="animate slideInLeft ">Communication Design</h1>
+
−
<p class="animate slideInLeft delay-3">Communication design is a mixed discipline between design and information-development which is concerned with how media intermission such as printed, crafted, electronic media or presentations communicate with people.</p>
+
−
</section>
+
 
</div>
 
</div>
−
<nav class="com__nav">
+
 
−
<ul class="com__nav-list">
+
−
<li class="com__nav-item">
+
−
<h1>外内容1</h1>
+
−
<a href="" class="com__nav-link">
+
−
<h1>里内容1</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>外内容2</h1>
+
−
<a href="" class="com__nav-link flex-row">
+
−
<h1>里内容2</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>外内容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>
 
<style>
 
<style>
Line 163: Line 47:
 
.com
 
.com
 
{
 
{
−
   background-image:url( https://static.igem.org/mediawiki/2015/3/36/Fafu_5.JPG);
+
   background-image:url( https://static.igem.org/mediawiki/2015/f/f9/Fafu_bg22.jpg);
 
   background-size:100%;
 
   background-size:100%;
 
   overflow-y:auto;
 
   overflow-y:auto;
Line 209: Line 93:
 
activeFirst();
 
activeFirst();
 
</script>
 
</script>
−
 
+
</script>
 +
<style>
 +
.firstHeading
 +
{
 +
  display:none;
 +
}
 +
</style>
 
</body>
 
</body>
 
</html>
 
</html>

Latest revision as of 22:11, 18 September 2015

侧边栏





The design of production
To meet the need of beekeepers,an easily understanding method of usage is necessary. So we design the following method to put our engineered bacteria into application,and make it a complete production.
Take 6g glucose, 6g fructose and 1g yeast extract, and then suspend them in 50ml distilled water. Now we have the easiest forage for honeybees. Next add 5ml bacterial suspension of engineered bacteria into the forage, limiting the density under 1CFU/ml, which is within the standard of food security.Then you have the complete product.
Beekeepers who don't know anything about synthetic biology can use this product simply by directly feeding infected hives with the product. This is the easiest way we design for the usage of our product.