Team:SYSU-Software

From 2013.igem.org

(Difference between revisions)
Line 30: Line 30:
<!--header-->
<!--header-->
<div id="navigation"></div>
<div id="navigation"></div>
 +
  <div id="home-container">
 +
<div id="home-banner">
 +
<div><img src="home/img/robot_header.png"></div>
 +
</div>
 +
<div id="home-robot">
 +
<div id="bg"><img src="home/img/bg.png"></div>
 +
<div id="component-1" class="component">
 +
<a href="#" class="component-tooltip"  data-placement="top" title data-original-title="fffff" ><img src="home/img/1.png"></a>
 +
</div>
 +
<div id="component-2" class="component">
 +
<a href="#" class="component-tooltip"  data-placement="top" title data-original-title="fffff"><img src="home/img/2.png"></a>
 +
</div>
 +
<div id="component-3" class="component">
 +
<a href="#" class="component-tooltip"  data-placement="top" title data-original-title="fffff"><img src="home/img/3.png"></a>
 +
</div>
 +
<div id="component-4" class="component">
 +
<a href="#" class="component-tooltip"  data-placement="top" title data-original-title="fffff"><img src="home/img/4.png"></a>
 +
</div>
 +
<div id="component-5" class="component">
 +
<a href="#" class="component-tooltip"  data-placement="top" title data-original-title="fffff"><img src="home/img/5.png"></a>
 +
</div>
 +
<div id="component-6" class="component">
 +
<a href="#" class="component-tooltip"  data-placement="top" title data-original-title="fffff"><img src="home/img/6.png"></a>
 +
</div>
 +
<div id="component-7" class="component">
 +
<a href="#" class="component-tooltip"  data-placement="top" title data-original-title="fffff"><img src="home/img/7.png"></a>
 +
</div>
 +
<div id="component-ecoli" class="component">
 +
<a href="#" class="component-tooltip"  data-placement="top" title data-original-title="fffff"><img src="home/img/ecoli.png"></a>
 +
</div>
 +
<div id="component-regulation-network" class="component">
 +
<a href="#" class="component-tooltip"  data-placement="top" title data-original-title="fffff"><img src="home/img/regulation network.png"></a>
 +
</div>
 +
<!-- <img src="home/img/overview.png" usemap="#robot-map" alt="robot"/> -->
 +
<!-- <map name="robot-map" id="robot-map"> -->
 +
<!-- <area shape="rect" coords="27, 120, 237, 274" href="#1"id="aaa"  data-placement="bottom" title data-original-title="fffff" /> -->
 +
<!-- <area shape="rect" coords="333, 120, 541, 274" href="#1"id="aaa"  data-placement="top" title data-original-title="fffff" /> -->
 +
<!-- <area shape="rect" coords="205, 415, 363, 622" href="#2"/> -->
 +
<!-- <area shape="rect" coords="436, 312, 672, 500" href="#2"/> -->
 +
<!-- <area shape="rect" coords="686, 336, 863, 551" href="#3"/> -->
 +
<!-- <area shape="rect" coords="137, 640, 413, 680" href="#2"/> -->
 +
<!-- <area shape="rect" coords="640, 640, 913, 680" href="#2"/> -->
 +
<!-- <area shape="rect" coords="33, 930, 277, 1108" href="#5"/> -->
 +
<!-- <area shape="rect" coords="355, 895, 520, 1101" href="#5"/> -->
 +
<!-- <area shape="rect" coords="617, 890, 830, 1103" href="#4"/> -->
 +
<!-- </map> -->
 +
