Smart One Page – Hamburger Menu – Met FullPage.js

[op_container fullscreen_scroll=”ja” mnav_style=”hamburger-menu” 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” stnav_hover_color=”0,0,0,0.25,”r. stnav#_text_color=” 111111″ stnav_text_hover_color=”#999999″ stnav_text_active_color=”#1abc9c” logo=”148105″ logo_retina=”148106″ st_logo=”148107″ st_logo_retina=”148108″ snav_bg=”#111111″ snav” laden” 1abc9c” dd_nav_separator_color=”#1abc9c” dd_nav_text_color=”#111111″ dd_nav_text_hover_color=”#1abc9c” mobile_bg=”#111111″ mobile_text_color=”#999999″ mobile_text_hover_color=”#ffffff_c1 mobile_text_color=”#ffffff=9 ”rgba(255,255,255,0.05 )” mobile_hover_bg=”#222222″ mobile_active_bg=”#222222″][op_item item_icon=”font” height=”1″ content_position=”1″ downmore_button=”yes” item_name=”Home” item_name_alias= ”home-alias” icon_font =”fa fa-home” background_color=”#d8d8d8″ background_img=”148121″]

THUIS SELECTIE

BURGERMENU – Met FullPage.js

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

SELECTIE A

[/op_item][op_item item_icon=”font” height=”1″ content_position=”1″ item_name=”Selectie B” item_name_alias=”Selectie B” icon_font=”fa fa-hart” background_color=”#d8d8d8″ background_img=” 148116″]

SELECTIE B

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

KIES C

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

KENMERKEN

  • Ondersteuning voor One Page Basic (ontwikkeld door Beeteam368) en scrollen op volledig scherm (FullPage.js)
  • Importeer met één klik volledige voorbeeldgegevens (20+ demo).
  • Hoofdnavigatiemenu's en aangepaste menu's (dropdown-modus)
    • Ondersteuning van 700+ Google-lettertypen
    • Onbeperkte kleur (achtergrondkleur, scheidingsteken, menu-item zweven, menu-item actief …)
    • Logo-afbeelding op hoofdnavigatie (ondersteuning voor Retina-logo)
    • Ondersteuning van FontAwesome-pictogrammen en afbeeldingspictogrammen
  • Slimme plaknavigatie
    • Onbeperkte kleur (achtergrond, scheidingsteken, menu-item zweven, menu-item actief …)
    • Logo-afbeelding op Sticky Navigation (ondersteuning voor Retina-logo)
    • Ondersteuning van FontAwesome-pictogrammen en afbeeldingspictogrammen
    • Gedrag: Verschijnt alleen wanneer de pagina naar beneden wordt gescrolld en voorbij de eerste pagina
    • Gedrag: verschijnt alleen wanneer de pagina omhoog wordt gescrolld
    • Gedrag: Altijd Zichtbaar
  • Subnavigatie
    • 6 stijlen x 3 posities (rechts, links, onder)
    • Onbeperkte kleur (achtergrondkleur, item-hover, item actief...)
    • Ondersteuning Tooltip (700+ Google-lettertypen)
    • Ondersteuning van FontAwesome-pictogrammen en afbeeldingspictogrammen
  • Volledige ondersteuning voor HTML5 en CSS3
  • 100% responsief ontwerp
  • Mobiel menu
    • Onbeperkte kleur (achtergrondkleur, scheidingsteken, item-aanwijzer, item actief...)
    • Compatibel met alle mobiele apparaten (mobiel, tablet)
  • Overige
    • Ondersteuning voor volledige schermmodus
    • Ondersteuning voor HTML5-video-achtergrond (MP4, OGV, WEBM)
    • Ondersteuning van YouTube-video-achtergrond
    • Ondersteuning Parallax Scroll (naar beneden) Afbeelding Achtergrond
    • Ondersteuning Particle Canvas-achtergrond (volledige opties)
    • Ondersteun inhoudsanimatie op zichtbaarheid (70+ effect)
    • Eenvoudig laden van spinners geanimeerd met CSS (11 stijlen - onbeperkte kleur- en achtergrondkleur)
    • Scroll Next (Prev) Item Effect (jQuery Easing - Aangepaste snelheid [in miliseconde])
    • Ondersteuning voor volledige hoogtemodus voor elk item
    • Aangepaste inhoudsbreedte en bootstrap-container (mobiel, tablet, desktop)
    • Aangepaste inhoudsopvulling (mobiel, tablet, desktop)
    • Scroll naar beneden Meer knop
    • En veel meer …
[/op_item][op_item item_icon=”font” content_width=”2″ height=”1″ content_position=”1″ item_name=”Hoe te gebruiken” item_name_alias=”Hoe te gebruiken” icon_font=”fa fa-cogs” width_large= ”800px” width_small=”100%” width_medium=”970px” padding_tiny=”54px 20px 60px 20px” background_color=”#ffffff”]

HOE GEBRUIKEN

[/op_item][/op_container]

Log in op de site 👨‍🎓

Log in met uw account 🔑

Herstel je wachtwoord

Voer uw gebruikersnaam of e-mailadres in om uw wachtwoord opnieuw in te stellen

Voeg een nieuwe afspeellijst toe

Wil je deze pagina ontgrendelen?
Resterende ontgrendelingen: 0
Weet je zeker dat je het abonnement wilt opzeggen?
Afrikhepri Foundation Wil je een notificatie ontvangen als er een artikel is gepubliceerd?
Ontslaan
Meldingen toestaan