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=”148105″ logo_retina=”148106″ st_logo=”148113″ st_logo_retina=”148114″ 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=”148115″]

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

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=”148117″ 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=”148118″ 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=”148119″ 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]

Connexion en utilisant un réseau social

Connexion avec votre email et mot de passe

Récupérer votre mot de passe

Entrer votre nom d'utilisateur ou votre email pour réinitialiser votre mot de passe

Ajouter une nouvelle playlist

Afrikhepri Fondation Voulez-vous revevoir une notification lorsqu'un article est publié ?
Dismiss
Allow Notifications