Team:SYSU-Software/tutorial

From 2013.igem.org

(Difference between revisions)
Line 48: Line 48:
<!-- tutorial content -->
<!-- tutorial content -->
-
<div class="wrapper colored-wrapper-544444">
+
<!-- tutorial content -->
   <div id="tutorial-container">
   <div id="tutorial-container">
   <div id="tutorial-header">
   <div id="tutorial-header">
Line 54: Line 54:
   </div>
   </div>
-
   <div id="tutorial-list">
+
   <span id="tutorial-list">
       <div id="list-header">
       <div id="list-header">
         Contents
         Contents
Line 67: Line 67:
           <li><a href="#part7">Clotho</a></li>
           <li><a href="#part7">Clotho</a></li>
     </ul>
     </ul>
-
   </div>
+
   </span>
Line 75: Line 75:
         <span class="subnav"><a href="#p1">Top</a></span>
         <span class="subnav"><a href="#p1">Top</a></span>
     </div>
     </div>
-
    <div>
+
 
-
    <img src="https://static.igem.org/mediawiki/2013/e/ea/Layer.png">
+
-
    </div>
+
     <div id="part-content">
     <div id="part-content">
     <img src="https://static.igem.org/mediawiki/2013/2/2e/Part1.png">
     <img src="https://static.igem.org/mediawiki/2013/2/2e/Part1.png">
     </div>
     </div>
     <div id="part-text">
     <div id="part-text">
-
    On the left is the logo of BiArkit which is created by 2012 SYSU-software igem team.<br>
+
    On the left is the logo of BiArkit which is created by 2012 SYSU-software igem team.In the main display window, there are six buttons, G-Circle, Network Illustrator, RiboSwitch, Genome Browser, SiRNA, Biobrick, and Simulator, which will take you to corresponding parts once clicking.
-
In the main display window, there are six buttons, G-Circle, Network Illustrator,<br>
+
-
RiboSwitch, Genome Browser, SiRNA, Biobrick, and Simulator, which will take you<br>
+
-
to corresponding parts once clicking.
+
     </div>
     </div>
     </div>
     </div>
-
     <div id="part2">
+
     <div id="part2-part">
-
    <div id="part-header">
+
      <div id="part2">
-
    Home
+
      <div id="part-header">
-
        <span class="subnav"><a href="#p1">Top</a></span>
+
      Home
-
    </div>
+
          <span class="subnav"><a href="#p1">Top</a></span>
-
    <div>
+
      </div>
-
    <img src="https://static.igem.org/mediawiki/2013/e/ea/Layer.png">
+
     
-
    </div>
+
      <div id="part-content">
-
    <div id="part-content">
+
      <img src="https://static.igem.org/mediawiki/2013/2/2e/Part1.png">
-
    <img src="https://static.igem.org/mediawiki/2013/2/2e/Part1.png">
+
      </div>
-
    </div>
+
      <div id="part-text">
-
    <div id="part-text">
+
      On the left is the logo of BiArkit which is created by 2012 SYSU-software igem team.<br>
-
    On the left is the logo of BiArkit which is created by 2012 SYSU-software igem team.<br>
+
  In the main display window, there are six buttons, G-Circle, Network Illustrator,<br>  
-
In the main display window, there are six buttons, G-Circle, Network Illustrator,<br>  
+
  RiboSwitch, Genome Browser, SiRNA, Biobrick, and Simulator, which will take you<br>
-
RiboSwitch, Genome Browser, SiRNA, Biobrick, and Simulator, which will take you<br>
+
  to corresponding parts once clicking.
-
to corresponding parts once clicking.
+
      </div>
-
    </div>
+
      </div>
     </div>
     </div>
Line 113: Line 108:
         <span class="subnav"><a href="#p1">Top</a></span>     
         <span class="subnav"><a href="#p1">Top</a></span>     
     </div>
     </div>
-
     <div>
+
    
-
    <img src="https://static.igem.org/mediawiki/2013/e/ea/Layer.png">
+
-
    </div>
+
     <div id="part-content">
     <div id="part-content">
     <img src="https://static.igem.org/mediawiki/2013/2/2e/Part1.png">
     <img src="https://static.igem.org/mediawiki/2013/2/2e/Part1.png">
