diff options
| author | Your Name <you@example.com> | 2017-12-23 20:08:09 +0100 |
|---|---|---|
| committer | Your Name <you@example.com> | 2017-12-23 20:08:09 +0100 |
| commit | 79fa6979aa36b40983827fc5608b8bed85eea833 (patch) | |
| tree | edd5ee0a6bbf883036d011248b8243d748e3adaa /ps/parallax.html | |
| parent | e1a06ca1c59c6af49671cf6f6ab48bcc95af6ef4 (diff) | |
| download | lesoiseaux.io-79fa6979aa36b40983827fc5608b8bed85eea833.tar.gz | |
Add existing ps.l.o site
Diffstat (limited to 'ps/parallax.html')
| -rw-r--r-- | ps/parallax.html | 43 |
1 files changed, 43 insertions, 0 deletions
diff --git a/ps/parallax.html b/ps/parallax.html new file mode 100644 index 0000000..e951b6e --- /dev/null +++ b/ps/parallax.html @@ -0,0 +1,43 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <title> Parallax Test </title> + <link rel="stylesheet" href="ui/css/parallax.css"> + </head> + <body> + <nav> + <ul> + <li><a href="">hybrid</a></li> + <li><a href="">fragile</a></li> + <li><a href="">aesthetics</a></li> + </ul> + </nav> + <section class="slides"> + <div class="slide"> + <div class="bg"></div> + </div> + <div class="slide"><div class="bg"></div></div> + <div class="slide"> + Flat curve + <div class="sine"> + <span class="sine_span sine_span_first"></span><span class="sine_span sine_span_second"></span> + </div> + + <br /> + Sharp curve + <div class="sine"> + <span class="sine_span sine_span_first sine_span_first_2"></span><span class="sine_span sine_span_second sine_span_second_2"></span> + </div> + </div> + <div class="slide"><div class="bg"></div></div> + <div class="slide"><div class="bg"></div></div> + <div class="slide"><div class="bg"></div></div> + <div class="slide"><div class="bg"></div></div> + <div class="slide"><div class="bg"></div></div> + <div class="slide"><div class="bg"></div></div> + <div class="slide"><div class="bg"></div></div> + <div class="slide"><div class="bg"></div></div> + </section> + </body> +</html> |