Smart One Page – Hamburger Menu – With FullPage.js

[vc_row css=”.vc_custom_1452402430418{margin-bottom: 0px !important;}”][vc_column][op_container fullscreen_scroll=”yes” 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_shadow=”rgba(0,0,0,0.25)” stnav_text_color=”#111111″ stnav_text_hover_color=”#999999″ stnav_text_active_color=”#1abc9c” logo=”17063″ logo_retina=”17064″ st_logo=”17066″ st_logo_retina=”17068″ snav_bg=”#111111″ snav_tooltip_color=”#ffffff” loading_color=”#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” mobile_text_active_color=”#1abc9c” mobile_separator_color=”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=”17106″][vc_column_text css=”.vc_custom_1453342427305{margin-bottom: 0px !important;padding-top: 35px !important;padding-right: 20px !important;padding-bottom: 52px !important;padding-left: 20px !important;}”]

HOME SELECTION

HAMBURGER MENU – With FullPage.js

[/vc_column_text][/op_item][op_item item_icon=”font” content_width=”1″ height=”1″ content_position=”1″ item_name=”Selection A” item_name_alias=”Selection A” icon_font=”fa fa-cubes” background_color=”rgba(221,51,51,0.3)” padding_tiny=”60px 20px”][vc_column_text css=”.vc_custom_1452608065540{margin-bottom: 0px !important;padding-top: 35px !important;padding-right: 20px !important;padding-bottom: 52px !important;padding-left: 20px !important;}”]

SELECTION A

[/vc_column_text][/op_item][op_item item_icon=”font” height=”1″ content_position=”1″ item_name=”Selection B” item_name_alias=”Selection B” icon_font=”fa fa-heart” background_color=”#d8d8d8″ background_img=”17101″][vc_column_text css=”.vc_custom_1453343212964{margin-bottom: 0px !important;padding-top: 35px !important;padding-right: 20px !important;padding-bottom: 52px !important;padding-left: 20px !important;background-color: rgba(255,255,255,0.5) !important;*background-color: rgb(255,255,255) !important;}”]

SELECTION B

[/vc_column_text][/op_item][op_item item_icon=”font” height=”1″ content_position=”1″ item_name=”Selection C” item_name_alias=”Selection C” icon_font=”fa fa-play-circle” background_color=”rgba(30,115,190,0.3)” padding_tiny=”60px 20px”][vc_column_text css=”.vc_custom_1452608234108{margin-bottom: 0px !important;padding-top: 35px !important;padding-right: 20px !important;padding-bottom: 52px !important;padding-left: 20px !important;}”]

SELECTION C

[/vc_column_text][/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=”17104″ padding_large=”0 60px”][vc_column_text css=”.vc_custom_1452358721546{margin-bottom: 45px !important;padding-top: 74px !important;}”]

FEATURES

[/vc_column_text][vc_row_inner css=”.vc_custom_1452267565894{padding-bottom: 20px !important;}”][vc_column_inner width=”1/2″ css=”.vc_custom_1452267357325{margin-bottom: 50px !important;}”][vc_column_text css=”.vc_custom_1452271193767{margin-bottom: 0px !important;}”]

  • Support One Page Basic (Developed by Beeteam368) & Fullscreen Scrolling (FullPage.js)
  • One Click Import Full Sample Data (20+ demo).
  • Main Navigation Menus & Custom Menus (dropdown mode)
    • Support 700+ Google Fonts
    • Unlimited Color (background color, separator, menu item hover, menu item active …)
    • Logo Image on Main Navigation (support Retina Logo)
    • Support FontAwesome Icons & Image Icons
  • Smart Sticky Navigation
    • Unlimited Color (background, separator, menu item hover, menu item active …)
    • Logo Image on Sticky Navigation (support Retina Logo)
    • Support FontAwesome Icons & Image Icons
    • Behavior: Only Appears When Page Is Scrolled Down & Past The First Page
    • Behavior: Only Appears When Page Is Scrolled Up
    • Behavior: Always Visible
  • Sub Navigation
    • 6 styles x 3 Positions (Right, Left, Bottom)
    • Unlimited Color (background color, item hover, item active …)
    • Support Tooltip (700+ Google Fonts)
    • Support FontAwesome Icons & Image Icons

[/vc_column_text][/vc_column_inner][vc_column_inner width=”1/2″ css=”.vc_custom_1452267365184{margin-bottom: 50px !important;}”][vc_column_text css=”.vc_custom_1452357990741{margin-bottom: 0px !important;}”]

  • Fully HTML5 & CSS3 Support
  • 100% Responsive Design
  • Mobile Menu
    • Unlimited Color (background color, separator, item hover, item active …)
    • Compatible with all mobile devices (mobile, tablet)
  • Other
    • Support Full Screen Mode
    • Support HTML5 Video Background (MP4, OGV, WEBM)
    • Support Youtube Video Background
    • Support Parallax Scroll (down) Image Background
    • Support Particle Canvas Background (Full Options)
    • Support Content Animation On Visibility (70+ Effect)
    • Simple loading spinners animated with CSS (11 style – unlimited color & background color)
    • Scroll Next(Prev) Item Effect (jQuery Easing – Custom speed[in milisecond])
    • Support Full Height Mode for Each Item
    • Custom Content Width & Bootstrap Container (mobile, tablet, desktop)
    • Custom Content Padding (mobile, tablet, desktop)
    • Scroll Down More Button
    • And Much More …

[/vc_column_text][/vc_column_inner][/vc_row_inner][/op_item][op_item item_icon=”font” content_width=”2″ height=”1″ content_position=”1″ item_name=”How To Use” item_name_alias=”How To Use” icon_font=”fa fa-cogs” width_large=”800px” width_small=”100%” width_medium=”970px” padding_tiny=”54px 20px 60px 20px” background_color=”#ffffff”][vc_column_text css=”.vc_custom_1452358730932{padding-right: 20px !important;padding-left: 20px !important;}”]

HOW TO USE

[/vc_column_text][vc_video link=”https://www.youtube.com/watch?v=o65sQFFe2lI” css=”.vc_custom_1452272153637{margin-bottom: 0px !important;}”][/op_item][/op_container][/vc_column][/vc_row]