Team:SYSU-Software/demo
From 2013.igem.org
(Difference between revisions)
Line 28: | Line 28: | ||
<div id="navigation"></div> | <div id="navigation"></div> | ||
- | <div class="wrapper"> | + | <div class="wrapper colored-wrapper"> |
- | <div class=" | + | <div class="container"> |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | <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> | ||
- | <div class="demo- | + | <div class="wrapper"> |
- | <div class=" | + | <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/H9ndz13zUms" frameborder="0" allowfullscreen></iframe> | ||
</div> | </div> | ||
- | <div class="intro- | + | <div class="demo-intro" id="demo-intro"> |
- | <p>Our team is SYSU-Software,lalalalla ljsoid lsi sjdfajdljfa ;fja;di | + | <div class="intro-header"> |
- | adjsfldifs fsj;dfj ;asiejaljf;ljjdkjsifiejoef dj;odjfld;jd;sijdf;sj;flsjfsfs fjsiejjsl;sljf;sjf;asidjfa;djal;dkja;dljfa;ldkja;ldkjfa;difj;eijljelssdfjlsjldfjs;ieifjskjdf;ijejslj;akdja,</p> | + | <img src="./demo/intrologo.png" alt="intrologo"> |
+ | <span class="header-text">Product Indroduction</span> | ||
+ | </div> | ||
+ | |||
+ | <div class="intro-content"> | ||
+ | <p> | ||
+ | Our team is SYSU-Software,lalalalla ljsoid lsi sjdfajdljfa ;fja;di | ||
+ | adjsfldifs fsj;dfj ;asiejaljf;ljjdkjsifiejoef dj;odjfld;jd;sijdf;sj;flsjfsfs fjsiejjsl;sljf;sjf;asidjfa;djal;dkja;dljfa;ldkja;ldkjfa;difj;eijljelssdfjlsjldfjs;ieifjskjdf;ijejslj;akdja, | ||
+ | </p> | ||
- | + | <img src="./demo/helicopter.png" alt="helicopter"></div> | |
</div> | </div> | ||
</div> | </div> |
Revision as of 13:21, 25 September 2013
Product Indroduction
Our team is SYSU-Software,lalalalla ljsoid lsi sjdfajdljfa ;fja;di adjsfldifs fsj;dfj ;asiejaljf;ljjdkjsifiejoef dj;odjfld;jd;sijdf;sj;flsjfsfs fjsiejjsl;sljf;sjf;asidjfa;djal;dkja;dljfa;ldkja;ldkjfa;difj;eijljelssdfjlsjldfjs;ieifjskjdf;ijejslj;akdja,