MEOW? *

dabblet.css

/**
 * MEOW? *
 */
 
 *{
 margin:0;
 padding:0;
 }
 
 section{
 display:block;
 position:relative;
 z-index:100;
 width:100%;
 background:#ff6600;
 min-height:800px;
 margin-bottom:140px;
 box-shadow:0px 5px 3px rgba(0,0,0,.5)
 }
 
 footer{
 display:block;
 position:fixed;
 height:140px;
 width:100%;
 bottom:0;
 background:#007ac9;
 z-index:10;
 padding-bottom:10px;
 }

dabblet.html

<section>Some Content</section>
<footer>A Footer.
<img src="http://lorempixum.com/960/147"
</footer>

settings.json

{"view":"split","seethrough":"","prefixfree":"1","page":"result"}