Line 127: Line 120:
     </div>
     </div>
-
     <div id="part4">
+
     <div id="part4-part">
-
    <div id="part-header">
+
      <div id="part4">
-
    Home         
+
      <div id="part-header">
-
        <span class="subnav"><a href="#p1">Top</a></span>
+
      Home         
-
    </div>
+
          <span class="subnav"><a href="#p1">Top</a></span>
-
    <div>
+
      </div>
-
    <img src="https://static.igem.org/mediawiki/2013/e/ea/Layer.png">
+
     
-
    </div>
+
      <div id="part-content">
-
    <div id="part-content">
+
      <img src="https://static.igem.org/mediawiki/2013/2/2e/Part1.png">
-
    <img src="https://static.igem.org/mediawiki/2013/2/2e/Part1.png">
+
      </div>
-
    </div>
+
      <div id="part-text">
-
    <div id="part-text">
+
      On the left is the logo of BiArkit which is created by 2012 SYSU-software igem team.<br>
-
    On the left is the logo of BiArkit which is created by 2012 SYSU-software igem team.<br>
+
  In the main display window, there are six buttons, G-Circle, Network Illustrator,<br>  
-
In the main display window, there are six buttons, G-Circle, Network Illustrator,<br>  
+
  RiboSwitch, Genome Browser, SiRNA, Biobrick, and Simulator, which will take you<br>
-
RiboSwitch, Genome Browser, SiRNA, Biobrick, and Simulator, which will take you<br>
+
  to corresponding parts once clicking.
-
to corresponding parts once clicking.
+
      </div>
-
    </div>
+
      </div>
     </div>
     </div>
-
     <div id="part5">
+
      
-
    <div id="part-header">
+
 
-
    Home
+
  <!--page footer-->
-
        <span class="subnav"><a href="#p1">Top</a></span>
+
-
    </div>
+
-
    <div>
+
-
    <img src="https://static.igem.org/mediawiki/2013/e/ea/Layer.png">
+
-
    </div>
+
-
    <div id="part-content">
+
-
    <img src="https://static.igem.org/mediawiki/2013/2/2e/Part1.png">
+
-
    </div>
+
-
    <div id="part-text">
+
-
    On the left is the logo of BiArkit which is created by 2012 SYSU-software igem team.<br>
+
-
In the main display window, there are six buttons, G-Circle, Network Illustrator,<br>
+
-
RiboSwitch, Genome Browser, SiRNA, Biobrick, and Simulator, which will take you<br>
+
-
to corresponding parts once clicking.
+
-
    </div>
+
-
    </div>
+
-
  </div>
+
   <div id="sysu-footer">
   <div id="sysu-footer">
-
     <img id="bottom-image" src="https://static.igem.org/mediawiki/2013/d/d9/Sysu-footer.png">
+
     <img id="bottom-image" src="new/footer.png">
   </div>
   </div>
-
</div>
 
</body>
</body>
</html>
</html>

Revision as of 17:47, 26 September 2013

Team:SYSU-Software new

Tutorial
Contents
Home Top
On the left is the logo of BiArkit which is created by 2012 SYSU-software igem team.In the main display window, there are six buttons, G-Circle, Network Illustrator, RiboSwitch, Genome Browser, SiRNA, Biobrick, and Simulator, which will take you to corresponding parts once clicking.
Home Top
On the left is the logo of BiArkit which is created by 2012 SYSU-software igem team.
In the main display window, there are six buttons, G-Circle, Network Illustrator,
RiboSwitch, Genome Browser, SiRNA, Biobrick, and Simulator, which will take you
to corresponding parts once clicking.
Home Top
On the left is the logo of BiArkit which is created by 2012 SYSU-software igem team.
In the main display window, there are six buttons, G-Circle, Network Illustrator,
RiboSwitch, Genome Browser, SiRNA, Biobrick, and Simulator, which will take you
to corresponding parts once clicking.
Home Top
On the left is the logo of BiArkit which is created by 2012 SYSU-software igem team.
In the main display window, there are six buttons, G-Circle, Network Illustrator,
RiboSwitch, Genome Browser, SiRNA, Biobrick, and Simulator, which will take you
to corresponding parts once clicking.