Difference between revisions of "Team:Tianjin/Project"

 
(55 intermediate revisions by 3 users not shown)
Line 1: Line 1:
 +
 +
 
<!DOCTYPE html>
 
<!DOCTYPE html>
 
<!--[if lt IE 10]> <html class="no-js lt-ie10 ie" lang="en"> <![endif]-->
 
<!--[if lt IE 10]> <html class="no-js lt-ie10 ie" lang="en"> <![endif]-->
Line 26: Line 28:
 
<meta property="og:site_name" content="" />
 
<meta property="og:site_name" content="" />
 
<meta property="og:locale" content="" />
 
<meta property="og:locale" content="" />
−
 
+
<link href="https://fonts.googleapis.com/css?family=Baloo+Bhaijaan|Montserrat:300i,400,400i,500i,600i,700,700i|PT+Sans:400,400i,700" rel="stylesheet">
 
     <link rel="stylesheet" href="https://2017.igem.org/Team:Tianjin/Resources/CSS:main?action=raw&ctype=text/css">
 
     <link rel="stylesheet" href="https://2017.igem.org/Team:Tianjin/Resources/CSS:main?action=raw&ctype=text/css">
−
    <link rel="canonical" href="">
+
  <link rel="stylesheet" href="https://2017.igem.org/Team:Tianjin/Resources/CSS:navstyle?action=raw&ctype=text/css" type="text/css" />
  
−
     <script>
+
 
−
      (function(d) {
+
     <link rel="canonical" href="">
−
        var config = {
+
<script type="text/javascript">
−
          kitId: 'fml2iiv',
+
if( /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) ) {
−
          scriptTimeout: 3000,
+
window.location.href="https://2017.igem.org/Team:Tianjin/mobile/";  
−
          async: true
+
}
−
        },
+
</script>
−
        h=d.documentElement,t=setTimeout(function(){h.className=h.className.replace(/\bwf-loading\b/g,"")+" wf-inactive";},config.scriptTimeout),tk=d.createElement("script"),f=false,s=d.getElementsByTagName("script")[0],a;h.className+=" wf-loading";tk.src='https://use.typekit.net/'+config.kitId+'.js';tk.async=true;tk.onload=tk.onreadystatechange=function(){a=this.readyState;if(f||a&&a!="complete"&&a!="loaded")return;f=true;clearTimeout(t);try{Typekit.load(config)}catch(e){}};s.parentNode.insertBefore(tk,s)
+
   
−
      })(document);
+
−
    </script>
+
  
 
      
 
      
Line 115: Line 115:
 
</header>
 
</header>
  
−
<nav id="site-navigation" role="navigation">
+
<nav id="site-navigation" role="navigation">
 
   <ul>
 
   <ul>
 
    
 
    
 
      
 
      
 
      
 
      
−
     <li class="active">
+
     <li >
−
         <a id="menu-about"  href="">
+
         <a id="menu-about"  href="https://2017.igem.org/Team:Tianjin/Project">
−
            projects
+
          <font size="1.3rem" style="font-family:'raleway',Verdana,sans-serif;" color="#c4d8d1">project</font>
 
         </a>
 
         </a>
 
          
 
          
Line 130: Line 130:
 
      
 
      
 
     <li >
 
     <li >
−
         <a id="menu-services"  href="services.html">
+
         <a id="menu-process"  href="https://2017.igem.org/Team:Tianjin/Parts/">
−
          parts
+
            <font size="1.3rem" style="font-family:'raleway',Verdana,sans-serif;" color="#c4d8d1">parts</font>
 
         </a>
 
         </a>
 
          
 
          
 
     </li>
 
     </li>
−
 
 
−
   
 
 
    
 
    
 
      
 
      
 
      
 
      
 
     <li >
 
     <li >
−
         <a id="menu-works"  href="https://2017.igem.org/Team:Tianjin/Team">
+
         <a id="menu-works"  href="https://2017.igem.org/Team:Tianjin/team">
−
            team
+
            <font size="1.3rem" style="font-family:'raleway',Verdana,sans-serif;" color="#c4d8d1">team</font>
 
         </a>
 
         </a>
 
          
 
          
