Difference between revisions of "Team:SUSTech Shenzhen"

Line 5: Line 5:
 
opacity=0}}
 
opacity=0}}
 
<html>
 
<html>
 +
    <header id="first">
 +
        <div class="header-content">
 +
            <div class="inner">
 +
                <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>
 +
                <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>
 +
            </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;">
 +
            <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.
 +
        </video>
 +
    </header>
 
<div class="header">  
 
<div class="header">  
 
       <div class="header_content ">
 
       <div class="header_content ">

Revision as of 14:27, 9 October 2016

Team SUSTC-Shenzhen

Simple, One Page Design

A free landing page theme with video background


Toggle Video   Get Started

Made by from the iGEM team SUSTech_Shenzhen.

Licensed under CC BY 4.0.