<!DOCTYPE html>
<html>
    <head>
		<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>

        <title>Happy Holidays!</title>
        <link rel="stylesheet" href="style.css" type="text/css">
        <script>
        <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>what it do boo?</h1>
    <h2> This is from Alvin</h2>
    <h3> And his cheese plate</h3>
    ,img src= <img src= "http://i.imgur.com/Ow5FRZB.png">
    </section>
    <!-- I'm a comment! You won't see me on the page! -->
    
    </body>
</html>
@import url(http://fonts.googleapis.com/css?family=Lobster);
body {
background: darkslategray;
}
section {
  margin: auto;
    background: url(http://i.imgur.com/DOikyb6.jpg);
    width: 700px;
    height: 500px;
    color: white;
    font-family: Lobster;
    
    
    /* I am a comment. */
}

h1 {
    position: absolute;
    margin: 0;
    top: 0;
    left: 340px;
    font-size:48px;
}

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

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

Created from scratch
4 forks
140 views

Browse more Codebits