html5.haml

!!! 5
%html
  %head
    %title= "Your Website"
    %meta{ :content => "", :name => "description" }
    %meta{ :content => "", :name => "author" }
    %meta{ :content => "3 days", :name => "revisit-after" }
    %link{ :href => "http://creativecommons.org/licenses/by/3.0/", :rel => "license", :title => "Creative Commons Attribution 3.0 Unported License" }
    %link{ :href => "/feed", :rel => "alternate", :title => "Atom", :type => "application/atom+xml" }
    %link{ :href => "/css/screen.css", :media => "screen", :rel => "stylesheet" }
  %body
    %header
      %nav
        %li
          %a{ :href => "#" }= "Menu Item"
        %li
          %a{ :href => "#" }= "Menu Item" 
        %li
          %a{ :href => "#" }= "Menu Item" 
        %li
          %a{ :href => "#" }= "Menu Item" 

    %section
      %article
        %header
          %h1= "Article Title"
          %p
            Posted on
            %time{ :datetime => "2009-09-04T16:31:24+02:00" }= "September 4th 2009"
            by
            %a{ :href => "#" }= "Author Name"
            -
            %a{ :href => "#" }= "6 comments"
        
            %article
            %h2= "Article Title"
              %p
                Lorem ipsum dolor sit amet, quadrum nulla bis nonummy dolore duis comis. Huic demoveo, 
                iustum quis quia accumsan facilisi nullus, acsi. Tation, conventio, vel accumsan ratis 
                tristique. Sagaciter, ut inhibeo abigo pecus molior et indoles nibh, feugiat jugis, ut accumsan. 
                Feugiat probo dignissim nostrud, vel feugait validus. Quis genitus utinam ex ad loquor uxor dolor 
                qui, utinam gemino ut iusto. Vel feugait odio hendrerit virtus humo. 
              %p
                Lorem ipsum dolor sit amet, quadrum nulla bis nonummy dolore duis comis. Tu utinam ex ad loquor 
                uxor dolor qui, utinam gemino ut iusto. Vel feugait odio hendrerit virtus humo. 

               
      %aside
        %h3= "The Sidebar"
        %p
          Lorem ipsum dolor sit amet, quadrum nulla bis nonummy dolore duis comis. Huic demoveo, iustum quis quia accumsan facilisi nullus, acsi. Tation, conventio, vel accumsan ratis tristique. Sagaciter, ut inhibeo abigo pecus molior et indoles nibh, feugiat jugis, ut accumsan. Feugiat probo dignissim nostrud, vel feugait validus. Quis genitus utinam ex ad loquor uxor dolor qui, utinam gemino ut iusto. Vel feugait odio hendrerit virtus humo. 
        
      
      %footer
        %p
          Copyright 2013 Name Goes Here