%h1 Demo: #{@item[:title]}
#demo= example_html

= yield

#how
  %section#markup
    %nav
      %ul
        %li
          %a{:href => "#html"} html
        %li
          %a{:href => "#haml"} haml
    .code
      %ul
        %li#html
          %pre= h(example_html)
        %li#haml
          %pre= h(example_haml)
  %section#styles
    %nav
      %ul
        %li
          %a{:href => "#scss"} scss
        %li
          %a{:href => "#sass"} sass
        %li
          %a{:href => "#css"} css
    .code
      %ul
        %li#scss
          %pre= h(example_scss)
        %li#sass
          %pre= h(example_sass)
        %li#css
          %pre= h(example_css)