epoch · Aug 29, 2014
diff --git a/‎hackers/rosalind_skinner/wk6d4/dancing_cat/css/style.css
+50 b/‎hackers/rosalind_skinner/wk6d4/dancing_cat/css/style.css
+50
diff --git a/‎hackers/rosalind_skinner/wk6d4/dancing_cat/index.html
+24 b/‎hackers/rosalind_skinner/wk6d4/dancing_cat/index.html
+24
@@ -0,0 +1,50 @@
+@import url(http://fonts.googleapis.com/css?family=Droid+Serif:400,700);
+
+body {
+  text-align:center;
+  margin:0;
+
+}
+
+#staring-cat {
+  margin:0 auto;
+  width:600px;
+  position:absolute;
+  bottom:50px;
+  left:20%;
+  z-index: 0;
+}
+
+#walking-cat {
+  z-index:9;
+}
+
+.content {
+  width:100%;
+  height:100vh;
+  background-image: url(http://madetobeunique.com/stock/rooms-and-studio/floors/wood-floor-by-madetobeunique-4.png);
+  background-size:cover;
+  z-index: -5;
+
+}
+
+.container {
+  width:100%;
+  height:100vh;
+  background-image: url(http://4.bp.blogspot.com/-i665snsos5I/TxxeW9Ht4fI/AAAAAAAACB0/EAf9TWm8DX8/s1600/cat+board.jpg);
+  background-size:cover;
+  z-index:-6;
+
+}
+
+h1 {
+  z-index:10;
+  text-align:left;
+  width:300px;
+  color: #FFF;
+  font-family: 'Droid Serif', serif;
+  font-size:5em;
+  margin:0;
+  padding-left:20px;
+}
+
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html>
+ <head>
+  <meta charset="utf-8" />
+  <title>Cat Walk</title>
+  <link rel="stylesheet" href="css/style.css">
+ </head>
+ <body>
+ <div class="container">
+  <div class="content">
+<iframe height="0" frameborder="no" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/42679846&amp;auto_play=true&amp;hide_related=false&amp;show_comments=false&amp;show_user=false&amp;show_reposts=false&amp;visual=false"></iframe>
+
+ <h1>HAPPY BIRTHDAY JOEL!</h1>
+  <img id="walking-cat" style="position:absolute; left: 0px; bottom: 50px;  -webkit-transform: scaleX(-1); filter: FlipH;" src="http://www.anniemation.com/clip_art/images/cat-walk.gif">
+  <!-- <img src="http://25.media.tumblr.com/14406fb11346aaa3cde5613e54ce2e59/tumblr_mhcwcr4oC51qgtfzjo1_250.gif" alt=""> -->
+  <img id="staring-cat" src="http://pngimg.com/upload/cat_PNG1631.png" alt="">
+  <!-- <img src="http://cdn2.scratch.mit.edu/get_image/user/2367436_60x60.png?v=1367996101.11" alt=""> -->
+  <img id="jumping-cat" style="position:absolute; left:0px; bottom:0px; -webkit-transform: scaleX(-1)" src="http://pedigreepens.co.uk/wp-content/uploads/2011/10/KittenCareCat.png" alt="">
+  </div>
+  </div>
+
+<script src="js/main.js"></script>
+ </body>
+</html>