[op_container mnav_style=»classic» mnav_sticky_behavior=»2″ snav_style=»style-6″ scroll_effect=»easeOutExpo» nav_font_weight=»normal» snav_font_weight=»normal» loading_style=»folding-cube» scroll_speed=»1200″ nav_bg=»rgba(255,255,255,0.01)» 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» mnav_sticky_height=»60px» 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=»5012″ logo_retina=»5013″ st_logo=»5020″ st_logo_retina=»5021″ 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=»#ffffff» mobile_text_color=»#111111″ mobile_text_hover_color=»#999999″ mobile_text_active_color=»#1abc9c»][op_item item_icon=»font» height=»1″ content_position=»1″ parallax=»yes» downmore_button=»yes» item_name=»Home» item_name_alias=»home-alias» icon_font=»fa fa-home» background_color=»#d8d8d8″ background_img=»5022″]

HOME SELECTION

PARALLAX BACKGROUND

[/op_item][op_item item_icon=»font» height=»1″ content_position=»1″ parallax=»yes» item_name=»Selection A» item_name_alias=»Selection A» icon_font=»fa fa-heart» background_color=»#d8d8d8″ background_img=»5023″]

SELECTION A

PARALLAX BACKGROUND

[/op_item][op_item item_icon=»font» height=»1″ content_position=»1″ bg_video_options=»2″ item_name=»Selection B» item_name_alias=»Selection B» icon_font=»fa fa-play-circle» background_color=»#d8d8d8″ background_img=»5024″ mp4=»http://static.videezy.com/system/resources/previews/000/002/196/original/ferry-ride-timelapse-hd-stock-video.mp4″ webm=»http://static.videezy.com/system/resources/preview3s/000/002/196/original/ferry-ride-timelapse-hd-stock-video.webm» ogv=»http://static.videezy.com/system/resources/preview2s/000/002/196/original/ferry-ride-timelapse-hd-stock-video.ogv» padding_tiny=»60px 20px»]

SELECTION B

VIDEO BACKGROUND
SUPPORT HTML5 VIDEO & YOUTUBE

[/op_item][op_item item_icon=»font» content_width=»1″ height=»1″ content_position=»1″ parallax=»yes» bg_video_options=»3″ curvedlines=»yes» item_name=»Selection C» item_name_alias=»Selection C» icon_font=»fa fa-cubes» background_color=»#d8d8d8″ background_img=»5025″ linecolor=»rgba(255,255,255,0.66)» particleradius=»5″ linewidth=»0.5″ proximity=»110″ dotcolor=»rgba(255,255,255,0.6)» padding_tiny=»60px 20px»]

SELECTION C

PARTICLE BACKGROUND CANVAS

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

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 …
[/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»]

HOW TO USE

[/op_item][/op_container]