Smart One Page – Main Demo

[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=”1427″ logo_retina=”1428″ st_logo=”1435″ st_logo_retina=”1436″ 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=”1437″]

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=”1438″]

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=”1439″ 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=”1440″ 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=”1441″ 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]