Team:SYSU-China
From 2014.igem.org
(Difference between revisions)
(20 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
+ | {{CSS/Main}} | ||
+ | <html> | ||
+ | |||
<!DOCTYPE html> | <!DOCTYPE html> | ||
<html xmlns="http://www.w3.org/1999/xhtml"> | <html xmlns="http://www.w3.org/1999/xhtml"> | ||
Line 5: | Line 8: | ||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> | <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> | ||
<meta name="keywords" content="integrated,evolution,machine,sysu-china,b2h,mutation,m13,RNAT"> | <meta name="keywords" content="integrated,evolution,machine,sysu-china,b2h,mutation,m13,RNAT"> | ||
- | <meta name="author" content="Moriwifi Guo | + | <meta name="author" content="Moriwifi Guo Wenyan,MaryZhang Liu Chancheng" /> |
<title>2014 SYSU-China integrated evolution machine</title> | <title>2014 SYSU-China integrated evolution machine</title> | ||
Line 13: | 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="// | + | <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 31: | 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="// | + | <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 41: | Line 63: | ||
<div class="section " id="section0"> | <div class="section " id="section0"> | ||
<div class="intro"> | <div class="intro"> | ||
- | <h1> | + | <h1>In The Past</h1> |
- | <p> | + | <p> |
+ | Directed Evolution experiments were so laborious. | ||
+ | </p> | ||
<!--this is IGEM LOGO--> | <!--this is IGEM LOGO--> | ||
<div id="IGEMlogo" > | <div id="IGEMlogo" > | ||
<a href="https://2014.igem.org/Main_Page"> | <a href="https://2014.igem.org/Main_Page"> | ||
- | <img src=" | + | <img src="https://static.igem.org/mediawiki/2014/d/d7/Sysuchina_igemdeLogo.png" alt="IGEM LOGO" > |
</a> | </a> | ||
</div> | </div> | ||
Line 91: | Line 115: | ||
<div class="section" id="section1"> | <div class="section" id="section1"> | ||
<div class="intro"> | <div class="intro"> | ||
- | < | + | <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 99: | Line 124: | ||
<img src="https://static.igem.org/mediawiki/2014/b/b8/Sysuchina_bg22.png" alt="machine1" class="machine" /> | <img src="https://static.igem.org/mediawiki/2014/b/b8/Sysuchina_bg22.png" alt="machine1" class="machine" /> | ||
<img src="https://static.igem.org/mediawiki/2014/7/71/Sysuchina_bg23.png" alt="machine2" class="machine" /> | <img src="https://static.igem.org/mediawiki/2014/7/71/Sysuchina_bg23.png" alt="machine2" class="machine" /> | ||
- | <img src=" | + | <img src="https://static.igem.org/mediawiki/2014/1/1f/Sysuchina_bg24.png" alt="machine3" class="machine" /> |
<img src="https://static.igem.org/mediawiki/2014/a/ac/Sysuchina_bg22_button.png" alt="offwork" class="button" /> | <img src="https://static.igem.org/mediawiki/2014/a/ac/Sysuchina_bg22_button.png" alt="offwork" class="button" /> | ||
<img src="https://static.igem.org/mediawiki/2014/9/9d/Sysuchina_bg23_button.png" alt="onwork" class="button" /> | <img src="https://static.igem.org/mediawiki/2014/9/9d/Sysuchina_bg23_button.png" alt="onwork" class="button" /> | ||
Line 116: | Line 141: | ||
<!--this is section3--> | <!--this is section3--> | ||
+ | |||
+ | |||
+ | |||
+ | |||
<div class="section" id="section2"> | <div class="section" id="section2"> | ||
<div class="intro"> | <div class="intro"> | ||
- | + | ||
</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 127: | 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# | + | <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# | + | <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=" | + | <p>brief introduction<a href="https://2014.igem.org/Team:SYSU-China/content.html#HumanPractice/iGEMCC">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# | + | <p>brief introduction <a href="https://2014.igem.org/Team:SYSU-China/content.html#Team/Ourteam">know more</a></p> |
</div> | </div> | ||
</div> | </div> |
Latest revision as of 14:40, 17 November 2014
We have the Integrated Evolution Machine!