Untitled

<!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>