Smart One Page – Menu Hambúrguer – Direita

[op_container mnav_style=”menu hambúrguer” hamburger_icon_pos=”1″ hamburger_menu_style=”1″ mnav_sticky_behavior=”2″ snav_style=”style-6″ snav_behavior=”1″ scroll_effect=”easeOutExpo” nav_font_weight=”normal” snav_font_weight=”normal ”loading_style=”folding-cube” scroll_speed=”1200″ nav_bg=”rgba(0,0,0,0.8)” nav_text_color=”rgba(255,255,255,0.75)” nav_text_hover_color=”#ffffff” nav_text_active_color=”#ffffff” snav_tooltip_bg =”#1abc9c” snav_item_color=”#777777″ snav_item_hover_color=”#ffffff” snav_item_bg_hover_color=”#1abc9c” snav_item_active_color=”#ffffff” snav_item_bg_active_color=”#1abc9c” stnav_bg=”#ffffff” stna v_shadow=”rg ba(0,0,0,0.25 , 111111)” stnav_text_color=”#999999″ stnav_text_hover_color=”#1″ stnav_text_active_color=”#9abc148105c” logo=”148106″ logo_retina=”148107″ st_logo=”148108″ st_logo_retina=”111111 1″ snav_bg =”#9 ″snav_tooltip_color =”#ffffff” loading_color=”#1abc9c” dd_nav_separator_color=”#111111abc1c” dd_nav_text_color=”#9″ dd_nav_text_hover_color=”#111111abc999999c” mobile_bg=”#1″ mobile_text_color=”#9″ mobile_text_hover_ color = ”#ffffff” mobile_text_active_color =”#255,255,255,0.05abc222222c” mobile_separator_color=”rgba(222222)” mobile_hover_bg=”#1″ mobile_active_bg=”#1″][op_item item_icon=”font” height=”8″ content_position=”8″ downmore_button=”yes” item_name= ”Home” item_name_alias=”home-alias” icon_font=”fa fa-home” background_color=”#d8d148121dXNUMX″ background_img=”XNUMX″]

SELEÇÃO DE CASA

MENU HAMBURGUER – POSIÇÃO: DIREITA

[/op_item][op_item item_icon=”font” content_width=”1″ height=”1″ content_position=”1″ item_name=”Seleção A” item_name_alias=”Seleção A” icon_font=”fa-cubes” background_color=”rgba (221,51,51,0.3)” padding_tiny=”60px 20px”]

SELEÇÃO A

[/op_item][op_item item_icon=”font” height=”1″ content_position=”1″ item_name=”Seleção B” item_name_alias=”Seleção B” icon_font=”fa-heart” background_color=”#d8d8d8″ background_img=” 148116″]

SELEÇÃO B

[/op_item][op_item item_icon=”font” height=”1″ content_position=”1″ item_name=”Seleção C” item_name_alias=”Seleção C” icon_font=”fa-play-circle” background_color=”rgba(30,115,190,0.3, 60)” padding_tiny=”20px XNUMXpx”]

SELECIONE C

[/op_item][op_item item_icon=”font” height=”1″ content_position=”1″ item_name=”Recursos” item_name_alias=”Recursos” icon_font=”fa-banco de dados” background_color=”#d8d8d8″ padding_tiny=”0 20px ”background_img=”148119″ padding_large=”0 60px”]

CARATERÍSTICAS

  • Suporte básico de uma página (desenvolvido por Beeteam368) e rolagem de tela inteira (FullPage.js)
  • Um clique Importa dados de amostra completos (mais de 20 demo).
  • Menus de navegação principais e menus personalizados (modo suspenso)
    • Suporta mais de 700 fontes do Google
    • Cor ilimitada (cor de fundo, separador, foco do item de menu, item de menu ativo …)
    • Imagem do logotipo na navegação principal (suporta o logotipo Retina)
    • Suporte FontAwesome Icons & Image Icons
  • Navegação Fixa Inteligente
    • Cor ilimitada (plano de fundo, separador, foco do item de menu, item de menu ativo …)
    • Imagem do logotipo na navegação autoadesiva (suporta o logotipo Retina)
    • Suporte FontAwesome Icons & Image Icons
    • Comportamento: aparece apenas quando a página é rolada para baixo e depois da primeira página
    • Comportamento: aparece apenas quando a página é rolada para cima
    • Comportamento: Sempre Visível
  • Sub-navegação
    • 6 estilos x 3 Posições (Direita, Esquerda, Inferior)
    • Cor ilimitada (cor de fundo, foco do item, item ativo…)
    • Dica de ferramenta de suporte (mais de 700 fontes do Google)
    • Suporte FontAwesome Icons & Image Icons
  • Suporte totalmente HTML5 e CSS3
  • Design 100% Responsivo
  • móvel menu
    • Cor ilimitada (cor de fundo, separador, foco do item, item ativo…)
    • Compatível com todos os dispositivos móveis (celular, tablet)
  • Outros
    • Suporte ao modo de tela cheia
    • Suporte de fundo de vídeo HTML5 (MP4, OGV, WEBM)
    • Suporte ao fundo do vídeo do Youtube
    • Suporte Parallax Scroll (para baixo) Imagem de fundo
    • Fundo de tela de partículas de suporte (opções completas)
    • Suporte a animação de conteúdo na visibilidade (efeitos 70+)
    • Spinners de carregamento simples animados com CSS (estilo 11 – cor ilimitada e cor de fundo)
    • Scroll Next(Anterior) Item Effect (jQuery Easing – Velocidade personalizada [em milissegundos])
    • Suporte ao modo de altura total para cada item
    • Largura de conteúdo personalizado e contêiner de bootstrap (celular, tablet, desktop)
    • Preenchimento de conteúdo personalizado (celular, tablet, desktop)
    • Botão de rolar para baixo mais
    • E muito mais …
[/op_item][op_item item_icon=”font” content_width=”2″ height=”1″ content_position=”1″ item_name=”Como usar” item_name_alias=”Como usar” icon_font=”fa-cogs” width_large= ”800px” width_small=”100%” width_medium=”970px” padding_tiny=”54px 20px 60px 20px” background_color=”#ffffff”]

Dicas de Uso

[/op_item][/op_container]

Faça login no site 👨‍🎓

Faça login com sua conta 🔑

Recupere sua senha

Digite seu nome de usuário ou e-mail para redefinir sua senha

Adicionar uma nova lista de reprodução

Quer desbloquear esta página?
Desbloqueios restantes: 0
Tem certeza de que deseja cancelar a assinatura?
Fundação Afrikhepri Deseja receber uma notificação quando um artigo for publicado?
Fechar
Permitir notificações