|
|
| (2 intermediate revisions not shown) |
| Line 1: |
Line 1: |
| | {{CSS/Main}} | | {{CSS/Main}} |
| | + | <html> |
| | + | |
| | <!DOCTYPE html> | | <!DOCTYPE html> |
| - | <html lang="zh-CN"> | + | <html xmlns="http://www.w3.org/1999/xhtml"> |
| | + | |
| | <head> | | <head> |
| - | <meta charset="utf-8">
| + | <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> |
| - | <link rel="stylesheet" type="text/css" href="https://2014.igem.org/Team:SYSU-China/css/jquery.fullPage.css?action=raw&ctype=text/css">
| + | <meta name="keywords" content="integrated,evolution,machine,sysu-china,b2h,mutation,m13,RNAT"> |
| - | <link rel="stylesheet" type="text/css" href="https://2014.igem.org/Team:SYSU-China/newmain.css?action=raw&ctype=text/css">
| + | <meta name="author" content="Moriwifi Guo Wenyan，MaryZhang Liu Chancheng" /> |
| - | <link rel="stylesheet" type="text/css" href="https://2014.igem.org/Team:SYSU-China/css/common.css?action=raw&ctype=text/css" />
| + | <title>2014 SYSU-China integrated evolution machine</title> |
| - | <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="//code.jquery.com/ui/1.11.1/themes/smoothness/jquery-ui.css?action=raw&ctype=text/css">
| + | |
| - | <link href="https://2014.igem.org/Team:SYSU-China/css/flexnav.css?action=raw&ctype=text/css" rel="stylesheet" type="text/css" />
| + | |
| - | <link rel="stylesheet" type="text/css" href="https://2014.igem.org/Team:SYSU-China/css/common.css?action=raw&ctype=text/css" />
| + | |
| - | <link rel="stylesheet" type="text/css" href="https://2014.igem.org/Team:SYSU-China/css/style4.css?action=raw&ctype=text/css" />
| + | |
| - | <script type="text/javascript" src="https://2014.igem.org/Team:SYSU-China/js/modernizr.custom.79639.js?action=raw&ctype=text/javascript"></script>
| + | |
| - | <!--[if IE]>
| + | |
| - | <script type="text/javascript">
| + | |
| - | var console = { log: function() {} };
| + | |
| - | </script>
| + | |
| - | <![endif]-->
| + | |
| - |
| + | |
| | | | |
| - | <script type="text/javascript" src="https://2014.igem.org/Team:SYSU-China/lib/modernizr.custom.79639.js?action=raw&ctype=text/javascript"></script>
| + | <link rel="stylesheet" type="text/css" href="https://2014.igem.org/Team:SYSU-China/css/jquery.fullPage.css?action=raw&ctype=text/css"> |
| - | <script type="text/javascript" src="https://2014.igem.org/Team:SYSU-China/lib/jquery.min.js?action=raw&ctype=text/javascript"></script> | + | <link rel="stylesheet" type="text/css" href="https://2014.igem.org/Team:SYSU-China/css/main.css?action=raw&ctype=text/css"> |
| - | <script type="text/javascript" src="https://2014.igem.org/Team:SYSU-China/lib/jquery-ui.min.js?action=raw&ctype=text/javascript"></script> | + | <link rel="stylesheet" type="text/css" href="https://2014.igem.org/Team:SYSU-China/css/common.css?action=raw&ctype=text/css" /> |
| - | <script type="text/javascript" src="https://2014.igem.org/Team:SYSU-China/lib/jquery.fullPage.min.js?action=raw&ctype=text/javascript"></script>
| + | <link rel="stylesheet" type="text/css" href="https://2014.igem.org/Team:SYSU-China/css/style.css?action=raw&ctype=text/css" /> |
| - | <script type="text/javascript" src="https://2014.igem.org/Team:SYSU-China/lib/jquery.fullPage.js?action=raw&ctype=text/javascript"></script>
| + | <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/jquery-ui.css?action=raw&ctype=text/css"> |
| | + | |
| | + | <!--[if IE]> |
| | + | <script type="text/javascript"> |
| | + | var console = { log: function() {} }; |
| | + | </script> |
| | + | <![endif]--> |
| | + | |
| | | | |
| - |
| + | <script type="text/javascript" src="https://2014.igem.org/Team:SYSU-China/lib/modernizr.custom.79639.js?action=raw&ctype=text/javascript"></script> |
| | + | <script type="text/javascript" src="https://2014.igem.org/Team:SYSU-China/lib/jquery.min.js?action=raw&ctype=text/javascript"></script> |
| | + | <script type="text/javascript" src="https://2014.igem.org/Team:SYSU-China/lib/jquery-ui.min.js?action=raw&ctype=text/javascript"></script> |
| | + | <script type="text/javascript" src="https://2014.igem.org/Team:SYSU-China/lib/jquery.fullPage.min.js?action=raw&ctype=text/javascript"></script> |
| | + | <script type="text/javascript" src="https://2014.igem.org/Team:SYSU-China/lib/jquery.fullPage.js?action=raw&ctype=text/javascript"></script> |
| | | | |
| - | <script type="text/javascript" src="https://2014.igem.org/Team:SYSU-China/lib/jquery.rotate.min.js?action=raw&ctype=text/javascript"></script>
| + | <script type="text/javascript" src="https://2014.igem.org/Team:SYSU-China/lib/jquery.rotate.min.js?action=raw&ctype=text/javascript"></script> |
| - | <script type="text/javascript" src="https://2014.igem.org/Team:SYSU-China/newanimate.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 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/jquery-ui.js?action=raw&ctype=text/javascript"></script> |
| - | <script type="text/javascript" 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/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" src="https://2014.igem.org/Team:SYSU-China/js/jquery.flexnav.js?action=raw&ctype=text/javascript"></script>
| + | |
| - |
| + | |
| - | <link href='http://fonts.googleapis.com/css?family=Open+Sans:300,700&action=raw&ctype=text/css' rel='stylesheet' type='text/css' />
| + | |
| | | | |
| - | <!--Picture-->
| + | <script type="text/javascript"> |
| - | <!-- Add jQuery library -->
| + | (function() { |
| | + | $($(".firstHeading")[0]).hide(); |
| | + | $("#top-section").hide(); |
| | + | $("#headdiv").hover(function() { |
| | + | $("#top-section").show(); |
| | + | },function() { |
| | + | |
| | + | }).trigger("mousehover"); |
| | | | |
| - | <!-- Add mousewheel plugin (this is optional) -->
| + | $("#top-section").hover(function() { |
| - | <script type="text/javascript" src="https://2014.igem.org/Team:SYSU-China/fancybox/lib/jquery.mousewheel-3.0.6.pack.js?action=raw&ctype=text/javascript"></script>
| + | |
| | + | },function() { |
| | + | $("#top-section").hide(); |
| | + | }).trigger("mousehover"); |
| | + | })(jQuery) |
| | + | </script> |
| | | | |
| - | <!-- Add fancyBox -->
| |
| - | <link rel="stylesheet" href="https://2014.igem.org/Team:SYSU-China/fancybox/source/jquery.fancybox.css?v=2.1.5&action=raw&ctype=text/css" type="text/css" media="screen" />
| |
| - | <script type="text/javascript" src="https://2014.igem.org/Team:SYSU-China/fancybox/source/jquery.fancybox.pack.js?v=2.1.5&action=raw&ctype=text/javascript"></script>
| |
| - |
| |
| - | <!-- Optionally add helpers - button, thumbnail and/or media -->
| |
| - | <link rel="stylesheet" href="https://2014.igem.org/Team:SYSU-China/fancybox/source/helpers/jquery.fancybox-buttons.css?v=1.0.5&action=raw&ctype=text/css" type="text/css" media="screen" />
| |
| - | <script type="text/javascript" src="https://2014.igem.org/Team:SYSU-China/fancybox/source/helpers/jquery.fancybox-buttons.js?v=1.0.5&action=raw&ctype=text/javascript"></script>
| |
| - | <script type="text/javascript" src="https://2014.igem.org/Team:SYSU-China/fancybox/source/helpers/jquery.fancybox-media.js?v=1.0.6&action=raw&ctype=text/javascript"></script>
| |
| - |
| |
| - | <link rel="stylesheet" href="https://2014.igem.org/Team:SYSU-China/fancybox/source/helpers/jquery.fancybox-thumbs.css?v=1.0.7&action=raw&ctype=text/css" type="text/css" media="screen" />
| |
| - | <script type="text/javascript" src="https://2014.igem.org/Team:SYSU-China/fancybox/source/helpers/jquery.fancybox-thumbs.js?v=1.0.7&action=raw&ctype=text/javascript"></script>
| |
| - |
| |
| - | <!--Picture-->
| |
| - |
| |
| - |
| |
| - | <!--flexslider-->
| |
| - | <link rel="stylesheet" href="https://2014.igem.org/Team:SYSU-China/css/flexslider.css?action=raw&ctype=text/css" type="text/css" media="screen" />
| |
| - | <script src="https://2014.igem.org/Team:SYSU-China/js/jquery.flexslider-min.js?action=raw&ctype=text/javascript"></script>
| |
| - |
| |
| - | <!-- Includes for this demo -->
| |
| - | <link rel="stylesheet" href="https://2014.igem.org/Team:SYSU-China/demo-stuff/demoslider.css?action=raw&ctype=text/css" type="text/css" media="screen" />
| |
| - |
| |
| - |
| |
| - | <!--flexslider-->
| |
| - |
| |
| - | <link rel="stylesheet" href="https://2014.igem.org/Team:SYSU-China/css/jquery.remodal.css?action=raw&ctype=text/css">
| |
| - | <script src="https://2014.igem.org/Team:SYSU-China/js/jquery.remodal.js?action=raw&ctype=text/javascript"></script>
| |
| | </head> | | </head> |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| | <body> | | <body> |
| | + | <div id="headdiv"></div> |
| | + | |
| | + | <!--this is main section--> |
| | + | <div id="fullpage"> |
| | + | <div class="section " id="section0"> |
| | + | <div class="intro"> |
| | + | <h1>In The Past</h1> |
| | + | <p> |
| | + | Directed Evolution experiments were so laborious. |
| | + | </p> |
| | | | |
| - | <div id="navihide">
| + | <!--this is IGEM LOGO--> |
| - | </div>
| + | |
| - | <!--Top navigation-->
| + | <a href="https://2014.igem.org/ Main_Page"> |
| - | | + | <img src="https://static.igem.org/mediawiki/2014/ d/ d7/ Sysuchina_igemdeLogo.png" alt=" IGEM LOGO" > |
| - | <!--<span id="route"> <a > current route </a></span>--> | + | </a> |
| - | <div id="icons">
| + | </div> |
| - | <img src="https://static.igem.org/mediawiki/2014/5/5b/Sysuchina_bg31.png" alt="icon1" id="icon1">
| + | |
| - | <img src="https://static.igem.org/mediawiki/2014/5/5e/Sysuchina_bg34.png" alt="icon2" id="icon2">
| + | |
| - | <img src="https://static.igem.org/mediawiki/2014/ 7/ 74/ Sysuchina_bg33.png" alt=" icon3" id="icon3"> | + | |
| - | <img src="https://static.igem.org/mediawiki/2014/2/27/Sysuchina_bg35.png" alt="icon5" id="icon5">
| + | |
| - | </div>
| + | |
| | | | |
| - | <nav class = "navigation2">
| + | |
| - | <ul data-breakpoint="800" class="flexnav">
| + | |
| - | <li class="firstNav"><a href="#Project/Background">Project</a>
| + | |
| - | <ul>
| + | |
| - | <li><a href="#Project/Background">Background</a></li>
| + | |
| - | <li><a href="#Project/Design/M13">Design</a>
| + | |
| - | <ul>
| + | |
| - | <li><a href="#Project/Design/Overview">Overview</a></li>
| + | |
| - | <li><a href="#Project/Design/M13">M13</a></li>
| + | |
| - | <li><a href="#Project/Design/Mutagenesis">Mutagenesis</a></li>
| + | |
| - | <li><a href="#Project/Design/B2H">B2H</a></li>
| + | |
| - | <li><a href="#Project/Design/RNAT">RNAT</a></li>
| + | |
| - | </ul>
| + | |
| - | </li>
| + | |
| - | <li><a href="#Project/Result/M13">Result</a>
| + | |
| - | <ul>
| + | |
| - | <li><a href="#Project/Result/RNAT">Overview</a></li>
| + | |
| - | <li><a href="#Project/Result/M13">M13</a></li>
| + | |
| - | <li><a href="#Project/Result/Mutage">Mutagenesis</a></li>
| + | |
| - | <li><a href="#Project/Result/B2H">B2H</a></li>
| + | |
| - | <li><a href="#Project/Result/RNAT">RNAT</a></li>
| + | |
| - | <li><a href="#Project/Result/Integration">Integration</a></li>
| + | |
| - | </ul>
| + | |
| - | </li>
| + | |
| - | <li><a href="#Project/Model/BLOSUM62">Model</a>
| + | |
| - | <ul>
| + | |
| - | <li><a href="#Project/Model/BLOSUM62">BLOSUM62</a></li>
| + | |
| - | <li><a href="#Project/Model/Chemicaldynamicalmodel">Chemical dynamical model</a></li>
| + | |
| - | <li><a href="#Project/Model/Sequenceevolutionmodel">Sequence evolution model</a></li>
| + | |
| - | <li><a href="#Project/Model/Populationgrowthmodel">Population growth model</a></li>
| + | |
| - | </ul>
| + | |
| - | </li>
| + | |
| - |
| + | |
| - | <li><a href="#Project/Notebook/Protocol/M13">Notebook</a>
| + | |
| - | <ul>
| + | |
| - | <li><a href="#Project/Notebook/Protocol/M13">Protocol</a></li>
| + | |
| - | <ul>
| + | |
| - | <li><a href="#Project/Notebook/Protocol/M13">M13</a></li>
| + | |
| - | <li><a href="#Project/Notebook/Protocol/Mutation">Mutation</a></li>
| + | |
| - | <li><a href="#Project/Notebook/Protocol/B2H">B2H</a></li>
| + | |
| - | <li><a href="#Project/Notebook/Protocol/RNAT">RNAT</a></li>
| + | |
| - | <li><a href="#Project/Notebook/Protocol/TestFluorescent">Test Fluorescent</a>
| + | |
| - | </li>
| + | |
| - | <li><a href="#Project/Notebook/Protocol/Testthree">Test three</a></li>
| + | |
| - | </ul>
| + | |
| - | <li><a href="#Project/Notebook/Labnote/M13">Lab note</a>
| + | |
| - | <ul>
| + | |
| - | <li><a href="#Project/Notebook/Labnote/M13">M13</a></li>
| + | |
| - | <li><a href="#Project/Notebook/Labnote/Mutation">Mutation</a></li>
| + | |
| - | <li><a href="#Project/Notebook/Labnote/B2H">B2H</a></li>
| + | |
| - | <li><a href="#Project/Notebook/Labnote/RNAT">RNAT</a></li>
| + | |
| - | </ul>
| + | |
| - | </li>
| + | |
| - | </ul>
| + | |
| - | </li>
| + | |
| - | </ul>
| + | |
| - | </li>
| + | |
| - | | + | |
| - | <li class="firstNav"><a href="#Judging/Safetyform">Judging</a>
| + | |
| - | <ul>
| + | |
| - | <li> <a href="#Judging/Safetyform">Safety form</a></li>
| + | |
| - | <li><a href="#Judging/PartSubmission">Part Submission</a></li>
| + | |
| - | <li><a href="#Judging/Achievement">Achievement</a></li>
| + | |
| - | <li><a href="#Judging/Interlabstudy">Interlab study</a></li>
| + | |
| - | <li><a href="#Judging/Judgingform">Judging form</a></li>
| + | |
| - | </ul>
| + | |
| - | </li>
| + | |
| - | | + | |
| - | <li class="firstNav"><a href="#HumanPractice/iGEMCC">Human Practice</a>
| + | |
| - | <ul>
| + | |
| - | <li><a href="#HumanPractice/iGEMCC">iGEM CC</a></li>
| + | |
| - | <li><a href="#HumanPractice/iGEMconference">iGEM conference</a></li>
| + | |
| - | <li><a href="#HumanPractice/Newsletter">Newsletter</a></li>
| + | |
| - | </ul>
| + | |
| - | </li>
| + | |
| - | | + | |
| - | <li class="firstNav"><a href="#Team/Ourteam">Team</a>
| + | |
| - | <ul>
| + | |
| - | <li><a href="#Team/Ourteam">Our team</a></li>
| + | |
| - | <li><a href="#Team/Gallery">Gallery</a></li>
| + | |
| - | <li><a href="#Team/Attribution">Attribution</a></li>
| + | |
| - | <li><a href="#Team/Acknowledgement">Acknowledgement</a></li>
| + | |
| - | </ul>
| + | |
| - | </li>
| + | |
| - | </ul>
| + | |
| - | </nav>
| + | |
| - | </div>
| + | |
| - | | + | |
| - | <div id="fullpage">
| + | |
| - | | + | |
| - | <div class="section">
| + | |
| - | <div class="slide " id="section0">
| + | |
| - | <div class="intro">
| + | |
| - | <h1>In The Past</h1>
| + | |
| - | <p>Directed Evolution experiments were so laborious.</p>
| + | |
| - | </div>
| + | |
| - | | + | |
| - | <!--this is IGEM LOGO-->
| + | |
| - | <div id="IGEMlogo" >
| + | |
| - | <a href="https://2014.igem.org/Main_Page">
| + | |
| - | <img src="https://static.igem.org/mediawiki/2014/d/d7/Sysuchina_igemdeLogo.png" alt="IGEM LOGO" >
| + | |
| - | </a>
| + | |
| - | </div>
| + | |
| | | | |
| - | | + | |
| - | <img src="https://static.igem.org/mediawiki/2014/d/de/Sysuchina_left_tear.png" alt="teardropLeft"/ id="lefttear"> | + | <img src="https://static.igem.org/mediawiki/2014/d/de/Sysuchina_left_tear.png" alt="teardropLeft"/ id="lefttear"> |
| - | <img src="https://static.igem.org/mediawiki/2014/c/cf/Sysuchina_bg11.png" alt="worker1" id="worker1" /> | + | <img src="https://static.igem.org/mediawiki/2014/c/cf/Sysuchina_bg11.png" alt="worker1" id="worker1" /> |
| - | <img src="https://static.igem.org/mediawiki/2014/d/d8/Sysuchina_right_tear.png" alt="teardropRight" id="righttear" /> | + | <img src="https://static.igem.org/mediawiki/2014/d/d8/Sysuchina_right_tear.png" alt="teardropRight" id="righttear" /> |
| - | <img src="https://static.igem.org/mediawiki/2014/8/83/Think_cloud1.png" alt="cloud1" class="think"> | + | <img src="https://static.igem.org/mediawiki/2014/8/83/Think_cloud1.png" alt="cloud1" class="think"> |
| - | <img src="https://static.igem.org/mediawiki/2014/5/56/Think_cloud2.png" alt="cloud2" class="think"> | + | <img src="https://static.igem.org/mediawiki/2014/5/56/Think_cloud2.png" alt="cloud2" class="think"> |
| - | <img src="https://static.igem.org/mediawiki/2014/4/40/Think_cloud3.png" alt="cloud3" class="think"> | + | <img src="https://static.igem.org/mediawiki/2014/4/40/Think_cloud3.png" alt="cloud3" class="think"> |
| - | <img src="https://static.igem.org/mediawiki/2014/d/dc/Think_cloud4.png" alt="cloud4" class="think"> | + | <img src="https://static.igem.org/mediawiki/2014/d/dc/Think_cloud4.png" alt="cloud4" class="think"> |
| - | <img src="https://static.igem.org/mediawiki/2014/f/f0/Sysuchina_bg12.png" alt="worker2" id="worker2" /> | + | <img src="https://static.igem.org/mediawiki/2014/f/f0/Sysuchina_bg12.png" alt="worker2" id="worker2" /> |
| - | <img src="https://static.igem.org/mediawiki/2014/4/4d/Fire1.png" alt="fire" class="fire"> | + | <img src="https://static.igem.org/mediawiki/2014/4/4d/Fire1.png" alt="fire" class="fire"> |
| - | <img src="https://static.igem.org/mediawiki/2014/1/13/Sysuchina_bg13.png" alt="worker3" id="worker3" /> | + | <img src="https://static.igem.org/mediawiki/2014/1/13/Sysuchina_bg13.png" alt="worker3" id="worker3" /> |
| - | <img src="https://static.igem.org/mediawiki/2014/1/11/Sysuchina_bg14.png" alt="board" id="board"> | + | <img src="https://static.igem.org/mediawiki/2014/1/11/Sysuchina_bg14.png" alt="board" id="board"> |
| - | | + | |
| - | <img src="https://static.igem.org/mediawiki/2014/6/6c/M13.png" alt="boardFont" class="boardFont"> | + | <img src="https://static.igem.org/mediawiki/2014/6/6c/M13.png" alt="boardFont" class="boardFont"> |
| - | </div>
| + | </div> |
| - | </div>
| + | </div> |
| - |
| + | |
| - | | + | |
| - | <img src="https://static.igem.org/mediawiki/2014/6/66/Line2.png" alt="line" class="line" /> | + | <img src="https://static.igem.org/mediawiki/2014/6/66/Line2.png" alt="line" class="line" /> |
| - | <img src="https://static.igem.org/mediawiki/2014/7/71/Gear_07.png" alt="wheel" class="wheel" id="wheel1" /> | + | <img src="https://static.igem.org/mediawiki/2014/7/71/Gear_07.png" alt="wheel" class="wheel" id="wheel1" /> |
| - | <img src="https://static.igem.org/mediawiki/2014/7/71/Gear_07.png" alt="wheel" class="wheel" id="wheel2" /> | + | |
| - | <img src="https://static.igem.org/mediawiki/2014/7/71/Gear_07.png" alt="wheel" class="wheel" id="wheel3" /> | + | <img src="https://static.igem.org/mediawiki/2014/7/71/Gear_07.png" alt="wheel" class="wheel" id="wheel2" /> |
| - | </div>
| + | |
| - | | + | <img src="https://static.igem.org/mediawiki/2014/7/71/Gear_07.png" alt="wheel" class="wheel" id="wheel3" /> |
| - | <div class="bottom" id="bottom1">
| + | |
| - | <img src="https://static.igem.org/mediawiki/2014/6/63/Sysuchina_stroll.png" class="stroll">
| + | </div> |
| - | <img src="https://static.igem.org/mediawiki/2014/0/00/Sysuchina_scrolldown1.png" class="down1" id="arr1">
| + | |
| - | </div>
| + | |
| - | </div>
| + | |
| - | | + | |
| - | <div class="slide" id="section1">
| + | |
| - | <div class="intro">
| + | |
| - | <h1>Now</h1>
| + | |
| - | <p>We have the Integrated Evolution Machine!</p>
| + | |
| - | </div>
| + | |
| | | | |
| | + | <div class="bottom" id="bottom1"> |
| | + | <img src="https://static.igem.org/mediawiki/2014/f/ff/Sysuchina_hide.png" id="hide1"> |
| | + | <img src="https://static.igem.org/mediawiki/2014/a/aa/Sysuchina_hide2.png" id="hide2"> |
| | + | <img src="https://static.igem.org/mediawiki/2014/6/63/Sysuchina_stroll.png" class="stroll"> |
| | + | <img src="https://static.igem.org/mediawiki/2014/0/00/Sysuchina_scrolldown1.png" class="down1" id="arr1"> |
| | + | </div> |
| | + | </div> |
| | + | </div> |
| | + | |
| | + | <div class="section" id="section1"> |
| | + | <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"> |
| | <div class="bg2"> | | <div class="bg2"> |
| - | <img src="https://static.igem.org/mediawiki/2014/b/be/Sysuchina_bg21.png" alt="chaplin" id="chaplin" /> | + | <img src="https://static.igem.org/mediawiki/2014/b/be/Sysuchina_bg21.png" alt="chaplin" id="chaplin" /> |
| - | <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="https://static.igem.org/mediawiki/2014/1/1f/Sysuchina_bg24.png" alt="machine3" class="machine" /> | + | <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" /> |
| - | <img src="https://static.igem.org/mediawiki/2014/7/ 7c/ NewM13_03.png" alt="m13" class="in1" /> | + | <img src="https://static.igem.org/mediawiki/2014/7/ 7b/ Sysuchina_bg25.png" alt="m13" class="in1" /> |
| - | <img src="https://static.igem.org/mediawiki/2014/8/84/Sysuchina_bg26.png" alt="m13_1" class="superman1"/> | + | <img src="https://static.igem.org/mediawiki/2014/8/84/Sysuchina_bg26.png" alt="m13_1" class="superman1"/> |
| - | <img src="https://static.igem.org/mediawiki/2014/8/8d/Sysuchina_bg27.png" alt="m13_2" class="batman1" /> | + | <img src="https://static.igem.org/mediawiki/2014/8/8d/Sysuchina_bg27.png" alt="m13_2" class="batman1" /> |
| | </div> | | </div> |
| | | | |
| - | <div class="bottom" id="bottom2"> | + | <div class="bottom" id="bottom2"> |
| - | <img src="https://static.igem.org/mediawiki/2014/6/63/Sysuchina_stroll.png" class="stroll"> | + | <img src="https://static.igem.org/mediawiki/2014/6/63/Sysuchina_stroll.png" class="stroll"> |
| - | <img src="https://static.igem.org/mediawiki/2014/9/98/Sysuchina_scrolldown2.png" class="down1" id="arr2"> | + | <img src="https://static.igem.org/mediawiki/2014/9/98/Sysuchina_scrolldown2.png" class="down1" id="arr2"> |
| - | </div> | + | </div> |
| - | </div>
| + | |
| | + | </div> |
| | + | </div> |
| | + | |
| | + | <!--this is section3--> |
| | | | |
| - | <div class="slide" id="section3">
| |
| - | <!--*******************************************************-->
| |
| - |
| |
| - |
| |
| | | | |
| - |
| |
| - |
| |
| - | <!--
| |
| - | <a class="fancybox" rel="group" href="example/10_b.jpg"><img src="example/10_s.jpg" alt="" /></a>
| |
| - | <a class="fancybox" rel="group" href="example/11_b.jpg.jpg"><img src="example/11_s.jpg" alt="" /></a>
| |
| - | -->
| |
| - | </div>
| |
| - | </div>
| |
| - |
| |
| - | <div class="section">
| |
| - | <div class="title0">
| |
| - | <div id="myslider">
| |
| - | <div class="flexslider" >
| |
| - | <ul class="slides" >
| |
| - | <li>
| |
| - | <img src="https://static.igem.org/mediawiki/2014/8/85/Sysu-%E8%BF%87%E7%A8%8B%E5%9B%BE1_new.png" />
| |
| - | <p class="flex-caption">Captions and cupcakes. Winning combination.</p>
| |
| - | </li>
| |
| - | <li>
| |
| - | <a href="https://static.igem.org/mediawiki/2014/2/21/Sysu-%E8%BF%87%E7%A8%8B%E5%9B%BE2new.png"><img src="demo-stuff/inacup_pumpkin.jpg" /></a>
| |
| - | <p class="flex-caption">This image is wrapped in a link!</p>
| |
| - | </li>
| |
| - | <li>
| |
| - | <img src="https://static.igem.org/mediawiki/2014/7/7f/Sysu-%E8%BF%87%E7%A8%8B%E5%9B%BE3new.png" />
| |
| - | </li>
| |
| - | <li>
| |
| - | <img src="https://static.igem.org/mediawiki/2014/f/f2/Sysu-%E8%BF%87%E7%A8%8B%E5%9B%BE4new.png" />
| |
| - | </li>
| |
| - | <li>
| |
| - | <img src="https://static.igem.org/mediawiki/2014/f/f2/Sysu-%E8%BF%87%E7%A8%8B%E5%9B%BE4new.png" />
| |
| - | </li>
| |
| - | <li>
| |
| - | <img src="https://static.igem.org/mediawiki/2014/6/6d/Sysu-%E8%BF%87%E7%A8%8B%E5%9B%BE5new.png" />
| |
| - | </li>
| |
| - | <li>
| |
| - | <img src="https://static.igem.org/mediawiki/2014/f/f6/Sysu-%E8%BF%87%E7%A8%8B%E5%9B%BE6new.png" />
| |
| - | </li>
| |
| - | </ul>
| |
| | | | |
| | | | |
| | + | <div class="section" id="section2"> |
| | + | <div class="intro"> |
| | + | |
| | </div> | | </div> |
| - | </div>
| + | <img src="https://static.igem.org/mediawiki/2014/f/f6/Sysuchina_hide4.png" id="hide4"> |
| - | </div>
| + | |
| - | | + | |
| - | <section class="main" id="regch">
| + | |
| | | | |
| - | <ul class="ch-grid titleright">
| + | <!--this is navigation--> |
| - | <li class="title1">
| + | <section class="main"> |
| - | <div class="ch-item ch-img-6">
| + | |
| - | <div class="ch-info-wrap">
| + | <ul class="ch-grid"> |
| - | <div class="ch-info">
| + | <li> |
| - | <div class="ch-info-front ch-img-6"></div>
| + | <div class="ch-item ch-img- 1" > |
| - | <div class="ch-info-back">
| + | |
| - | <h3>Bears Type</h3>
| + | <h3>PROJECT</h3> |
| - | <p>by Josh Schott <a href="http://drbl.in/ewUW">View on Dribbble</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> |
| - | </div>
| + | </li> |
| - | </div>
| + | <li> |
| - | </li>
| + | <div class="ch-item ch-img- 2" style=" margin- left:60px; !important"> |
| - | <li class="title2">
| + | |
| - | <div class="ch-item ch-img- 7"> | + | <h3>JUDGING</h3> |
| - | <div class="ch-info -wrap"> | + | <p> brief introduction <a href=" https:// 2014. igem.org/Team:SYSU-China/content.html#Judging/ Safetyform"> know more</a></p> |
| - | <div class="ch-info">
| + | </div> |
| - | <div class="ch-info-front ch-img-7"></div>
| + | </div> |
| - | <div class="ch-info-back">
| + | </li> |
| - | <h3>Salon Spaces illustrations</h3>
| + | <li> |
| - | <p> by Jeremy Slagle <a href=" http:// drbl. in/ elmi"> View on Dribbble</a></p> | + | <div class="ch-item ch-img- 3" style=" margin- left:100px !important;"> |
| - | </div>
| + | |
| - | </div>
| + | <h3>HUMAN PRACTICE</h3> |
| - | </div>
| + | <p> brief introduction<a href=" https:// 2014. igem.org/ Team:SYSU-China/content.html#HumanPractice/iGEMCC"> know more</a></p> |
| - | </div>
| + | </div> |
| - | </li>
| + | </div> |
| - | <li class="title3">
| + | </li> |
| - | <div class="ch-item ch-img- 8" > | + | |
| - | <div class="ch-info-wrap">
| + | |
| - | | + | |
| - | <div class="ch-info-front ch-img-8"></div>
| + | |
| - | <div class="ch-info-back">
| + | |
| - | <h3>Leadership Series #3</h3>
| + | |
| - | <p> by Dustin Leer <a href=" http:// drbl. in/ dfhn"> View on Dribbble</a></p> | + | |
| - | </div>
| + | |
| - | </div>
| + | |
| - | </div>
| + | |
| - | </div>
| + | |
| - | </li>
| + | |
| - | <li class="title4">
| + | |
| - | <div class="ch-item ch-img- 8" > | + | |
| - | <div class="ch-info-wrap">
| + | |
| - | | + | |
| - | <div class="ch-info-front ch-img-8"></div>
| + | |
| - | <div class="ch-info-back">
| + | |
| - | <h3>Leadership Series #3</h3>
| + | |
| - | <p> by Dustin Leer <a href=" http:// drbl. in/ dfhn"> View on Dribbble</a></p> | + | |
| - | </div>
| + | |
| - | </div>
| + | |
| - | </div>
| + | |
| - | </div>
| + | |
| - | </li>
| + | |
| - | </ul>
| + | |
| - |
| + | |
| - | </section>
| + | |
| | | | |
| - |
| + | <li> |
| - | | + | <div class=" ch-item ch-img-5 " style="margin-left:130px !important;"> |
| - | | + | |
| - | ...All your content...
| + | <h3>TEAM</h3> |
| - | </div>
| + | <p>brief introduction <a href="https://2014.igem.org/Team:SYSU-China/content.html#Team/Ourteam">know more</a></p> |
| | + | </div> |
| | + | </div> |
| | + | </li> |
| | + | </ul> |
| | + | |
| | + | <img id="sysu" src="https://static.igem.org/mediawiki/2014/7/7b/Sysuchina_bg36.png" alt="sysu-china"> |
| | + | |
| | + | </section> |
| | + | |
| | + | <!--this is footer--> |
| | + | <div id="footer" class="fooback"> |
| | + | <h3>Contact us</h3> |
| | + | <p>E-mail: igem.sysu.china@gmail.com </p> |
| | + | <p>Address: Sun Yat-Sen University, Guangzhou, China</p> |
| | + | </div> |
| | + | |
| | + | </div> |
| | | | |
| - | <div class="remodal" data-remodal-id="title1">
| |
| - | <h1>Title1</h1>
| |
| - | <p>
| |
| - | Flat, responsive, lightweight, fast, easy customizable modal window plugin
| |
| - | with declarative state notation and hash tracking.
| |
| - | </p>
| |
| - | <br>
| |
| - | <!--<a class="remodal-cancel" href="#">Cancel</a>-->
| |
| - | <a class="remodal-confirm" href="#">More Detail</a>
| |
| - | </div>
| |
| | | | |
| | + | </div> |
| | + | |
| | | | |
| - | </div>
| |
| - |
| |
| - | <div class="title2">
| |
| - | <div class="remodal-bg">
| |
| - | ...All your content...
| |
| - | </div>
| |
| - |
| |
| - | <div class="remodal" data-remodal-id="title2">
| |
| - | <h1>Title2</h1>
| |
| - | <p>
| |
| - | Flat, responsive, lightweight, fast, easy customizable modal window plugin
| |
| - | with declarative state notation and hash tracking.
| |
| - | </p>
| |
| - | <br>
| |
| - | <!--<a class="remodal-cancel" href="#">Cancel</a>-->
| |
| - | <a class="remodal-confirm" href="#">More Detail</a>
| |
| - | </div>
| |
| - | </div>
| |
| - |
| |
| - | <div class="title3">
| |
| - | <div class="remodal-bg">
| |
| - | ...All your content...
| |
| - | </div>
| |
| - |
| |
| - | <div class="remodal" data-remodal-id="title3">
| |
| - | <h1>Title3</h1>
| |
| - | <p>
| |
| - | Flat, responsive, lightweight, fast, easy customizable modal window plugin
| |
| - | with declarative state notation and hash tracking.
| |
| - | </p>
| |
| - | <br>
| |
| - | <!--<a class="remodal-cancel" href="#">Cancel</a>-->
| |
| - | <a class="remodal-confirm" href="#">More Detail</a>
| |
| - | </div>
| |
| - | </div>
| |
| - |
| |
| - | <div class="title4">
| |
| - | <div class="remodal-bg">
| |
| - | ...All your content...
| |
| - | </div>
| |
| - |
| |
| - | <div class="remodal" data-remodal-id="title4">
| |
| - | <h1>Title4</h1>
| |
| - | <p>
| |
| - | Flat, responsive, lightweight, fast, easy customizable modal window plugin
| |
| - | with declarative state notation and hash tracking.
| |
| - | </p>
| |
| - | <br>
| |
| - | <!--<a class="remodal-cancel" href="#">Cancel</a>-->
| |
| - | <a class="remodal-confirm" href="#">More Detail</a>
| |
| - | </div>
| |
| - | </div>
| |
| - |
| |
| - | <!--<div id="win" class="winstyle1"></div>-->
| |
| - |
| |
| - | </div>
| |
| - |
| |
| - | <div class="section" id="section2">
| |
| - | <div class="intro">
| |
| - | <h1></h1>
| |
| - | </div>
| |
| - | <!--this is navigation-->
| |
| - | <section class="main">
| |
| - | <ul class="ch-grid"><!--220px-->
| |
| - | <li>
| |
| - | <div class="ch-item ch-img-3">
| |
| - | <div class="ch-info">
| |
| - | <h3>HUMAN<br> PRACTICE</h3>
| |
| - | <p>brief introduction<a href="content.html#HumanPractice/iGEMCC">know more</a></p>
| |
| - | </div>
| |
| - | </div>
| |
| - | </li>
| |
| - | <li>
| |
| - | <div class="ch-item ch-img-4">
| |
| - | <div class="ch-info">
| |
| - | <h3>JUDGING</h3>
| |
| - | <p>brief introduction<a href="content.html#Judging/Safetyform">know more</a></p>
| |
| - | </div>
| |
| - | </div>
| |
| - | </li>
| |
| - | <li>
| |
| - | <div class="ch-item ch-img-5">
| |
| - | <div class="ch-info">
| |
| - | <h3>TEAM</h3>
| |
| - | <p>brief introduction <a href="content.html#Team/Ourteam">know more</a></p>
| |
| - | </div>
| |
| - | </div>
| |
| - | </li>
| |
| - | </ul>
| |
| - | <img id="sysu" src="https://static.igem.org/mediawiki/2014/7/7b/Sysuchina_bg36.png" alt="sysu-china">
| |
| - | </section>
| |
| - | <!--this is footer-->
| |
| - | <div id="footer" class="fooback">
| |
| - | <h3>Contact us</h3>
| |
| - | <p>E-mail: igem.sysu.china@gmail.com </p>
| |
| - | <p>Address: Sun Yat-Sen University, Guangzhou, China</p>
| |
| - | </div>
| |
| - | </div>
| |
| - |
| |
| - | </div>
| |
| | </body> | | </body> |
| | </html> | | </html> |
"
