HAML sample

layout.html.haml

!!! 5
%html(lang="ru")
  %head
    %meta(charset="utf-8")
    %title= t[:app_name]
    %link{rel: "stylesheet", href: "css/styles.css", type: "text/css", media: 'all'}
    %script{type: 'text/javascript', src: 'js/jquery-1.7.2.min.js'}
    %script{type: 'text/javascript', src: 'js/join_inputs.jquery.min.js'}
  %body
    .auth-block
      .decorator
        .content
          %form#activate(accept-charset='UTF-8'){action: 'sign_in.html', method: 'post'}
            .control-group.token
              %label.control-label{for: 'token'}= t[:activate][:token]
              .controls
                %input#token{name: 'token', type: 'number', maxlength: '5', maxlength: '5', tabindex: '1'}
            .form-actions
              %input.btn.btn-grey{name: "commit", type: "submit", value: t[:activate][:submit]}
      .footer
        .pull-right.masterlogo
          %img{src: 'images/mastercard_logo.png', alt: t[:footer][:mastercard]}
        .pull-right
          %p= t[:footer][:approve].upcase
        .pull-left
          %p
            != "© #{t[:footer][:years]}. #{t[:app_name].upcase}. #{t[:footer][:copyright]}"
            != " "