JSFiddle - React, Tailwind, and code Playground

HTML

<body>
<div id="page">

<div id="header"><img src="http://www.dillon.me/sites/benproudfoot/v1/images/header.jpg" /></div>
<div id="dwf"><a href="http://www.dinnerwithfred.com/" target="_blank"><img src="http://www.dillon.me/sites/benproudfoot/v1/images/dwf.jpg" /></a></div>
<div id="inkpaper"><a href="http://www.inkandpapermovie.com/" target="_blank"><img src="http://www.dillon.me/sites/benproudfoot/v1/images/inkpaper.jpg" /></a></div>
<div id="footer"><img src="http://www.dillon.me/sites/benproudfoot/v1/images/footer.jpg" />
<div id="button-email"><a href="mailto:ben@benproudfoot.com"><img src="http://www.dillon.me/sites/benproudfoot/v1/images/button-email.jpg" /></a></div>
</div>
<div id="copyright"><img src="http://www.dillon.me/sites/benproudfoot/v1/images/copyright.jpg" /></div>

</div>
</body>

CSS

body{
    background: #000; 
    overflow-x:hidden; 
    margin:0 auto; 
    min-width:998px; 
}

#page{ 
    position:absolute;
    width:998px;
    height:561px;
    left:50%; 
    margin-left:-499px; 
}

#header{
    position:absolute;
    width:347px;
    height:30px;
    left:50%;
    margin-left:-172px;
    top:315px;
    opacity:0.0;filter:alpha(opacity=0);
}

#dwf{
    position:absolute;
    width:998px;
    height:169px;
    top:140px;
    opacity:0.0;filter:alpha(opacity=0);
}

#inkpaper{
    position:absolute;
    width:998px;
    height:169px;
    top:319px;
    opacity:0.0;filter:alpha(opacity=0);
}

#footer{
    position:absolute;
    width:755px;
    height:17px;
    left:50%;
    margin-left:-376px;
    top:517px;
    opacity:0.0;filter:alpha(opacity=0);
}

#button-email{
    position:absolute;
    width:175px;
    height:12px;
    top:3px;
}

#copyright{
    position:absolute;
    width:189px;
    height:10px;
    left:50%;
    margin-left:-94px;
    top:550px;
    opacity:0.0;filter:alpha(opacity=0);
}

JavaScript

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>

<script type="text/javascript">
    //use $(window).load(fn) if you need to load "all" page content including images, frames, etc.
    $(document).ready(function(){ 
    
        $("#header").animate({opacity: 1}, {queue: false, duration: 3000});
        $("#header").delay(1000).animate({ top: '70' }, 800);
        $("#dwf").delay(2700).fadeTo(4000, 1);
        $("#inkpaper").delay(3200).fadeTo(4000, 1);
        $("#footer").delay(3700).fadeTo(3000, 1);
        $("#copyright").delay(4200).fadeTo(3000, 1);
    });
</script>