Team:SYSU-Software/v2

From 2012.igem.org

(Difference between revisions)
Line 1: Line 1:
-
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
Line 57: Line 56:
</style>
</style>
-
<head>
 
-
<title>29141 template preview</title>
 
-
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 
-
<meta http-equiv="Content-Style-Type" content="text/css" />
 
-
<link href="./style.css" rel="stylesheet" type="text/css" />
 
-
<link href="layout.css" rel="stylesheet" type="text/css" />
 
-
<script src="js/jquery-1.4.2.min.js" type="text/javascript"></script>
 
-
<script src="js/jquery.faded.js" type="text/javascript"></script>
 
-
<script src="js/tabs.js" type="text/javascript"></script>
 
-
<script src="js/script.js" type="text/javascript"></script>
 
-
<!--[if lt IE 7]>
 
-
<link href="ie_style.css" rel="stylesheet" type="text/css" />
 
-
  <script type="text/javascript" src="js/ie_png.js"></script>
 
-
  <script type="text/javascript">
 
-
      ie_png.fix('.png, #header, #header .nav a, #faded strong, #faded .controls a');
 
-
  </script>
 
-
<![endif]-->
 
-
</head>
 
-
<body id="page1">
 
-
  <div class="tail-top">
 
-
    <div id="main">
 
-
      <!-- header -->
 
-
      <div id="header">
 
-
        <form action="" id="search-form">
 
-
          <fieldset>
 
-
          <input type="text" class="text" value="Site Search" onfocus="if(this.value=='Site Search'){this.value=''}" onblur="if(this.value==''){this.value='Site Search'}"/><input type="submit" class="submit" value="" />
 
-
          </fieldset>
 
-
        </form>
 
-
        <h1><a href="#"></a>
 
-
<img src= images/logo.png  alt=""  width="320px"  height="150px"/></h1>
 
-
        <!-- .nav -->
 
-
        <ul class="nav">
 
-
           
 
-
          <li><a href="#" >Project<span>Start here</span></a></li>
 
-
          <li><a href="#">Team<span>Let us show you our work</span></a></li>
 
-
          <li><a href="#">Safety<span>Get to know us a little better</span></a></li>
 
-
          <li><a href="#">Tutorial<span>A rundown of our services</span></a></li>
 
-
          <li><a href="#">Notebook<span>How to get in touch with us</span></a></li>
 
-
         
 
-
 
-
        </ul>
 
-
        <!-- /.nav -->
 
-
        <!-- faded slider -->
 
-
        <div id="faded">
 
-
          <ul>
 
-
            <li>
 
-
            <img src="images/slide1.jpg" alt="" />
 
-
              <strong>creative ideas</strong>
 
-
              <a href="#" class="button-alt">click here</a>
 
-
            </li>
 
-
            <li>
 
-
            <img src="images/slide2.jpg" alt="" />
 
-
              <strong>best solutions</strong>
 
-
              <a href="#" class="button-alt">click here</a>
 
-
            </li>
 
-
            <li>
 
-
            <img src="images/slide3.jpg" alt="" />
 
-
              <strong>global success</strong>
 
-
              <a href="#" class="button-alt">click here</a>
 
-
            </li>
 
-
          </ul>
 
-
          <ul class="controls">
 
-
          <li><a href="#" class="prev"></a></li>
 
-
            <li><a href="#" class="next"></a></li>
 
-
          </ul>
 
-
        </div>
 
-
        <!-- //faded slider -->
 
-
      </div>
 
-
      <!-- content -->
 
-
      <div id="content">
 
-
      <!-- tabs -->
 
-
        <div class="wrapper">
 
-
          <div class="wrapper">
 
-
            <ul class="tabs">
 
-
              <li class="first"><a href="#tab1">Genome Browser</a></li>
 
-
              <li><a href="#tab2">Regulator&nbsp;Designer</a></li>
 
-
              <li><a href="#tab3">Network&nbsp;Illustrator</a></li>
 
-
              <li><a href="#tab4">Simulator</a></li>
 
-
            </ul>
 
-
          </div>
 
-
          <div class="tab_container">
 
-
          <div id="tab1" class="tab_content">
 
-
            <div class="wrapper">
 
-
              <img class="img-indent" src="images/browser.jpg" alt="" width="300px" height="230px"/>
 
-
                <div class="extra-wrap">
 
-
                <p>With this Genome Browser, users are able to search Biobricks, plasmids and genomes of model microorganisms; at the same time, gene annotations and information of GenBank are presented. The primary protein sequence is also presented according to the DNA sequences. Aside from searching sequences, users can also input or modify the sequences, insert annotation and build target plasmids they need.</p>
 
-
                 
 
-
                  <div class="wrapper"><a href="#" class="link1"><b>read more</b></a></div>
 
-
                </div>
 
-
              </div>
 
-
            </div>
 
-
            <div id="tab2" class="tab_content">
 
-
            <div class="wrapper">
 
-
              <img class="img-indent" src="images/designer.jpg" alt="" width="300px" height="230px"/>
 
-
                <div class="extra-wrap">
 
-
                <p>This part of the software focus on the design of regulatory elements of metabolic networks, mainly non-coding RNAs including SiRNA and Riboswitch. When a certain gene or protein is given, the Designer would generate the elements. What’s more, the primary and secondary structure can be predicted and presented in the Designer. The function of structure prediction can be also applied in other non-coding RNAs, for instance, microRNAs.</p>
 
-
                 
 
-
                  <div class="wrapper"><a href="#" class="link1"><b>read more</b></a></div>
 