Line 149: Line 147:
 
      
 
      
 
      
 
      
−
     <li >
+
     <li class="active">
−
         <a id="menu-contact"  href="contact.html">
+
         <a id="menu-contact"  href="https://2017.igem.org/Team:Tianjin/Human_Practices">
−
            human practices
+
            <font size="1.3rem" style="font-family:'raleway',Verdana,sans-serif;" color="#c4d8d1">human practices</font>
 
         </a>
 
         </a>
 
          
 
          
Line 157: Line 155:
 
    
 
    
 
   </ul>
 
   </ul>
−
</nav>
+
</nav>
 +
 
 +
<div style="height:1200px;"></div>
 +
 
 +
<script type="text/javascript" src="https://2017.igem.org/Team:Tianjin/Resources/JS:navjs?action=raw&ctype=text/javascript"></script>
 +
 
 +
 
  
 
<article>
 
<article>
Line 174: Line 178:
 
        
 
        
 
         <div class="gear-text fittxt">
 
         <div class="gear-text fittxt">
−
           <a href="index2.html" target="_self">
+
<div style="z-index:999; width:80px; height:80px;">
−
          <h6>description</h6></a>
+
           <a title="description" href="https://2017.igem.org/Team:Tianjin/Description" target="_self"><img src="https://static.igem.org/mediawiki/2017/1/1a/Tianjin_description.png" style="padding-top:35px;"></a>
 +
</div>
 
         </div>
 
         </div>
 
          
 
          
Line 191: Line 196:
 
          
 
          
 
         <div class="gear-text fittxt">
 
         <div class="gear-text fittxt">
−
        <a href="" target="_self"><h6>safety</h6> </a>
+
 +
          <a title="model" href="https://2017.igem.org/Team:Tianjin/Model" target="_self"><img src="https://static.igem.org/mediawiki/2017/f/fd/Tianjin_model.png" style="padding-top:15px; padding-right:10px;"></a>
 
         </div>
 
         </div>
 
        
 
        
 
       </div>
 
       </div>
−
      <div class="gear normal">
+
   
−
        <div class="gear-inner">
+
   
−
          <div class="bar"></div>
+
−
          <div class="bar"></div>
+
−
          <div class="bar"></div>
+
−
          <div class="bar"></div>
+
−
          <div class="bar"></div>
+
−
          <div class="bar"></div>
+
−
        </div>
+
−
       
+
−
        <div class="gear-text fittxt">
+
−
        <a href="thismuchweknowv2.html" target="_self">
+
−
          <h6>experiment</h6>
+
−
          </a>
+
−
        </div>
+
−
       
+
−
       
+
−
      </div>
+
−
      <div class="gear small four">
+
−
        <div class="gear-inner">
+
−
          <div class="bar"></div>
+
−
          <div class="bar"></div>
+
−
          <div class="bar"></div>
+
−
          <div class="bar"></div>
+
−
          <div class="bar"></div>
+
−
          <div class="bar"></div>
+
−
        </div>
+
−
        <div class="gear-text fittxt">
+
−
          <a herf="" target="_self">
+
−
          <h6>lab</h6>
+
−
          </a>
+
−
        </div>
+
−
      </div>
+
 
     </div>
 
     </div>
 
     <div class="gear-area gear-area-b">
 
     <div class="gear-area gear-area-b">
−
       <div class="gear large">
+
       <div class="gear large one">
 
         <div class="gear-inner">
 
         <div class="gear-inner">
 
           <div class="bar"></div>
 
           <div class="bar"></div>
Line 240: Line 215:
 
         </div>
 
         </div>
 
         <div class="gear-text fittxt">
 
         <div class="gear-text fittxt">
−
           <a href="profile.html" target="_self">  
+
           <a title="safety" href="https://2017.igem.org/Team:Tianjin/Safety" target="_self"><img src="https://static.igem.org/mediawiki/2017/3/35/Tianjin_safety.png" style="padding-top:35px;"> </a>
−
          <h6>demonstrate</h6>  
+
−
          </a>
+
 
         </div>
 
         </div>
 
       </div>
 
       </div>
−
       <div class="gear middle">
+
       <div class="gear middle two">
