Team:Virginia/AnimationTest

From 2014.igem.org

(Difference between revisions)
 
(5 intermediate revisions not shown)
Line 15: Line 15:
    
    
   <style>
   <style>
 +
 +
html{
 +
padding: 0px;
 +
margin: 0px;
 +
}
 +
 +
.globalWrapper{
 +
padding:0px;
 +
margin:0px;
 +
}
         .row{
         .row{
     height:250px;
     height:250px;
Line 35: Line 45:
     #first{
     #first{
   height: 800px;
   height: 800px;
-
   background-color:pink;
+
   background-color:#67BCDB;
padding: 30px 0px 0px 0px;
padding: 30px 0px 0px 0px;
}
}
#second{
#second{
-
   background-color:cyan;
+
   background-color:#A2AB58;
   height:800px;
   height:800px;
}
}
Line 46: Line 56:
#third{
#third{
    
    
-
   background-color:purple;
+
   background-color:#E44424;
   height:800px;
   height:800px;
}
}
Line 83: Line 93:
<div class = "row" style="text-align:center;" >
<div class = "row" style="text-align:center;" >
<div class="col"  style="display:inline-block;" ><section class="wow fadeInLeft">cello</p></div>
<div class="col"  style="display:inline-block;" ><section class="wow fadeInLeft">cello</p></div>
-
<div class="col"  style="display:inline-block;">< section class="wow zoomInDown" data-wow-duration="1s">cello</p></div>
+
<div class="col"  style="display:inline-block;"><section class="wow zoomInDown">cello</p></div>
<div class="col"  style="display:inline-block;"><section class="wow fadeInRight">cello</p></div>
<div class="col"  style="display:inline-block;"><section class="wow fadeInRight">cello</p></div>
</div>
</div>
<div class = "row" style="text-align:center;" >
<div class = "row" style="text-align:center;" >
<div class="col"  style="display:inline-block;" ><section class="wow fadeInLeft">cello</p></div>
<div class="col"  style="display:inline-block;" ><section class="wow fadeInLeft">cello</p></div>
-
<div class="col"  style="display:inline-block;"><section class="wow zoomInDown" data-wow-duration="1s">cello</p></div>
+
<div class="col"  style="display:inline-block;"><section class="wow zoomInDown">cello</p></div>
<div class="col"  style="display:inline-block;"><section class="wow fadeInRight">cello</p></div>
<div class="col"  style="display:inline-block;"><section class="wow fadeInRight">cello</p></div>
</div>
</div>
<div class = "row" style="text-align:center;" >
<div class = "row" style="text-align:center;" >
<div class="col"  style="display:inline-block;" ><section class="wow fadeInLeft">cello</p></div>
<div class="col"  style="display:inline-block;" ><section class="wow fadeInLeft">cello</p></div>
-
<div class="col"  style="display:inline-block;"><section class="wow zoomInDown" data-wow-duration="1s">cello</p></div>
+
<div class="col"  style="display:inline-block;"><section class="wow zoomInDown">cello</p></div>
<div class="col"  style="display:inline-block;"><section class="wow fadeInRight">cello</p></div>
<div class="col"  style="display:inline-block;"><section class="wow fadeInRight">cello</p></div>
</div>
</div>

Latest revision as of 14:42, 8 August 2014

2014 Virginia iGEM

Welcome to the animation test page. We're currently in the process of making objects move. This is great, just look at all this!






Our project this year is pretty awesome. Come back later for some cool info. Filler text! What on earth does the quick brown fox jumps over the lazy dog. Biohazards are here. Hello earbuds.


cello

cello

cello

cello

cello

cello

cello

cello

cello

There you have it.