</div>
 +
      <!--slides part-->
 +
      <!-- <div id="home-slides"> -->
 +
        <!-- <div id="myCarousel" class="carousel slide"> -->
 +
          <!-- <ol class="carousel-indicators"> -->
 +
            <!-- <li data-target="#myCarousel" data-slide-to="0" class="active"></li> -->
 +
            <!-- <li data-target="#myCarousel" data-slide-to="1"></li> -->
 +
            <!-- <li data-target="#myCarousel" data-slide-to="2"></li> -->
 +
          <!-- </ol> -->
 +
          <!-- Carousel items -->
 +
          <!-- <div class="carousel-inner"> -->
 +
            <!-- <div id="slides-image" class="active item"><img src="team/jay.png"></div> -->
 +
            <!-- <div id="slides-image" class="item"><img src="team/jay2.png"></div> -->
 +
            <!-- <div id="slides-image" class="item"><img src="team/jay3.png"></div> -->
 +
          <!-- </div> -->
 +
          <!-- Carousel nav -->
 +
          <!-- <a class="zhizhen-left" href="#myCarousel" data-slide="prev"><img src="home/left.png"></a> -->
 +
          <!-- <a class="zhizhen-right" href="#myCarousel" data-slide="next"><img src="home/right.png"></a> -->
 +
        <!-- </div > -->
 +
      <!-- </div> -->
 +
 +
      <!--main content part-->
 +
      <!-- <div id="home-content"> -->
 +
        <!-- <div id="home-note"> -->
 +
          <!-- <ul> -->
 +
              <!-- <li id="note"> -->
 +
                <!-- <span> -->
 +
                  <!-- <img id="pin" src="home\pin1.png"> -->
 +
                  <!-- <span id="note-header">  Part 1</span> -->
 +
                <!-- </span> -->
 +
                <!-- <span> -->
 +
                  <!-- <span id="notepad">SYSU-Software</span> -->
 +
                  <!-- <span id="note-pin"><img src="home/note-pin.png"></span> -->
 +
                <!-- </span> -->
 +
                <!--  -->
 +
              <!-- </li> -->
 +
<!--  -->
 +
              <!-- <li id="note"> -->
 +
                <!-- <span> -->
 +
                  <!-- <img id="pin" src="home\pin2.png"> -->
 +
                  <!-- <span id="note-header">  Part 2</span> -->
 +
                <!-- </span> -->
 +
<!--  -->
 +
                <!-- <span> -->
 +
                  <!-- <span id="notepad">SYSU-Software</span> -->
 +
                  <!-- <span id="note-pin"><img src="home/note-pin.png"></span> -->
 +
                <!-- </span> -->
 +
<!--  -->
 +
              <!-- </li> -->
 +
<!--  -->
 +
              <!-- <li id="note"> -->
 +
                <!-- <span> -->
 +
                  <!-- <img id="pin" src="home\pin3.png"> -->
 +
                  <!-- <span id="note-header">  Part 3</span> -->
 +
                <!-- </span> -->
 +
                <!--  -->
 +
                <!-- <span> -->
 +
                  <!-- <span id="notepad">SYSU-Software</span> -->
 +
                  <!-- <span id="note-pin"><img src="home/note-pin.png"></span> -->
 +
                <!-- </span> -->
 +
<!--  -->
 +
              <!-- </li> -->
 +
<!--  -->
 +
              <!-- <li id="note"> -->
 +
                <!-- <span> -->
 +
                  <!-- <img id="pin" src="home\pin4.png"> -->
 +
                  <!-- <span id="note-header">  Part 4</span> -->
 +
                <!-- </span> -->
 +
                <!-- <span> -->
 +
                  <!-- <span id="notepad">SYSU-Software</span> -->
 +
                  <!-- <span id="note-pin"><img src="home/note-pin.png"></span> -->
 +
                <!-- </span> -->
 +
<!--  -->
 +
              <!-- </li> -->
 +
<!--  -->
 +
              <!-- <li id="note"> -->
 +
                <!-- <span> -->
 +
                  <!-- <img id="pin" src="home\pin5.png"> -->
 +
                  <!-- <span id="note-header">  Part 5</span> -->
 +
                <!-- </span> -->
 +
                <!-- <span> -->
 +
                  <!-- <span id="notepad">SYSU-Software</span> -->
 +
                  <!-- <span id="note-pin"><img src="home/note-pin.png"></span> -->
 +
                <!-- </span> -->
 +
<!--  -->
 +
              <!-- </li> -->
 +
          <!-- </ul> -->
 +
        <!-- </div> -->
 +
<!--  -->
 +
        <!-- <div id="home-introduction"> -->
 +
          <!-- <span id="introduction-text"> -->
 +
            <!-- <span id="introduction-header"> -->
 +
              <!-- <img src="home/star.png"> -->
 +
              <!-- <span id="header-header">Product Instroduction</span> -->
 +
            <!-- </span> -->
 +