−
         <div class="gear-inner">
+
         <div class="gear-inner" >
 
           <div class="bar"></div>
 
           <div class="bar"></div>
 
           <div class="bar"></div>
 
           <div class="bar"></div>
Line 255: Line 228:
 
         </div>
 
         </div>
 
         <div class="gear-text fittxt">
 
         <div class="gear-text fittxt">
−
           <a herf="" target="_self">  
+
           <a title="design" href="https://2017.igem.org/Team:Tianjin/Design" target="_self"><img src="https://static.igem.org/mediawiki/2017/5/5e/Tianjin_design.png" style="padding-top:25px; z-index:999;"></a>
−
          <h6>notebook</h6>  
+
−
          </a>
+
 
         </div>
 
         </div>
 
       </div>
 
       </div>
−
       <div class="gear normal">
+
        
−
        <div class="gear-inner">
+
   
−
          <div class="bar"></div>
+
−
          <div class="bar"></div>
+
−
          <div class="bar"></div>
+
−
          <div class="bar"></div>
+
−
          <div class="bar"></div>
+
−
          <div class="bar"></div>
+
−
        </div>
+
−
        <div class="gear-text fittxt">
+
−
          <a herf="" target="_self"> 
+
−
        <h6>design</h6>
+
−
        </a>
+
−
        </div>
+
−
      </div>
+
−
      <div class="gear small">
+
−
        <div class="gear-inner">
+
−
          <div class="bar"></div>
+
−
          <div class="bar"></div>
+
−
          <div class="bar"></div>
+
−
          <div class="bar"></div>
+
−
          <div class="bar"></div>
+
−
          <div class="bar"></div>
+
−
        </div>
+
−
        <div class="gear-text fittxt">
+
−
                </div>
+
−
      </div>
+
 
     </div>
 
     </div>
 
     <div class="gear-area gear-area-c">
 
     <div class="gear-area gear-area-c">
Line 305: Line 251:
 
         </div>
 
         </div>
 
         <div class="gear-text fittxt">
 
         <div class="gear-text fittxt">
−
           <a herf="" target="_self">  
+
           <div style="z-index:999; width:65px; height:65px;">
−
        <h6>result</h6>  
+
        <a title="achievement" href="https://2017.igem.org/Team:Tianjin/Achievements" target="_self"><img src="https://static.igem.org/mediawiki/2017/0/00/Tianjin_achievement.png"  style="padding-top:5px;"></a>  
−
        </a>
+
                      </div>
 
         </div>
 
         </div>
 
       </div>
 
       </div>
Line 326: Line 272:
 
         </div>
 
         </div>
 
         <div class="gear-text fittxt">  
 
         <div class="gear-text fittxt">  
−
        <a herf="" target="_self"><h6>improve</h6></a>
+
         <div style="z-index:999; width:65px; height:65px;">
−
         </div>
+
         <a title="Demonstrate" href="https://2017.igem.org/Team:Tianjin/Demonstrate" target="_self"><img src="https://static.igem.org/mediawiki/2017/8/80/Tianjin_result.png" style="padding-top:5px;"></a>  
−
      </div>
+
                      </div>
−
      <div class="gear three">
+
                </div>
−
        <div class="gear-inner">
+
−
          <div class="bar"></div>
+
−
          <div class="bar"></div>
+
−
          <div class="bar"></div>
+
−
          <div class="bar"></div>
+
−
          <div class="bar"></div>
+
−
          <div class="bar"></div>
+
−
        </div>
+
−
        <div class="gear-text fittxt">
+
−
         <a herf="" target="_self">
+
−
        <h6></h6>
+
−
        </a>
+
−
        </div>
+
−
      </div>
+
−
      <div class="gear four">
+
−
        <div class="gear-inner">
+
−
          <div class="bar"></div>
+
−
          <div class="bar"></div>
+
−
          <div class="bar"></div>
+
−
          <div class="bar"></div>
+
−
          <div class="bar"></div>
+
−
          <div class="bar"></div>
+
−
        </div>
+
−
        <div class="gear-text">
+
−
        <a herf="" target="_self">  
