Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <head>
- <link href="css/style.css" rel="stylesheet" type="text/css" />
- <link href="css/fonts.css" rel="stylesheet" type="text/css" />
- <script src="js/jquery.js"></script>
- <script src="js/jquery.mousewheel.js"></script>
- <script src="js/smooth.js"></script>
- <script>
- $(function(){
- $("#page-wrap").wrapInner("<table cellspacing='30'><tr>");
- $(".post").wrap("<td></td>");
- $("body").mousewheel(function(event, delta) {
- this.scrollLeft -= (delta * 30);
- event.preventDefault();
- });
- });
- </script>
- <title>First Things First</title>
- </head>
- <body>
- <div class="section black" id="section1">
- <div id="introduction">
- <h1>FIRST<br />THINGS</br />FIRST</h1>
- </div>
- <h2>Section 1</h2>
- <p>
- <div class="blackout">
- <p>Blackout Font</p>
- </div>
- <div class="futura">
- <p>Futura Font</p>
- </div>
- <div class="museo">
- <p>Museo Font</p>
- </div>
- <div class="caslon">
- <p>Big Caslon Font</p>
- </div>
- </p>
- <ul class="nav">
- <li>1</li>
- <li><a href="#section2">2</a></li>
- <li><a href="#section3">3</a></li>
- </ul>
- </div>
- <div class="section white" id="section2">
- <h2>Section 2</h2>
- <p>
- A fathomless and boundless deep,
- There we wander, there we weep;
- On the hungry craving wind
- My Spectre follows thee behind.
- </p>
- <ul class="nav">
- <li><a href="#section1">1</a></li>
- <li>2</li>
- <li><a href="#section3">3</a></li>
- </ul>
- </div>
- <div class="section black" id="section3">
- <h2>Section 3</h2>
- <p>
- He scents thy footsteps in the snow
- Wheresoever thou dost go,
- Thro' the wintry hail and rain.
- When wilt thou return again?
- </p>
- <ul class="nav">
- <li><a href="#section1">1</a></li>
- <li><a href="#section2">2</a></li>
- <li>3</li>
- </ul>
- </div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement