Permalink
Browse files

Removing an old file

  • Loading branch information...
richardshepherd committed Jul 12, 2011
1 parent 484a892 commit 9a50d7614252a1b5e50eb3dd0db54cc54576138d
Showing with 0 additions and 87 deletions.
  1. +0 −87 parallax-background.html
View
@@ -1,87 +0,0 @@
-<!doctype html>
-<html class="no-js" lang="en">
-<head>
- <meta charset="utf-8">
-
- <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
- <title>Parallax Scrolling Tutorial</title>
- <meta name="description" content="How to create a parallax scrolling effect with jQuery, HTML and CSS">
- <meta name="author" content="Richard Shepherd, Smashing Magazine">
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
-
- <link rel="stylesheet" href="css/reset.css">
- <link rel="stylesheet" href="css/style.css">
-
-</head>
-
-<body>
-
- <div id="main" role="main">
-
- <!-- Section #1 -->
- <section id="first" class="story" data-speed="8" data-type="background">
- <div class="sprite1" data-type="sprite" data-offsetY="100" data-Xposition="50%" data-speed="-2"></div>
- <article>
-
- <img src="images/tutorial-title.png" alt="tutorial-title" width="711" height="242" />
- <p>Words and pictures by Richard Shepherd / <a href="http://twitter.com/richardshepherd" target="_blank">@richardshepherd</a> / <a href="http://richardshepherd.com">richardshepherd.com</a></p>
- </article>
- </section>
-
- <!-- Section #2 -->
- <section id="second" class="story" data-speed="4" data-type="background">
- <article>
- <h2>Background Only</h2>
- <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.</p>
- <p>Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.</p>
- <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. o.</p>
- <p><a href="#">And this is a link!</a></p>
- </article>
- </section>
-
- <!-- Section #3 / Photos -->
- <section id="third" class="story" data-speed="6" data-type="background" data-offsetY="250">
- <div class="sprite3" data-type="sprite" data-offsetY="1250" data-Xposition="25%" data-speed="2"></div>
- <article>
- <h2>Background Only</h2>
- <div class="textbox">
- <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.</p>
- <p>Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.</p>
- <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. o.</p>
- </div>
- </article>
- </section>
-
-
- <!-- Section #4 / HTML5 Video -->
- <section id="fourth" class="story" data-speed="8" data-type="background" data-offsetY="250">
- <article>
- <h2>HTML5 Video</h2>
- <div class="textbox">
- <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.</p>
- <p>Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.</p>
- <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. o.</p>
- </div>
- </article>
- <video controls width="640" width="480" data-type="video" data-offsetY="2400" data-speed="1.5">
- <source src="video/parallelparking.theora.ogv" type="video/ogg" />
- <source src="video/parallelparking.mp4" type="video/mp4" />
- <source src="video/parallelparking.webm" type="video/webm" />
- </video>
- </section>
-
- <!-- Section #5 -->
- <section id="theend" class="story" data-speed="8" data-type="background" data-offsetY="250">
- <div class="sprite5" data-type="sprite" data-offsetY="-1600" data-Xposition="50%" data-speed="-2"></div>
- </section>
- </div> <!--! end of #main -->
-
- <script>
- var _gaq=[["_setAccount","UA-5671436-1"],["_trackPageview"]];
- (function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];g.async=1;
- g.src=("https:"==location.protocol?"//ssl":"//www")+".google-analytics.com/ga.js";
- s.parentNode.insertBefore(g,s)}(document,"script"));
- </script>
-
-</body>
-</html>

0 comments on commit 9a50d76

Please sign in to comment.