<!DOCTYPE html>
<html>
    <head>
        <title>Happy Holidays!</title>
        <link rel="stylesheet" href="style.css" type="text/css">
        <script src="http://cdnjs.cloudflare.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script><script src="http://cacpg.herokuapp.com/js/demos/snowfall.min.js"></script>
<script>
$(document).ready(function() {
    snowFall.snow($("section"), {
        minSize: 1,
        maxSize: 8,
        round: true,
        minSpeed: 1,
        maxSpeed: 3,
        flakeCount: 120
    });
});
</script>
    </head>
    <body>
    
    <!-- Add your heading below this line -->
    <section><h1>HAPPY NEW YEARS</h1>
    <h2>Nathan</h2>
 
    
    </section>
    <!-- I'm a comment! You won't see me on the page! -->
    
    </body>
</html>
@import url(http://fonts.googleapis.com/css?family=Nixie+One|Vast+Shadow|Monoton);


body {
    background: white;
}

section {
    margin: auto;
    background: #B5EBF2;
    background-size:550px;
    width: 700px;
    height: 500px;
    color: white;
    font-family: 'Nixie One';
    position: relative;
    border: solid #f5f5f5 1px;
}

h1 {
    /* Any styles here just affect your "<h1>" tags. */
    font-size: 48px;
    position: absolute;
    margin: 0;
    top: 60px;
    padding: 80px 0 0 100px;
}

h2 {
    font-size: 36px;
    position: absolute;
    margin: 0;
    top: 200px;
    left: 400px;
}

img {
    position: absolute;
    top: 200px;
    left: 120px;
}
Created from scratch
9 forks
717 views

Browse more Codebits