Template:USTC-Software/header

From 2013.igem.org

(Difference between revisions)
 
(122 intermediate revisions not shown)
Line 1: Line 1:
-
<html>
+
<html>  
-
<head>
+
<head>  
-
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" >  
-
<style type="text/css">
+
    <title>Slide</title>  
-
#top-section{display:none;}
+
 
<link rel="stylesheet" type="text/css" href="https://2013.igem.org/Template:USTC-Software/header/css?action=raw&ctype=text/css" media="all">
<link rel="stylesheet" type="text/css" href="https://2013.igem.org/Template:USTC-Software/header/css?action=raw&ctype=text/css" media="all">
-
</head>
 
 +
<script src="https://2013.igem.org/Template:USTC-Software/header/js1?action=raw&ctype=text/javascript" type="text/javascript" charset="utf-8"></script>
-
<div id="top" align="center">
+
<script src="https://2013.igem.org/Template:USTC-Software/header/js2?action=raw&ctype=text/javascript" type="text/javascript" charset="utf-8"></script>
-
  <div id="header">
+
 
-
      <div id="team_logo"align="left"><a href=" ">USTC-Software</a></div>
+
<script src="https://2013.igem.org/Template:USTC-Software/header/js3?action=raw&ctype=text/javascript" type="text/javascript" charset="utf-8"></script>
-
+
 
 +
<script src="https://2013.igem.org/Template:USTC-Software/header/js4?action=raw&ctype=text/javascript" type="text/javascript" charset="utf-8"></script>
 +
 
 +
<script src="https://2013.igem.org/Template:USTC-Software/header/js5?action=raw&ctype=text/javascript" type="text/javascript" charset="utf-8"></script>
-
    <div id="nav-strip">
 
-
            <ul>
 
-
                <li class="nav-item"><a href="#" ><span class="primary-link">Software</span></a>
 
-
                    <div class="subnav ">                     
 
-
                      <div class="subnav-inner">
 
-
                          <ul>                     
 
-
                            <li class="" style=" border-top:#FFF solid 1px;"><a href="#" target="_top">Overview</a></li>
 
-
                            <li class=""><a href="#" target="_top">1</a></li>
 
-
                            <li class=""><a href="#" target="_top">2</a></li>
 
-
                            <li class=""><a href="#" target="_top">3</a></li>
 
-
                            <li class=""><a href="#" target="_top">4</a></li>
 
-
                            <li class=""><a href="#" target="_top">Download</a></li>
 
-
                            <li class=""><a href="#" target="_top">Update</a></li>
 
-
                          </ul>                     
 
-
                      </div>                     
 
-
                  </div>
 
-
              </li>
 
-
              <li class="nav-item"><a href="../Achievements/Achievements.html" target="_self"><span class="primary-link">Achievements</span></a>
 
-
              <div class="subnav ">                     
 
-
                      <div class="subnav-inner">
 
-
                          <ul>                     
 
-
                            <li class="" style=" border-top:#FFF solid 1px;"><a href="#" target="_top">Medal</a></li>
 
-
                            <li class=""><a href="#" target="_top">Special Award</a></li>
 
-
                  </ul>                     
 
-
                      </div>                     
 
-
                  </div>
 
-
              </li>
 
-
              <li class="nav-item"><a href="#" ><span class="primary-link">Dev notes</span></a>
 
-
              </li>
 
-
              <li class="nav-item"><a href="#" ><span class="primary-link">Team</span></a>
 
-
              </li>
 
-
              <li class="nav-item no-subnav"><a href="#" ><span class="primary-link">Others</span></a>
 
-
              <div class="subnav ">                     
 
-
                      <div class="subnav-inner">
 
-
                          <ul>                     
 
-
                            <li class="" style=" border-top:#FFF solid 1px;"><a href="#" target="_top">Human practice</a></li>
 
-
                            <li class=""><a href="#" target="_top">Safety</a></li>
 
-
                            <li class=""><a href="#" target="_top">Collaboration</a></li>
 
-
                          </ul>                     
 
-
                      </div>                     
 
-
                  </div>             
 
-
              </li>
 
-
                                   
 
-
          </ul>
 
-
      </div>
 
-
 
-
<script src="menus.js" type="text/javascript"></script>
 
-
 
-
     
 
-
      <div id="igem" align="center">   
 
<script>
<script>
-
function movepic(img_name,img_src) {
+
$(function(){
-
document[img_name].src=img_src;
+
$('.pix_diapo').diapo();
-
}
+
});
 +
 
</script>
</script>
-
<a href=" " onmouseover="movepic('button','https://static.igem.org/mediawiki/2013/6/65/USTC-Software_igem_logo.gif')"
 
-
onmouseout="movepic('button','https://static.igem.org/mediawiki/2013/d/db/USTC-Software_igem_logo.png')"><img name="button" src="https://static.igem.org/mediawiki/2013/d/db/USTC-Software_igem_logo.png" style="width:80px; height:70px; margin-top:2px;"/></a>
 
-
      </div>
 
-
  </div>
+
 
-
</div>
+
 +
</head>
 +
<body>
 +
    <section>
 +
   
 +
    <div style="overflow:hidden; width:1000px; margin: 0 auto; padding:0px; margin-top:100px;">  
 +
                <div class="pix_diapo">
 +
 
 +
 
 +
 
 +
                    <div data-thumb="https://static.igem.org/mediawiki/2013/c/ca/USTC-Software-3s.jpg">
 +
                        <img src="https://static.igem.org/mediawiki/2013/8/85/USTC_Software_Page1.png">
 +
                        <div class="caption elemHover fromLeft">
 +
                            Take a gNAP before wearing your gloves!
 +
Genetic Network Analyze and Predict
 +
                        </div>
 +
                    </div>
 +
                   
 +
 
 +
 
 +
                 
 +
                    <div data-thumb="https://static.igem.org/mediawiki/2013/9/9f/USTC-Software-main2s.jpg">
 +
                        <img src="https://static.igem.org/mediawiki/2013/1/15/2.jpg">
 +
                        <div class="caption elemHover fromLeft">
 +
                          The sketch and final GUI of gNAP!
 +
                        </div>
 +
                    </div>
 +
                   
 +
           
 +
                    <div data-thumb="https://static.igem.org/mediawiki/2013/c/c6/USTC_Software_3s.jpg">
 +
                        <img src="https://static.igem.org/mediawiki/2013/2/2d/USTC_Software_3b.jpg">
 +
                        <div class="caption elemHover fromLeft">
 +
                            We compare the result of our software with gene expression profile in literature.
 +
                        </div>
 +
                    </div>
 +
                   
 +
 
 +
 
 +
                    <div data-thumb="https://static.igem.org/mediawiki/2013/f/f8/USTC_Software_s4.jpg">
 +
                        <img src="https://static.igem.org/mediawiki/2013/c/cb/USTC_Software_4.jpg">
 +
                        <div class="caption elemHover fromLeft">
 +
                            We are USTC-Software!
 +
                        </div>
 +
                    </div>
 +
 
 +
 
 +
</div></div>
 +
   
 +
    </section>
 +
 +
    </body>
 +
</html>

Latest revision as of 12:51, 28 October 2013

Slide

Take a gNAP before wearing your gloves! Genetic Network Analyze and Predict
The sketch and final GUI of gNAP!
We compare the result of our software with gene expression profile in literature.
We are USTC-Software!