CodePen

HTML

            
              !!!
%html
    %body
        %h1 Main Body
        %p This is where the main body goes
        %footer.site-footer
            %h2 Footer
            %p this is the footer
  
            
          
!

CSS

            
              html {
  height: 100%;
}
html, body {
  margin: 0;
  padding: 0;
  border: 0;
  box-sizing: border-box;
}
body {
  position: relative;
  min-height: 100%;
  padding-top: 15px;
  padding-bottom: 142px;
}
.site-footer {
  position: absolute;
  bottom: 0;
  height: 142px;
}
            
          
!
? ?
? ?
Must be a valid URL.
+ add another resource
via CSS Lint

JS

            
              
            
          
!
Must be a valid URL.
+ add another resource
via JS Hint
Loading ..................