<!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 holidays!</h1>
    <h2>hamburgler</h2>
    
    <img src="https://codecademy-content.s3.amazonaws.com/courses/web-beginner-en-9xjis/images/snowman.png">
    
    </section>
    <!-- I'm a comment! You won't see me on the page! -->
    
    </body>
</html>
@import url(http://fonts.googleapis.com/css?family=Open+Sans);

body {
    background: darkslategray;
}

section {
    margin: auto;
    background: url(http://www.connectpositronic.com/blog/wp-content/uploads/2013/06/space.jpg);
    background-size:550px;
    width: 700px;
    height: 500px;
    color: white;
    font-family: 'Open Sans';
    position: relative;
}

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

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

img {
    position: absolute;
    top: 200px;
    left: 120px;
}

Browse more Codebits