gistfile1.txt

!!!
%html{:lang => "pt-br"}
  %head
    %meta{:content => "text/html; charset=utf-8", "http-equiv" => "Content-Type"}
      %link{:href => "css/style.css", :media => "all", :rel => "stylesheet", :type => "text/css"}
        %title pagkom - Pagamentos Online
  %body
    / Section geral do HTML5 - Contem todo o corpo do HTML
    %section.general
      / Header principal do HTML5 - Contem o cabeçalho so site, incluindo o menu superior
      %header.top-header
        / Div top-logo-enterprise - logo unica do PagKom
        #top-logo-enterprise
          %a{:href => "#"}
            %img{:alt => "LOGO-EMPRESA", :src => "https://s3-sa-east-1.amazonaws.com/komeiabig/html/pagkom/logo_pagkom1.png"}/
        / End div top-logo-enterprise
        / Nav top-nav menu contendo menu do usuário
        %nav.top-nav
          %ul
            %li
              %a.icon-config{:href => "#", :title => "Configurações"} Configurações
            %li
              %a.icon-msg{:href => "#", :title => "Mensagens"} Mensagens
            %li
              %a.icon-perfil{:href => "#", :title => "Editar Perfil"} Editar Perfil
            %li
              %a.icon-logof{:href => "#", :title => "Sair"} Sair
        / End nav menu top-nav
        / Div top-title com o titulo da Header - texto cabeçalho do site
        #top-title
          %h1 Pagamentos Online
          %img.top-line{:alt => "-", :height => "2", :src => "https://s3-sa-east-1.amazonaws.com/komeiabig/html/line_title.png", :width => "291"}/
          %h3 Login - Entrar
        / End div top-tittle
        / Div icon-menu - contem menu de opções em icon
        #icon-menu
          %ul
            %li
              %a.icon-ajuda{:href => "#", :title => "Ajuda"} Ajuda
            %li
              %a.icon-impimir{:href => "#", :title => "Imprimir"} Imprimir
            %li
              %a.icon-notif{:href => "#", :title => "Notificações"} Notificações
            %li
              %a.icon-pedidos{:href => "#", :title => "Pedidos"} Pedidos
        / End div icon-menu
        / Div search - pesquisar no site
        #search
          %label
            %input.search-top{:name => "Search", :placeholder => "Pesquisar...", :type => "search"}/
          %label
            %input.submit-search-top{:name => "Search", :type => "submit", :value => "Pesquisar"}/
        / End div search
        / nav menu - menu principal
        %nav.menu
          %ul
            %li.active
              %a{:href => "#"} Minha Conta
            %li
              %a{:href => "#"} Meus Dados
            %li
              %a{:href => "#"} Enviar Dinheiro
            %li
              %a{:href => "#"} Enviar Cobrança
            %li
              %a{:href => "#"} Ferramentas
            %img{:alt => "I", :height => "52", :src => "https://s3-sa-east-1.amazonaws.com/komeiabig/html/line_menu1.png"}/
        / End nav menu
      / End Header principal