Team:SYSU-China
From 2014.igem.org
(Difference between revisions)
Line 4: | Line 4: | ||
<html> | <html> | ||
- | <! | + | <!DOCTYPE html> |
- | < | + | <html xmlns="http://www.w3.org/1999/xhtml"> |
+ | <head> | ||
+ | <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="author" content="Moriwifi Guo Wenyan" /> | ||
+ | <title>2014 SYSU-China integrated evolution machine</title> | ||
- | < | + | <link rel="stylesheet" type="text/css" href="https://2014.igem.org/Team:SYSU-China/css/jquery.fullPage.css"> |
- | < | + | <link rel="stylesheet" type="text/css" href="https://2014.igem.org/Team:SYSU-China/css/main.css"> |
- | < | + | <link rel="stylesheet" type="text/css" href="https://2014.igem.org/Team:SYSU-China/css/common.css" /> |
- | < | + | <link rel="stylesheet" type="text/css" href="https://2014.igem.org/Team:SYSU-China/css/style.css" /> |
- | < | + | <link rel='stylesheet' type='text/css' href="https://2014.igem.org/Team:SYSU-China/css/fonts.googleapis.comcssfamily=Open+Sans300,700.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"></script> | ||
+ | <script type="text/javascript" src="https://2014.igem.org/Team:SYSU-China/lib/jquery.min.js"></script> | ||
+ | <script type="text/javascript" src="https://2014.igem.org/Team:SYSU-China/lib/jquery-ui.min.js"></script> | ||
+ | <script type="text/javascript" src="https://2014.igem.org/Team:SYSU-China/lib/jquery.fullPage.min.js"></script> | ||
+ | <script type="text/javascript" src="https://2014.igem.org/Team:SYSU-China/lib/jquery.fullPage.js"></script> | ||
- | < | + | <script type="text/javascript" src="https://2014.igem.org/Team:SYSU-China/js/animate.js"></script> |
- | + | ||
- | < | + | |
- | <!-- | + | </head> |
- | < | + | <body> |
+ | |||
+ | <!--this is main section--> | ||
+ | <div id="fullpage"> | ||
+ | <div class="section " id="section0"> | ||
+ | <div class="intro"> | ||
+ | <h1>HERE GOES CAPTION</h1> | ||
+ | <p>some introducing wordslalala</p> | ||
- | < | + | <!--this is IGEM LOGO--> |
- | < | + | <div id="IGEMlogo" > |
- | < | + | <a href="https://2014.igem.org/Main_Page"> |
+ | <img src="https://2014.igem.org/File:TU_Eindhoven_iGEM_LOGO.jpg" alt="IGEM LOGO" > | ||
+ | </a> | ||
+ | </div> | ||
+ | |||
+ | <div class="worker"> | ||
+ | <img src="https://static.igem.org/mediawiki/2014/c/cf/Sysuchina_bg11.png" alt="worker1"/> | ||
+ | <img src="https://static.igem.org/mediawiki/2014/f/f0/Sysuchina_bg12.png" alt="worker2"/> | ||
+ | <img src="https://static.igem.org/mediawiki/2014/1/13/Sysuchina_bg13.png" alt="worker3"/> | ||
+ | <img src="https://static.igem.org/mediawiki/2014/1/11/Sysuchina_bg14.png" alt="board" id="board"> | ||
+ | <div class="boardFont"> | ||
+ | <h1>M13</h1> | ||
+ | <p>production</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="line"> | ||
+ | <img src="https://static.igem.org/mediawiki/2014/7/7d/Sysuchina_bg110.png" alt="line0" class="segment" /> | ||
+ | <img src="https://static.igem.org/mediawiki/2014/0/05/Sysuchina_bg111.png" alt="line1" class="segment" /> | ||
+ | <img src="https://static.igem.org/mediawiki/2014/b/ba/Sysuchina_bg15.png" alt="line0" class="wheel"/> | ||
+ | <img src="https://static.igem.org/mediawiki/2014/0/05/Sysuchina_bg111.png" alt="line1" class="segment"/> | ||
+ | <img src="https://static.igem.org/mediawiki/2014/b/ba/Sysuchina_bg15.png" alt="line0" class="wheel"/> | ||
+ | <img src="https://static.igem.org/mediawiki/2014/0/05/Sysuchina_bg111.png" alt="line1" class="segment"/> | ||
+ | <img src="https://static.igem.org/mediawiki/2014/b/ba/Sysuchina_bg15.png" alt="line0" class="wheel"/> | ||
+ | <img src="https://static.igem.org/mediawiki/2014/f/fe/Sysuchina_bg112.png" alt="line2" class="segment"/> | ||
- | + | </div> | |
- | + | ||
- | < | + | |
- | <a href="https:// | + | <div> |
+ | |||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="section" id="section1"> | ||
+ | <div class="intro"> | ||
+ | <h1>caption</h1> | ||
+ | <p>still some introduction</p> | ||
+ | |||
+ | <div class="bg2"> | ||
+ | <img src="https://static.igem.org/mediawiki/2014/b/be/Sysuchina_bg21.png" alt="chaplin"/> | ||
+ | <img src="https://static.igem.org/mediawiki/2014/b/b8/Sysuchina_bg22.png" alt="machine1"/> | ||
+ | <img src="images/bg2/sysuchina_bg23.png" alt="machine2"/> | ||
+ | <img src="images/bg2/sysuchina_bg24.png" alt="machine3"/> | ||
+ | <img src="images/bg2/sysuchina_bg25.png" alt="m13"/> | ||
+ | <img src="images/bg2/sysuchina_bg26.png" alt="m13_1"/> | ||
+ | <img src="images/bg2/sysuchina_bg27.png" alt="m13_2"/> | ||
+ | </div>> | ||
+ | |||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <!--this is section3--> | ||
+ | <div class="section" id="section2"> | ||
+ | <div class="intro"> | ||
+ | <h1>Integrated Evolution Machine</h1> | ||
+ | </div> | ||
+ | |||
+ | <!--this is navigation--> | ||
+ | <section class="main"> | ||
+ | |||
+ | <ul class="ch-grid"> | ||
+ | <li> | ||
+ | <div class="f-item ch-img-1"> | ||
+ | <div class="ch-info"> | ||
+ | <h3>PROJECT</h3> | ||
+ | <p>brief introduction <a href="子页project.html">know more</a></p> | ||
+ | </div> | ||
+ | </div> | ||
+ | </li> | ||
+ | <li> | ||
+ | <div class="ch-item ch-img-2"> | ||
+ | <div class="ch-info"> | ||
+ | <h3>JUDGING</h3> | ||
+ | <p>brief introduction <a href="judging.html">know more</a></p> | ||
+ | </div> | ||
+ | </div> | ||
+ | </li> | ||
+ | <li> | ||
+ | <div class="ch-item ch-img-3"> | ||
+ | <div class="ch-info"> | ||
+ | <h3>HUMAN PRACTICE</h3> | ||
+ | <p>brief introduction<a href="humanpractice.html">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="notebook.html">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="team.html">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"> | ||
+ | <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> | |
- | + | </html> | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | </ | + | |
- | </ | + |
Revision as of 10:09, 5 October 2014
caption
still some introduction