Team:SYSU-China

From 2014.igem.org

(Difference between revisions)
 
(18 intermediate revisions not shown)
Line 1: Line 1:
 +
{{CSS/Main}}
 +
<html>
 +
 +
<!DOCTYPE html>
 +
<html xmlns="http://www.w3.org/1999/xhtml">
 +
<head>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
Line 10: Line 16:
     <link rel="stylesheet" type="text/css" href="https://2014.igem.org/Team:SYSU-China/css/style.css?action=raw&ctype=text/css" />
     <link rel="stylesheet" type="text/css" href="https://2014.igem.org/Team:SYSU-China/css/style.css?action=raw&ctype=text/css" />
<link rel='stylesheet' type='text/css' href="https://2014.igem.org/Team:SYSU-China/css/fonts.googleapis.comcssfamily=Open+Sans300,700.css?action=raw&ctype=text/css" />
<link rel='stylesheet' type='text/css' href="https://2014.igem.org/Team:SYSU-China/css/fonts.googleapis.comcssfamily=Open+Sans300,700.css?action=raw&ctype=text/css" />
-
<link rel="stylesheet" href="//code.jquery.com/ui/1.11.1/themes/smoothness/jquery-ui.css?action=raw&ctype=text/css">
+
<link rel="stylesheet" type="text/css" href="https://2014.igem.org/Team:SYSU-China/jquery-ui.css?action=raw&ctype=text/css">
<!--[if IE]>
<!--[if IE]>
Line 28: Line 34:
<script type="text/javascript" src="https://2014.igem.org/Team:SYSU-China/js/animate.js?action=raw&ctype=text/javascript"></script>
<script type="text/javascript" src="https://2014.igem.org/Team:SYSU-China/js/animate.js?action=raw&ctype=text/javascript"></script>
<script type="text/javascript" src="https://2014.igem.org/Team:SYSU-China/js/animateToClass.js?action=raw&ctype=text/javascript"></script>
<script type="text/javascript" src="https://2014.igem.org/Team:SYSU-China/js/animateToClass.js?action=raw&ctype=text/javascript"></script>
-
<script src="//code.jquery.com/ui/1.11.1/jquery-ui.js?action=raw&ctype=text/javascript"></script>
+
<script type="text/javascript" src="https://2014.igem.org/Team:SYSU-China/js/jquery-ui.js?action=raw&ctype=text/javascript"></script>
<script type="text/javascript" src="https://2014.igem.org/Team:SYSU-China/js/hoverdelay.js?action=raw&ctype=text/javascript"></script>
<script type="text/javascript" src="https://2014.igem.org/Team:SYSU-China/js/hoverdelay.js?action=raw&ctype=text/javascript"></script>
 +
 +
<script type="text/javascript">
 +
        (function() {
 +
            $($(".firstHeading")[0]).hide();
 +
$("#top-section").hide();
 +
$("#headdiv").hover(function() {
 +
$("#top-section").show();
 +
},function() {
 +
 +
}).trigger("mousehover");
 +
 +
$("#top-section").hover(function() {
 +
 +
},function() {
 +
$("#top-section").hide();
 +
}).trigger("mousehover");
 +
        })(jQuery)
 +
    </script>
</head>
</head>
<body>
<body>
 +
<div id="headdiv"></div>
    
    
<!--this is main section-->  
<!--this is main section-->  
Line 38: Line 63:
<div class="section " id="section0">
<div class="section " id="section0">
<div class="intro">
<div class="intro">
-
<h1>HERE GOES CAPTION</h1>
+
<h1>In The Past</h1>
-
<p>some introducing wordslalala</p>
+
<p>
 +
Directed Evolution experiments were so laborious.
 +
</p>
<!--this is IGEM LOGO-->
<!--this is IGEM LOGO-->
Line 88: Line 115:
     <div class="section" id="section1">
     <div class="section" id="section1">
         <div class="intro">
         <div class="intro">
