HOME SELECTION
HAMBURGER MENU – With FullPage.js
[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=”1331″ logo_retina=”1332″ st_logo=”1333″ st_logo_retina=”1334″ 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=”1347″]
[/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”]
[/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=”1342″]
[/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”]
[/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=”1345″ padding_large=”0 60px”]
[/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”]
[/op_item][/op_container]
SELECTION A
SELECTION B
SELECTION C
FEATURES
- 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
- 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 …