Created
April 24, 2012 17:01
-
-
Save aneziocampos/2481492 to your computer and use it in GitHub Desktop.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
!!! | |
%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 |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment