Team:Cornell/sandbox/design1

From 2013.igem.org

(Difference between revisions)
Line 410: Line 410:
<h6> Whee! </h6>
<h6> Whee! </h6>
</div>
</div>
-
<div class="parallax layer1" data-speed="100" style="left: 250%; padding-top: 100px">
+
<div class="parallax layer1" data-speed="100" style="left: 250%; padding-top: 10%">
<h2> Yay! Parallax </h2>
<h2> Yay! Parallax </h2>
</div>
</div>
-
<div class="parallax layer1" data-speed="100" style="left: 270%; padding-top: 400px">
+
<div class="parallax layer1" data-speed="100" style="left: 270%; padding-top: 80%">
<h2> (Nupur's awesome) </h2>
<h2> (Nupur's awesome) </h2>
</div>
</div>

Revision as of 04:14, 31 December 2013

Parallax Test

Parallax Design 1

Inspired by this site --->

http://hotdot.pro/en/#

(Yeah I stole the background)

Use the arrow keys to navigate -->

These pages can replace sliders

And have pretty pictures that link to project pages

This means design will be really important
It also takes a ton of time to set the page up cause I have to position everything manually
Whee!

Yay! Parallax

(Nupur's awesome)

Retrieved from "http://2013.igem.org/Team:Cornell/sandbox/design1"