"
Team:SYSU-Software/demo
From 2013.igem.org
(Difference between revisions)
Nie1234567 (Talk | contribs) |
|||
| (15 intermediate revisions not shown) | |||
| Line 11: | Line 11: | ||
<link href="https://2012.igem.org/Team:SYSU-Software/bootstrap.css?action=raw&ctype=text/css" rel="stylesheet" type="text/css" /> | <link href="https://2012.igem.org/Team:SYSU-Software/bootstrap.css?action=raw&ctype=text/css" rel="stylesheet" type="text/css" /> | ||
<link href="https://2012.igem.org/Team:SYSU-Software/flatui.css?action=raw&ctype=text/css" rel="stylesheet" type="text/css" /> | <link href="https://2012.igem.org/Team:SYSU-Software/flatui.css?action=raw&ctype=text/css" rel="stylesheet" type="text/css" /> | ||
| - | |||
<link href="https://2013.igem.org/Team:SYSU-Software/header.css?action=raw&ctype=text/css" rel="stylesheet" type="text/css" /> | <link href="https://2013.igem.org/Team:SYSU-Software/header.css?action=raw&ctype=text/css" rel="stylesheet" type="text/css" /> | ||
| - | |||
<link href="https://2013.igem.org/Team:SYSU-Software/demo.css?action=raw&ctype=text/css" rel="stylesheet" type="text/css" /> | <link href="https://2013.igem.org/Team:SYSU-Software/demo.css?action=raw&ctype=text/css" rel="stylesheet" type="text/css" /> | ||
| - | + | <link href="https://2013.igem.org/Team:SYSU-Software/home.css?action=raw&ctype=text/css" rel="stylesheet" type="text/css" /> | |
| + | <!-- <link href="demo/css/demo.css" rel="stylesheet" type="text/css" /> --> | ||
<script src="https://2013.igem.org/Team:SYSU-Software/jquery-1.9.1.min.js?action=raw&ctype=text/javascript" type="text/javascript"></script> | <script src="https://2013.igem.org/Team:SYSU-Software/jquery-1.9.1.min.js?action=raw&ctype=text/javascript" type="text/javascript"></script> | ||
<script src="https://2013.igem.org/Team:SYSU-Software/bootstrap.min.js?action=raw&ctype=text/javascript" type="text/javascript"></script> | <script src="https://2013.igem.org/Team:SYSU-Software/bootstrap.min.js?action=raw&ctype=text/javascript" type="text/javascript"></script> | ||
| Line 28: | Line 27: | ||
<div id="navigation"></div> | <div id="navigation"></div> | ||
| - | <div class="wrapper"> | + | <div class="wrapper colored-wrapper"> |
| - | <div class=" | + | <div class="container"> |
| - | + | <!--<div style="width: 100%;font-size: 40px;color: #34495e;font-weight: bolder;margin: 30px auto;"> | |
| - | + | <span style="display: block;margin: auto;width: 100%;text-align: center;"> | |
| - | + | DEMO | |
| - | + | </span> | |
| + | </div>--> | ||
| + | <div id="home-banner"> | ||
| + | <div id="banner-left" class="banner-tips"> | ||
| + | <div> | ||
| + | <h1 class="h">CAST </h1> | ||
| + | <h3 class="h">Designer</h3> | ||
| + | </div> | ||
| + | <span>Computer Aided Synbio Tool-<br/>An Integrated Tool for Synthetic Biology</span> | ||
| + | </div> | ||
| + | <div id="banner-middle" class="banner-tips"><img src="https://static.igem.org/mediawiki/2013/e/eb/Robot_header.png"></div> | ||
| + | <div id="banner-right" class="banner-tips"> | ||
| + | <!-- <button>Download</button> --> | ||
| + | <a class="btn btn-inverse" href="https://github.com/igemsoftware/SYSU-Software2013" target="_blank" style="color:white;background:#34495e;"><img src="https://static.igem.org/mediawiki/igem.org/c/cc/Cast_Download_logo.png" >Download</a> | ||
| + | <div>Click here to download the software</div> | ||
| + | </div> | ||
| + | </div> | ||
| - | + | <div id="footer-introduction" class="footer"> | |
| - | + | <h2>Demo</h2> | |
| - | + | </div> | |
| - | + | <!--<div class="demo-content" id="demo-show"> | |
| - | + | <a class="hexagon block1" href=""> <b class="top-triangle"></b> | |
| - | + | <span></span> <b class="bottom-triangle"></b> | |
| + | </a> | ||
| - | + | <a class="hexagon" href=""> | |
| - | + | <b class="top-triangle"></b> | |
| - | + | <span></span> | |
| - | + | <b class="bottom-triangle"></b> | |
| - | + | </a> | |
| - | + | <a class="hexagon block2" href=""> | |
| - | + | <b class="top-triangle"></b> | |
| - | + | <span></span> | |
| - | + | <b class="bottom-triangle"></b> | |
| - | + | </a> | |
| - | + | <a class="hexagon" href=""> | |
| - | + | <b class="top-triangle"></b> | |
| - | + | <span></span> | |
| - | + | <b class="bottom-triangle"></b> | |
| - | + | </a> | |
| - | + | <a class="hexagon margin" href=""> | |
| - | + | <b class="top-triangle"></b> | |
| - | + | <span></span> | |
| - | + | <b class="bottom-triangle"></b> | |
| - | + | </a> | |
| - | + | <a class="hexagon block3" href=""> | |
| - | + | <b class="top-triangle"></b> | |
| - | + | <span></span> | |
| - | + | <b class="bottom-triangle"></b> | |
| - | + | </a> | |
| - | + | <a class="hexagon" href=""> | |
| - | + | <b class="top-triangle"></b> | |
| - | + | <span></span> | |
| - | + | <b class="bottom-triangle"></b> | |
| - | + | </a> | |
| - | + | <a class="hexagon block4" href=""> | |
| - | + | <b class="top-triangle"></b> | |
| - | + | <span></span> | |
| - | + | <b class="bottom-triangle"></b> | |
| - | + | </a> | |
| - | + | <a class="hexagon" href=""> | |
| - | + | <b class="top-triangle"></b> | |
| - | + | <span></span> | |
| - | + | <b class="bottom-triangle"></b> | |
| - | + | </a> | |
| - | + | <a class="hexagon" href=""> | |
| - | + | <b class="top-triangle"></b> | |
| - | + | <span></span> | |
| - | + | <b class="bottom-triangle"></b> | |
| - | + | </a> | |
| - | + | <a class="hexagon block4" href=""> | |
| - | + | <b class="top-triangle"></b> | |
| - | + | <span></span> | |
| - | + | <b class="bottom-triangle"></b> | |
| - | + | </a> | |
| - | + | <a class="hexagon margin" href=""> | |
| - | + | <b class="top-triangle"></b> | |
| - | + | <span></span> | |
| - | + | <b class="bottom-triangle"></b> | |
| - | + | </a> | |
| - | + | <a class="hexagon" href=""> | |
| - | + | <b class="top-triangle"></b> | |
| - | + | <span></span> | |
| - | + | <b class="bottom-triangle"></b> | |
| - | + | </a> | |
| - | + | <a class="hexagon" href=""> | |
| - | + | <b class="top-triangle"></b> | |
| - | + | <span></span> | |
| - | + | <b class="bottom-triangle"></b> | |
| - | + | </a> | |
| - | + | </div>--> | |
| + | </div> | ||
| + | </div> | ||
| - | <div class=" | + | <div class="wrapper"> |
| + | <div class="container"> | ||
| + | <div class="demo-content" id="demo-introduction"> | ||
| + | <div class="demo-video" id="demo-video"> | ||
| + | <iframe width="560" height="360" src="//www.youtube.com/embed/1VDxFu7wZMs" frameborder="0" allowfullscreen></iframe> | ||
| + | </div> | ||
| - | + | <div class="demo-intro" id="demo-intro"> | |
| - | + | <div class="intro-header"> | |
| - | + | <img src="https://static.igem.org/mediawiki/2013/e/e3/Intrologo.png" alt="intrologo"> | |
| - | + | <span class="header-text">Tutorial of C.A.S.T.</span> | |
| - | + | </div> | |
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | <div class="intro-content"> | |
| - | + | <span> | |
| - | + | This video performed a user introduction through the workflow of synthetic biology design.Several special user interface designs are also presented. | |
| + | </span> | ||
| - | + | <img src="https://static.igem.org/mediawiki/2013/f/fd/Helicopter.png" alt="helicopter"></div> | |
</div> | </div> | ||
</div> | </div> | ||
</div> | </div> | ||
</div> | </div> | ||
| + | <!--page footer--> | ||
| + | <div id="sysu-footer"> | ||
| + | <img id="" src="https://static.igem.org/mediawiki/2013/d/d9/Sysu-footer.png"> | ||
| + | </div> | ||
| - | + | ||
</body> | </body> | ||
</html> | </html> | ||
Latest revision as of 23:06, 28 October 2013
Download
Click here to download the software
Tutorial of C.A.S.T.
This video performed a user introduction through the workflow of synthetic biology design.Several special user interface designs are also presented.
