Team:SYSU-China

From 2014.igem.org

(Difference between revisions)
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 13: Line 8:
<title>2014 SYSU-China integrated evolution machine</title>
<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?action=raw&ctype=text/css">
+
<link rel="stylesheet" type="text/css" href="css/jquery.fullPage.css">
-
     <link rel="stylesheet" type="text/css" href="https://2014.igem.org/Team:SYSU-China/css/main.css?action=raw&ctype=text/css">
+
     <link rel="stylesheet" type="text/css" href="css/main.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="css/common.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="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?action=raw&ctype=text/css" />
+
<link rel='stylesheet' type='text/css' href="css/fonts.googleapis.comcssfamily=Open+Sans300,700.css" />
 +
<link rel="stylesheet" href="//code.jquery.com/ui/1.11.1/themes/smoothness/jquery-ui.css">
 +
<!--[if IE]>
<!--[if IE]>
<script type="text/javascript">
<script type="text/javascript">
Line 23: Line 20:
</script>
</script>
<![endif]-->
<![endif]-->
-
<script type="text/javascript" src="https://2014.igem.org/Team:SYSU-China/lib/modernizr.custom.79639.js?action=raw&amp;ctype=text/javascript"></script>
+
-
<script type="text/javascript" src="https://2014.igem.org/Team:SYSU-China/lib/jquery.min.js?action=raw&amp;ctype=text/javascript"></script>
+
-
<script type="text/javascript" src="https://2014.igem.org/Team:SYSU-China/lib/jquery-ui.min.js?action=raw&amp;ctype=text/javascript"></script>
+
-
<script type="text/javascript" src="https://2014.igem.org/Team:SYSU-China/lib/jquery.fullPage.min.js?action=raw&amp;ctype=text/javascript"></script>
+
-
<script type="text/javascript" src="https://2014.igem.org/Team:SYSU-China/lib/jquery.fullPage.js?action=raw&amp;ctype=text/javascript"></script>
+
-
<script type="text/javascript" src="https://2014.igem.org/Team:SYSU-China/js/animate.js?action=raw&amp;ctype=text/javascript"></script>
+
<script type="text/javascript" src="lib/modernizr.custom.79639.js"></script>
 +
<script type="text/javascript" src="lib/jquery.min.js"></script>
 +
<script type="text/javascript" src="lib/jquery-ui.min.js"></script>
 +
<script type="text/javascript" src="lib/jquery.fullPage.min.js"></script>
 +
<script type="text/javascript" src="lib/jquery.fullPage.js"></script>
 +
 
 +
<script type="text/javascript" src="lib/jquery.rotate.min.js"></script>
 +
<script type="text/javascript" src="js/animate.js"></script>
 +
<script type="text/javascript" src="js/animateToClass.js"></script>
 +
<script src="//code.jquery.com/ui/1.11.1/jquery-ui.js"></script>
 +
<script type="text/javascript" src="js/hoverdelay.js"></script>
</head>
</head>
Line 41: Line 44:
<p>some introducing wordslalala</p>
<p>some introducing wordslalala</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="https://static.igem.org/mediawiki/2014/d/d7/Sysuchina_igemdeLogo.png" alt="IGEM LOGO" >
+
<img src="images/IGEM_basic_Logo_white_stylized.png" alt="IGEM LOGO" >
-
                    </a>
+
</a>
-
                </div>
+
</div>
    
    
-
<div class="worker">
+
<div class="worker">
-
<img src="https://static.igem.org/mediawiki/2014/c/cf/Sysuchina_bg11.png"  alt="worker1"/>
+
<img src="images/sysuchina_left_tear.png"  alt="teardropLeft"/ id="lefttear">
-
<img src="https://static.igem.org/mediawiki/2014/f/f0/Sysuchina_bg12.png" alt="worker2"/>
+
<img src="images/sysuchina_bg11.png"  alt="worker1" id="worker1" />
-
<img src="https://static.igem.org/mediawiki/2014/1/13/Sysuchina_bg13.png" alt="worker3"/>
+
<img src="images/sysuchina_right_tear.png"  alt="teardropRight" id="righttear" />
-
<img src="https://static.igem.org/mediawiki/2014/1/11/Sysuchina_bg14.png" alt="board" id="board">
+
<img src="images/think_cloud1.png" alt="cloud1" class="think">
-
<div class="boardFont">
+
<img src="images/think_cloud2.png" alt="cloud2" class="think">
-
<h1>M13</h1>
+
<img src="images/think_cloud3.png" alt="cloud3" class="think">
-
<p>production</p>
+
<img src="images/think_cloud4.png" alt="cloud4" class="think">
 +
<img src="images/sysuchina_bg12.png" alt="worker2" id="worker2" />
 +
<img src="images/fire1.png" alt="fire" class="fire">
 +
<img src="images/sysuchina_bg13.png" alt="worker3" id="worker3" />
 +
<img src="images/sysuchina_bg14.png" alt="board" id="board">
 +
<div class="boardFont">
 +
<img src="images/m13.png" alt="boardFont" class="boardFont">
 +
</div>
</div>
</div>
 +
       
 +
        <div class="pipeline">
 +
        <img src="images/line2.png" alt="line" class="line" />       
 +
        <img src="images/gear_07.png" alt="wheel" class="wheel" id="wheel1" />
 +
       
 +
        <img src="images/gear_07.png" alt="wheel" class="wheel" id="wheel2" />
 +
       
 +
        <img src="images/gear_07.png" alt="wheel" class="wheel" id="wheel3" />
 +
       
 +
        </div>