-
<h1>caption</h1>
+
<p>
-
<p>still some introduction</p>
+
We have the Integrated Evolution Machine!
 +
</p>
<img src="https://static.igem.org/mediawiki/2014/e/ee/Sysuchina_hide3.png" id="hide3">                        
<img src="https://static.igem.org/mediawiki/2014/e/ee/Sysuchina_hide3.png" id="hide3">                        
Line 113: Line 141:
      
      
<!--this is section3-->   
<!--this is section3-->   
 +
 +
 +
 +
<div class="section" id="section2">
<div class="section" id="section2">
<div class="intro">
<div class="intro">
-
  <h1>Integrated Evolution Machine</h1>
+
   
         </div>
         </div>
         <img src="https://static.igem.org/mediawiki/2014/f/f6/Sysuchina_hide4.png" id="hide4">
         <img src="https://static.igem.org/mediawiki/2014/f/f6/Sysuchina_hide4.png" id="hide4">
Line 124: Line 156:
<ul class="ch-grid">
<ul class="ch-grid">
<li>
<li>
-
<div class="ch-item ch-img-1">
+
<div class="ch-item ch-img-1" >
<div class="ch-info">
<div class="ch-info">
<h3>PROJECT</h3>
<h3>PROJECT</h3>
-
<p>brief introduction <a href="content.html#!item/project">know more</a></p>
+
<p>brief introduction <a href="https://2014.igem.org/Team:SYSU-China/content.html#Project/Background">know more</a></p>
</div>
</div>
</div>
</div>
</li>
</li>
<li>
<li>
-
<div class="ch-item ch-img-2">
+
<div class="ch-item ch-img-2" style="margin-left:60px; !important">
<div class="ch-info">
<div class="ch-info">
<h3>JUDGING</h3>
<h3>JUDGING</h3>
-
<p>brief introduction <a href="content.html#!item/judging">know more</a></p>
+
<p>brief introduction <a href="https://2014.igem.org/Team:SYSU-China/content.html#Judging/Safetyform">know more</a></p>
</div>
</div>
</div>
</div>
</li>
</li>
<li>
<li>
-
<div class="ch-item ch-img-3">
+
<div class="ch-item ch-img-3" style="margin-left:100px !important;">
<div class="ch-info">
<div class="ch-info">
<h3>HUMAN PRACTICE</h3>
<h3>HUMAN PRACTICE</h3>
-
<p>brief introduction<a href="content.html#!item/humanpractice">know more</a></p>
+
<p>brief introduction<a href="https://2014.igem.org/Team:SYSU-China/content.html#HumanPractice/iGEMCC">know more</a></p>
-
</div>
+
-
</div>
+
-
</li>
+
-
                    <li>
+
-
<div class="ch-item ch-img-4">
+
-
<div class="ch-info">
+
-
<h3>NOTEBOOK</h3>
+
-
<p>brief introduction<a href="content.html#!item/notebook">know more</a></p>
+
</div>
</div>
</div>
</div>
</li>
</li>
 +
                     <li>
                     <li>
-
<div class="ch-item ch-img-5">
+
<div class="ch-item ch-img-5 " style="margin-left:130px !important;">
<div class="ch-info">
<div class="ch-info">
<h3>TEAM</h3>
<h3>TEAM</h3>
-
<p>brief introduction <a href="content.html#!item/team">know more</a></p>
+
<p>brief introduction <a href="https://2014.igem.org/Team:SYSU-China/content.html#Team/Ourteam">know more</a></p>
</div>
</div>
</div>
</div>
Line 183: Line 208:
</body>
</body>
 +
</html>

Latest revision as of 14:40, 17 November 2014

2014 SYSU-China integrated evolution machine

In The Past

Directed Evolution experiments were so laborious.

teardropLeft worker1 teardropRight cloud1 cloud2 cloud3 cloud4 worker2 fire worker3 board
boardFont
line wheel wheel wheel

We have the Integrated Evolution Machine!

chaplin machine1 machine2 machine3 offwork onwork m13 m13_1 m13_2
sysu-china