Difference between revisions of "Team:SUSTech Shenzhen"

Line 9: Line 9:
 
             <div class="inner">
 
             <div class="inner">
 
                 <h1 class="cursive wow flipInX" style="visibility: visible; animation-name: flipInX;">Simple, One Page Design</h1>
 
                 <h1 class="cursive wow flipInX" style="visibility: visible; animation-name: flipInX;">Simple, One Page Design</h1>
                 <h4>A free landing page theme with video background</h4>
+
                 <image id="soundGIF" src="https://static.igem.org/mediawiki/2016/f/f6/T--SUSTech_Shenzhen--main_gif_words_1.png" width="500px" height="100%"/>
 
                 <hr>
 
                 <hr>
                 <a href="#video-background" id="toggleVideo" data-toggle="collapse" class="btn btn-primary btn-xl">Toggle Video</a> &nbsp; <a href="#one" class="btn btn-primary btn-xl page-scroll">Get Started</a>
+
                 <a href="#video-background" id="toggleVideo" data-toggle="collapse" class="btn btn-primary btn-xl">Toggle Video</a> &nbsp; <a href="https://2016.igem.org/Team:SUSTech_Shenzhen/Design" class="btn btn-primary btn-xl page-scroll">Get Started</a>
 
             </div>
 
             </div>
 
         </div>
 
         </div>
         <video autoplay="" loop="" class="fillWidth fadeIn wow collapse in" data-wow-delay="0.5s" poster="https://s3-us-west-2.amazonaws.com/coverr/poster/Traffic-blurred2.jpg" id="video-background" style="visibility: visible; animation-delay: 0.5s; animation-name: fadeIn;">
+
         <video autoplay="" loop="" class="fillWidth fadeIn wow collapse in" data-wow-delay="0.5s" poster="https://static.igem.org/mediawiki/2016/c/c4/T--SUSTech_Shenzhen--mainpage_poster.jpg" id="video-background" style="visibility: visible; animation-delay: 0.5s; animation-name: fadeIn;">
             <source src="https://s3-us-west-2.amazonaws.com/coverr/mp4/Traffic-blurred2.mp4" type="video/mp4">Your browser does not support the video tag. I suggest you upgrade your browser.
+
             <source src="https://static.igem.org/mediawiki/2016/8/82/T--SUSTech_Shenzhen--mainpage_vedio.mp4" type="video/mp4">Your browser does not support the video tag. I suggest you upgrade your browser.
 
         </video>
 
         </video>
 
     </header>
 
     </header>
<div class="header">
 
      <div class="header_content ">
 
            <div class="container">
 
<div class="row" style="height:200px">
 
</div>
 
            <div class="row">
 
            <div class="col-xs-4 col-md-offset-1">
 
                <image id="soundGIF"src=" https://static.igem.org/mediawiki/2016/f/f6/T--SUSTech_Shenzhen--main_gif_words_1.png" width="500px" height="100%"/>
 
              </div>
 
              </div>
 
<div class="row" style="height:50px">
 
</div>
 
              <div class="row">
 
              <div class="col-md-2 col-md-offset-2">
 
                  <a href="https://2016.igem.org/Team:SUSTech_Shenzhen/Design" class="btn btn-primary" aria-expanded="true">Learn more</a>
 
              </div>
 
              </div>
 
              </div>
 
      </div>
 
      <video autoplay="" loop="" class="fillWidth wow collapse in" data-wow-delay="0.5s" poster="https://static.igem.org/mediawiki/2016/c/c4/T--SUSTech_Shenzhen--mainpage_poster.jpg" id="video-background" style="min-width:100%; min-height:100%; width:auto; 1080px; margin-top:-70px; ">
 
            <source src="https://static.igem.org/mediawiki/2016/8/82/T--SUSTech_Shenzhen--mainpage_vedio.mp4" type="video/mp4">Your browser does not support the video tag. I suggest you upgrade your browser.
 
</video>
 
</div>
 
 
 
  
 
<script src="https://2014.igem.org/Team:SUSTC-Shenzhen/static/js/velocity.min.js?action=raw"></script>
 
<script src="https://2014.igem.org/Team:SUSTC-Shenzhen/static/js/velocity.min.js?action=raw"></script>

Revision as of 14:33, 9 October 2016

Team SUSTC-Shenzhen

Simple, One Page Design


Toggle Video   Get Started

Made by from the iGEM team SUSTech_Shenzhen.

Licensed under CC BY 4.0.