+
−
        <h6><span class="char1" style="display: inline-block; transition: none; transform: translateX(-2px) translateY(35px) rotate(-78deg);">A</span><span class="char2" style="display: inline-block; transition: none; transform: translateX(-7px) translateY(23px) rotate(-62deg);">T</span><span class="char3" style="display: inline-block; transition: none; transform: translateX(-8px) translateY(14px) rotate(-47deg);">T</span><span class="char4" style="display: inline-block; transition: none; transform: translateX(-7px) translateY(7px) rotate(-33deg);">R</span><span class="char5" style="display: inline-block; transition: none; transform: translateX(-4px) translateY(2px) rotate(-18deg);">I</span><span class="char6" style="display: inline-block; transition: none; transform: translateX(0px) translateY(0px) rotate(-3deg);">B</span><span class="char7" style="display: inline-block; transition: none; transform: translateX(3px) translateY(1px) rotate(11deg);">U</span><span class="char8" style="display: inline-block; transition: none; transform: translateX(6px) translateY(5px) rotate(27deg);">T</span><span class="char9" style="display: inline-block; transition: none; transform: translateX(8px) translateY(12px) rotate(44deg);">I</span><span class="char10" style="display: inline-block; transition: none; transform: translateX(8px) translateY(18px) rotate(56deg);">O</span><span class="char11" style="display: inline-block; transition: none; transform: translateX(6px) translateY(26px) rotate(66deg);">N</span><span class="char12" style="display: inline-block; transition: none; transform: translateX(2px) translateY(36px) rotate(79deg);">t</span></h6>  
+
−
        </a>
+
−
        </div>
+
 
       </div>
 
       </div>
 +
   
 +
     
 
     </div>
 
     </div>
 
     <div class="gear-area gear-area-d">
 
     <div class="gear-area gear-area-d">
Line 371: Line 291:
 
         </div>
 
         </div>
 
         <div class="gear-text fittxt">
 
         <div class="gear-text fittxt">
−
         <a herf="" target="_self"><h6>parts</h6></a>
+
         <a title="notebook" href="https://2017.igem.org/Team:Tianjin/Notebook" target="_self"><img src="https://static.igem.org/mediawiki/2017/e/e0/Tianjin_notebook.png" style="padding-top:35px;"></a>
−
        </div>
+
−
      </div>
+
−
      <div class="gear normal">
+
−
        <div class="gear-inner">
+
−
          <div class="bar"></div>
+
−
          <div class="bar"></div>
+
−
          <div class="bar"></div>
+
−
          <div class="bar"></div>
+
−
          <div class="bar"></div>
+
−
          <div class="bar"></div>
+
−
        </div>
+
−
        <div class="gear-text fittxt">
+
−
      <a herf="" target="_self"><h6>composite</h6> </a>
+
−
        </div>
+
−
      </div>
+
−
      <div class="gear small">
+
−
        <div class="gear-inner">
+
−
          <div class="bar"></div>
+
−
          <div class="bar"></div>
+
−
          <div class="bar"></div>
+
−
          <div class="bar"></div>
+
−
          <div class="bar"></div>
+
−
          <div class="bar"></div>
+
−
        </div>
+
−
        <div class="gear-text fittxt">
+
−
        <a herf="" target="_self"><h6>basic</h6></a>
+
 
         </div>
 
         </div>
 
       </div>
 
       </div>
 +
   
 
     </div>
 
     </div>
 
     <div class="gear x-large center">
 
     <div class="gear x-large center">
Line 436: Line 331:
 
     </div>
 
     </div>
 
     <div class="brain">
 
     <div class="brain">
−
       <div id="laser"></div>
+
        
 
     </div>
 
     </div>
 
   </div>
 
   </div>
 
   </div>
 
   </div>
 
</article>
 
</article>
−
<nav class="page-navi">
+
 
−
  <a href="services.html">
+
−
    <span class="next-page">
+
−
      <span class="hint">PARTs</span>
+
−
    </span>
+
−
    <span class="arrow right"></span>
+
−
  </a>
+
−
</nav>
+
  
 
<footer id="site-footer" role="contentinfo">
 
<footer id="site-footer" role="contentinfo">

Latest revision as of 02:42, 2 November 2017


<!DOCTYPE html>