!!!
/[if lt IE 7]
/[if IE 7]
/[if IE 8]
/ [if gt IE 8]> "ltr", :lang => "en-US"}
/ "text/html;charset=utf-8", "http-equiv" => "content-type"}
%meta{:content => "cmsmasters responsive html5 website template", :name => "description"}
%meta{:content => "html5, css3, template, responsive, adaptive", :name => "keywords"}
%meta{:content => "width=device-width, initial-scale=1, maximum-scale=1", :name => "viewport"}
%link{:href => "/images/favicon.ico", :rel => "shortcut icon", :type => "image/x-icon"}
%link{:href => "/css/style.css", :media => "screen", :rel => "stylesheet", :type => "text/css"}
%link{:href => "http://fonts.googleapis.com/css?family=Open+Sans:400,600,800,400italic", :rel => "stylesheet", :type => "text/css"}
/[if lt IE 9]
%script{:src => "/js/application.js", :type => "text/javascript"}
%title ariejan.net
%body
/ __________________________________________________ Start Page
%section#page
%a#slide_top{:href => "#"}
.container
/ __________________________________________________ Start Header
%header#header
.header_inner
%a.logo{:href => "index.html"}
%img{:alt => "", :src => "/images/logo.png"}/
.custom_html
%h3{:style => "color:#ffffff; margin:0; line-height:24px;"} May the Source be with you
= render 'social_list'
.nav_wrap
.nav_wrap_inner
.responsibe_block
.responsibe_block_inner
%a.resp_navigation{:href => "#"}
= render 'social_list'
%nav
%ul#navigation
%li
%a{:href => "/"}
%span{:style => "border-color:#ff9108;"} Blog
%li.drop
%a{:href => "/projects"}
%span{:style => "border-color:#ebe823;"} Projects
%ul
%li
%a{:href => "/projects#focal"}
%span Focal
%li
%a{:href => "/projects#firefly"}
%span Firefly
%li
%a{:href => "/projects#imdb"}
%span IMDB Rubygem
%li
%a{:href => "/craftsmanship"}
%span{:style => "border-color:#ffeb79;"} Craftsmanship
%li
%a{:href => "/about"}
%span{:style => "border-color:#a0e0a9;"} About
%li
%a{:href => "/contact"}
%span{:style => "border-color:#00ada7;"} Contact
.cl
/ __________________________________________________ Finish Header
/ __________________________________________________ Start Middle
%section#middle
= yield
/ __________________________________________________ Finish Middle
/ __________________________________________________ Finish Page
/ __________________________________________________ Start Footer
%footer#footer
.footer_inner
%span ariejan.net © 1999 - #{Time.now.year} Ariejan de Vroom
/ __________________________________________________ Finish Footer
%script{:src => "/js/plugins.js", :type => "text/javascript"}