-
</div>
+
        <div class="bottom" id="bottom1">
-
       
+
        <img src="images/sysuchina_stroll.png" class="stroll">
-
        <div class="line">
+
        <img src="images/scrolldown1.png" class="down1" id="arr1">
-
        <img src="https://static.igem.org/mediawiki/2014/7/7d/Sysuchina_bg110.png" alt="line0" class="segment" />
+
        </div>
-
        <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>
+
-
 
+
-
         
+
-
        <div>
+
-
       
+
-
        </div>
+
</div>
</div>
</div>
</div>
Line 85: Line 91:
                        
                        
             <div class="bg2">
             <div class="bg2">
-
              <img src="https://static.igem.org/mediawiki/2014/b/be/Sysuchina_bg21.png"  alt="chaplin"/>
+
<img src="images/bg2/sysuchina_bg21.png"  alt="chaplin" id="chaplin" />
-
              <img src="https://static.igem.org/mediawiki/2014/b/b8/Sysuchina_bg22.png" alt="machine1"/>
+
<img src="images/bg2/sysuchina_bg22.png" alt="machine1" class="machine" />
-
              <img src="images/bg2/sysuchina_bg23.png" alt="machine2"/>
+
<img src="images/bg2/sysuchina_bg23.png" alt="machine2" class="machine" />
-
              <img src="images/bg2/sysuchina_bg24.png" alt="machine3"/>
+
<img src="images/bg2/sysuchina_bg24.png" alt="machine3" class="machine" />
-
              <img src="images/bg2/sysuchina_bg25.png" alt="m13"/>
+
<img src="images/bg2/sysuchina_bg22_button.png" alt="offwork" class="button" />
-
              <img src="images/bg2/sysuchina_bg26.png" alt="m13_1"/>
+
<img src="images/bg2/sysuchina_bg23_button.png" alt="onwork" class="button" />            
-
              <img src="images/bg2/sysuchina_bg27.png" alt="m13_2"/>
+
<img src="images/bg2/sysuchina_bg25.png" alt="m13" class="in1" />
-
             </div>>
+
<img src="images/bg2/sysuchina_bg26.png" alt="m13_1" class="superman1"/>
 +
<img src="images/bg2/sysuchina_bg27.png" alt="m13_2" class="batman1" />
 +
             </div>
 +
 
 +
        <div class="bottom" id="bottom2">
 +
        <img src="images/sysuchina_stroll.png" class="stroll">
 +
        <img src="images/scrolldown2.png" class="down1" id="arr2">
 +
        </div>             
              
              
</div>
</div>
Line 108: Line 121:
<ul class="ch-grid">
<ul class="ch-grid">
<li>
<li>
-
<div class="f-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="子页project.html">know more</a></p>
+
<p>brief introduction <a href="content.html#!item/project/">know more</a></p>
</div>
</div>
</div>
</div>
Line 119: Line 132:
<div class="ch-info">
<div class="ch-info">
<h3>JUDGING</h3>
<h3>JUDGING</h3>
-
<p>brief introduction <a href="judging.html">know more</a></p>
+
<p>brief introduction <a href="content.html#!item/judging">know more</a></p>
</div>
</div>
</div>
</div>
Line 127: Line 140:
<div class="ch-info">
<div class="ch-info">
<h3>HUMAN PRACTICE</h3>
<h3>HUMAN PRACTICE</h3>
-
<p>brief introduction<a href="humanpractice.html">know more</a></p>
+
<p>brief introduction<a href="content.html#!item/humanpractice">know more</a></p>
</div>
</div>
</div>
</div>
Line 135: Line 148:
<div class="ch-info">
<div class="ch-info">
<h3>NOTEBOOK</h3>
<h3>NOTEBOOK</h3>
-
<p>brief introduction<a href="notebook.html">know more</a></p>
+
<p>brief introduction<a href="content.html#!item/notebook">know more</a></p>
</div>
</div>
</div>
</div>
Line 143: Line 156:
<div class="ch-info">
<div class="ch-info">
<h3>TEAM</h3>
<h3>TEAM</h3>
-
<p>brief introduction <a href="team.html">know more</a></p>
+
<p>brief introduction <a href="content.html#!item/team">know more</a></p>
</div>
</div>
</div>
</div>
Line 149: Line 162:
</ul>
</ul>
-
<img  id="sysu" src="https://static.igem.org/mediawiki/2014/7/7b/Sysuchina_bg36.png" alt="sysu-china">
+
<img  id="sysu" src="images/bg3/sysuchina_bg36.png" alt="sysu-china">
</section>
</section>
          
          
  <!--this is footer-->  
  <!--this is footer-->  
-
           <div id="footer">
+
           <div id="footer" class="fooback">
           <h3>Contact us</h3>
           <h3>Contact us</h3>
           <p>E-mail: igem.sysu.china@gmail.com </p>
           <p>E-mail: igem.sysu.china@gmail.com </p>
-
  <p>Address:Sun Yat-Sen University, Guangzhou, China</p>
+
  <p>Address: Sun Yat-Sen University, Guangzhou, China</p>
           </div>
           </div>

Revision as of 06:05, 10 October 2014

<!DOCTYPE html> 2014 SYSU-China integrated evolution machine

HERE GOES CAPTION

some introducing wordslalala

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

caption

still some introduction

chaplin machine1 machine2 machine3 offwork onwork m13 m13_1 m13_2

Integrated Evolution Machine

sysu-china

Retrieved from "http://2014.igem.org/Team:SYSU-China"