<!--  -->
 +
            <!-- <span id="introduction-content"> -->
 +
              <!-- <span> -->
 +
                <!-- sysu-softwaresysu-software<br> -->
 +
                <!-- sysu-softwaresysu-software<br> -->
 +
                <!-- sysu-softwaresysu-software<br> -->
 +
                <!-- sysu-softwaresysu-software -->
 +
              <!-- </span> -->
 +
<!--  -->
 +
              <!-- <img id="feiji" src="home\feiji.png"> -->
 +
            <!-- </span> -->
 +
<!--  -->
 +
          <!-- </span> -->
 +
<!--  -->
 +
          <!-- <span id="introduction-vedio"> -->
 +
            <!-- <a href="https://2013.igem.org/Team:SYSU-Software/game"><img src="home/home-vedio.png"></a> -->
 +
          <!-- </span> -->
 +
        <!-- </div> -->
 +
      <!-- </div> -->
 +
      <!--  -->
 +
  <!-- </div> -->
 +
 +
  <!--page footer-->
 +
  <div id="team-footer">
 +
    <div id="team-sub">
 +
          <!-- <table> -->
 +
            <!-- <tr> -->
 +
              <!-- <td> -->
 +
                <!-- <div id="subscribe"> -->
 +
                  <!-- <span id="subscribe-header">Subscribe</span> -->
 +
                  <!-- <span id="subscribe-content"> -->
 +
                    <!-- <p>sysu-softwaresysu-softwaresysu-softwaresysu-software</p> -->
 +
                    <!-- <p>sysu-softwaresysu-softwaresysu-softwaresysu-software</p> -->
 +
                    <!-- <p>sysu-softwaresysu-softwaresysu-softwaresysu-software</p> -->
 +
                    <!-- <p>sysu-softwaresysu-softwaresysu-softwaresysu-software</p> -->
 +
                    <!-- <p>sysu-softwaresysu-softwaresysu-softwaresysu-software</p> -->
 +
                  <!-- </span> -->
 +
                <!-- </div> -->
 +
              <!-- </td> -->
 +
            <!--  -->
 +
              <!-- <td> -->
 +
                <!-- <div id="link"> -->
 +
                  <!-- <span id="link-header">Link</span> -->
 +
                  <!-- <span id="link-content"> -->
 +
                    <!-- <p><a href="">http://sysu.cn</a></p> -->
 +
                    <!-- <p><a href="">http://iptv.sysu.cn</a></p> -->
 +
                    <!-- <p><a href="">http://askjakshlkj.com</a></p> -->
 +
                  <!-- </span> -->
 +
                <!-- </div> -->
 +
              <!-- </td> -->
 +
            <!-- </tr> -->
 +
          <!-- </table> -->
 +
<div id="footer-introduction" class="footer">
 +
<h2>Introduction</h2>
 +
<span>Accurate simulation and gene circuit design are essential but difficult parts in synthetic biology.Here, we designed CAST to cover the workflow from beginning to end, users can focus on function design and the gene circuit would be automatically designed. Furthermore, we developed a new simulation model that work with standard dynamic characteristic and verified by wetlab experiments. Moreover, we build an expandable database that users can contribute their own dynamic information which would lead to more accurate and sufficient dynamic information of all the Biobricks. Finally, our software is designed as an easy deployed server so that it can be used on personal purpose or shared by a whole lab or institution.
 +
</span>
 +
</div>
 +
<div id="footer-address" class="footer">
 +
Sun Yat-Sen University, Guangzhou, China
 +
<h2>ADDRESS</h2>
 +
135# Xingang Rd.(W.), Haizhu Guangzhou, P.R.China
 +
</div>
 +
    </div>
 +
   
 +
    <!-- <img id="bottom-image" src="team/bottom.png"> -->
 +
<div id="bottom-image"><img id="bottom-image" src="new/bottom.png"></div>
 +
  </div>
 +
<script type="text/javascript">
 +
$(".component-tooltip").tooltip({delay:{show:500},placement:'right'});
 +
</script>
 +
-
https://2013.igem.org/wiki/index.php?title=Team:SYSU-Software/header&action=edit
 
<footer></footer>
<footer></footer>
</body>
</body>
</html>
</html>

Revision as of 13:35, 25 September 2013

Team:SYSU-Software new