Team:SYSU-Software/demo

From 2013.igem.org

(Difference between revisions)
(Created page with " <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" xmlns:m="http://schemas.microsoft.com/office/2004/12/omml" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="ur...")
 
(21 intermediate revisions not shown)
Line 1: Line 1:
-
 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" xmlns:m="http://schemas.microsoft.com/office/2004/12/omml" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" xmlns:m="http://schemas.microsoft.com/office/2004/12/omml" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office">
<head>
<head>
-
<title>Team:SYSU-Software</title>
+
<title>Team:SYSU-Software</title>
-
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+
 
-
<meta http-equiv="Content-Style-Type" content="text/css" />
+
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-
<link href="https://raw.github.com/lovedayluk/iGEM2013/master/style.css?action=raw&ctype=text/css" rel="stylesheet" type="text/css" >
+
<meta http-equiv="Content-Style-Type" content="text/css" />
-
<link href="https://2012.igem.org/Team:SYSU-Software/prefix.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://raw.github.com/lovedayluk/iGEM2013/master/style.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/prefix.css?action=raw&ctype=text/css" rel="stylesheet" type="text/css" >
-
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
+
 
-
<!--
+
<link href="https://2012.igem.org/Team:SYSU-Software/bootstrap.css?action=raw&ctype=text/css" rel="stylesheet" type="text/css" />
-
<script src="http://code.jquery.com/jquery-1.9.1.min.js?action=raw&ctype=text/javascript" type="text/javascript"></script>
+
<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&amp;ctype=text/css" rel="stylesheet" type="text/css" />
-
<script src="https://2013.igem.org/Team:SYSU-Software/prefix.js?action=raw&ctype=text/javascript" type="text/javascript"></script>
+
 
-
<head>
+
        <link href="https://2013.igem.org/Team:SYSU-Software/demo.css?action=raw&amp;ctype=text/css" rel="stylesheet" type="text/css" />
-
<meta charset="utf-8">
+
        <link href="https://2013.igem.org/Team:SYSU-Software/home.css?action=raw&amp;ctype=text/css" rel="stylesheet" type="text/css" />
-
<title>new</title>
+
        <!-- <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/bootstrap.min.js?action=raw&ctype=text/javascript" type="text/javascript"></script>
 +
<script src="https://2013.igem.org/Team:SYSU-Software/prefix.js?action=raw&ctype=text/javascript" type="text/javascript"></script>
</head>
</head>
 +
 +
<body>
<body>
-
<div id="main">
+
<!--header-->
-
<div id="navigation"></div>
+
<div id="navigation"></div>
-
      <div id="main-box">
+
 
-
  <!--<img src="https://static.igem.org/mediawiki/2012/d/d9/Test.png" alt="test">-->
+
<div class="wrapper colored-wrapper">
-
          <p>demo</p>
+
<div class="container">
-
      </div>
+
                    <!--<div style="width: 100%;font-size: 40px;color: #34495e;font-weight: bolder;margin: 30px auto;">
-
      <footer></footer>
+
                      <span style="display: block;margin: auto;width: 100%;text-align: center;">
-
</div>
+
                          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="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>
 +
<!--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

Team:SYSU-Software

intrologo 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. helicopter