A CodePen by Greg. REEDR

index.haml

!!! 5
%title = "APP"
<link href='http://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic' rel='stylesheet' type='text/css'>

#header
 APP
#menu
 <br>
 %a{:href => "/"} HOME 
 |
 %a{:href => "/app"} APP 
 |  
 %a{:href => "/about"} ABOUT 
 
  
#content
 
   

script.coffee

$(document).ready ->
  $("#subheader").css "display", "none"
  $("#subheader").fadeIn 2000
 
  

  

  

style.sass

@import "compass"
body
  background-color: #734854 

#header 
  color: #F2F2E9
  font-family: 'Lato', sans-serif
  font-size: 90px
  text-align: center

#menu
  color: #D9483B
  font-family: 'Lato', sans-serif
  font-size: 20px
  text-align: center

#content
  color: black
  font-family: 'Lato', sans-serif
  font-size: 19px
  text-align: center
 
  
a
  &:link, &:visited, &:active
    text-decoration: none
    color: #D9483B
  &:hover
    text-decoration: none
    background-color: yellow
    color: blue