-
                </div>
 
-
              </div>
 
-
            </div>
 
-
            <div id="tab3" class="tab_content">
 
-
            <div class="wrapper">
 
-
              <img class="img-indent" src="images/illustrator.jpg" alt="" width="300px" height="230px" />
 
-
                <div class="extra-wrap">
 
-
                <p>Relying on the KEGG Pathway database, the Illustrator exports the optimized relevant pathway map of a gene or transcription factor the user interests in.  </p>
 
-
                                    <div class="wrapper"><a href="#" class="link1"><b>read more</b></a></div>
 
-
                </div>
 
-
              </div>
 
-
            </div>
 
-
            <div id="tab4" class="tab_content">
 
-
            <div class="wrapper">
 
-
            <img class="img-indent" src="images/simulator.jpg" alt="" width="300px" height="230px" />
 
-
              <div class="extra-wrap">
 
-
              <p>Simulator is a tool to analyze target metabolic network in method of flux balance analysis (FBA). The Simulator would help researchers rebuild the metabolic network and search key genes in the network, in order to simplify the synthesis design. Relying on the KEGG Pathway database, a novel rFBA model is formed when regulation-relevant conditions are added into the primitive FBA model, which would help the researchers observe the dynamic change in the metabolic system. Moreover, unlike the mainstream of FBA, the analysis of the Simulator is not based on Matlab and is more convenient for researchers to use.</p>
 
-
                <p class="wrapper"><a href="#" class="link1"><b>read more</b></a></p>
 
-
                </div>
 
-
 
-
              </div>
 
-
            </div>
 
-
          </div>
 
-
        </div>
 
-
        <!-- .box -->
 
-
        <div class="box">
 
-
        <div class="right-bot-corner">
 
-
          <div class="left-bot-corner">
 
-
            <div class="inner">
 
-
              <div class="line-ver">
 
-
                  <div class="wrapper line-ver1">
 
-
                    <div class="col-1">
 
-
                      <h2>Solutions</h2>
 
-
                      <ul class="list1">
 
-
                        <li><a href="#">Management Consulting</a></li>
 
-
                        <li><a href="#">Policy and Regulatory Analysis</a></li>
 
-
                        <li><a href="#">Market Assessment</a></li>
 
-
                        <li><a href="#">Program Management</a></li>
 
-
                        <li><a href="#">Regulatory Support</a></li>
 
-
                        <li class="last"><a href="#">Scientific and Risk Assessment</a></li>
 
-
                      </ul>
 
-
                      <div class="wrapper"><a href="#" class="link1"><b>read more</b></a></div>
 
-
                    </div>
 
-
                    <div class="col-2">
 
-
                      <h2>Products</h2>
 
-
                      <ul class="products-list">
 
-
                      <li>
 
-
                          <img src="images/icon1.jpg" alt="" />
 
-
                          <div class="extra-wrap">
 
-
                            <p>Lorem ipsum dolor sit Amet consec tetuer adipiscing elit</p>
 
-
                            <div class="wrapper"><a href="#" class="link1"><b>read more</b></a></div>
 
-
                          </div>
 
-
                        </li>
 
-
                        <li class="last">
 
-
                          <img src="images/icon2.jpg" alt="" />
 
-
                          <div class="extra-wrap">
 
-
                            <p>Lorem ipsum dolor sit Amet consec tetuer adipiscing elit</p>
 
-
                            <div class="wrapper"><a href="#" class="link1"><b>read more</b></a></div>
 
-
                          </div>
 
-
                        </li>
 
-
                      </ul>
 
-
                    </div>
 
-
                    <div class="col-3">
 
-
                      <h2>Contact us</h2>
 
-
                      <p>Lorem ipsum dolor sit amet, consec tetuer adipiscing elit. Praesent vestibu- lum mo lestie lacus</p>
 
-
                      <p>Aenean nonummy hendrerit mauris. Phasellus porta. Fusce suscipit varius mi. Cum sociis natoque penatibuset magnis dis parturient montes, nascetur ridiculus mus. Nulla dui. Fusce feugiat malesuada odio</p>
 
-
                      <div class="wrapper"><a href="#" class="link1"><b>read more</b></a></div>
 
-
                    </div>
 
-
                  </div>
 
-
                </div>
 
-
              </div>
 
-
            </div>
 
-
          </div>
 
-
        </div>
 
-
        <!-- /.box -->
 
-
        <!-- .banners -->
 
-
        <ul class="banners">
 
-
        <li><a href="#"><img src="images/banner1.gif" alt="" /></a></li>
 
-
          <li><a href="#"><img src="images/banner2.gif" alt="" /></a></li>
 
-
          <li><a href="#"><img src="images/banner3.gif" alt="" /></a></li>
 
-
          <li class="last"><a href="#"><img src="images/banner4.gif" alt="" /></a></li>
 
-
        </ul>
 
-
        <!-- /.banners -->
 
-
      </div>
 
-
      <!-- footer -->
 
-
      <div id="footer">
 
-
      Genrich &copy; 2010 | <a href="#">Privacy Policy</a>
 
-
      </div>
 
-
    </div>
 
-
  </div>
 
-
  <script type="text/javascript">
 
-
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
 
-
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
 
-
</script>
 
-
<script type="text/javascript">
 
-
try {
 
-
var pageTracker = _gat._getTracker("UA-7078796-1");
 
-
pageTracker._trackPageview();
 
-
} catch(err) {}</script>
 
-
</body>
 
</html>
</html>

Revision as of 04:52, 13 September 2012