Parallax & Video Sections

[fullwidth_section text_color=”light” background_type=”color” bg_color=”#6B58CD” margin_top=”-51px” margin_bottom=”0px” padding_top=”100px” padding_bottom=”100px”] [title type=”special-h3″ color=”#FFF”]Color Section[/title] [title type=”subtitle-h3″ color=”rgba(255,255,255,0.5)” class=”nbm hb-aligncenter”]Add any content here[/title] [/fullwidth_section] [fullwidth_section background_type=”texture” text_color=”dark” image=”https://hb-themes.com/themes/test/wp-content/uploads/2014/04/giftly7.png” margin_top=”px” margin_bottom=”0″ padding_top=”80″ padding_bottom=”80″ parallax=”no”] [title type=”special-h3″ color=”#000″]Texture Image Section[/title] [title type=”subtitle-h3″ color=”rgba(255,255,255,0.5)” class=”nbm hb-aligncenter”]Add any content here[/title] [/fullwidth_section] [fullwidth_section background_type=”image” text_color=”light” image=”2073″ margin_top=”px” margin_bottom=”0″ padding_top=”120″ padding_bottom=”120″ parallax=”yes” id=”first-section”] [title type=”special-h3″ color=”#FFF”]Parallax Image Section[/title] [title type=”subtitle-h3″ color=”rgba(255,255,255,0.5)” class=”nbm hb-aligncenter”]Add any content here[/title] [spacer] [button title=”View Video Section” link=”#video-section” new_tab=”no” icon=”hb-moon-arrow-down-6″ color=”second-light” class=”hb-aligncenter smooth-scroll”][/fullwidth_section] [fullwidth_section id=”video-section” background_type=”video” text_color=”dark” padding_top=”200″ padding_bottom=”200″ margin_top=”0″ bg_color=”#333333″ bg_video_mp4=”https://hb-themes.com/themes/test/wp-content/uploads/2014/04/video-13517.mp4″ bg_video_ogv=”https://hb-themes.com/themes/test/wp-content/uploads/2014/04/video-13517.webm” overlay=”yes”]
[column size=”col-4″] [icon_box icon=”hb-moon-bubble-dots-3″ icon_position=”top” title=”Live Support” align=”center” animation=”flip-x”]

Curabitur luctus lacus et lectus dictum ornare. Interdum est. Nulla massa id ad. Nullam quis euismod lorem lectus dictum.

[button title=”Let’s chat” link=”#” new_tab=”no” color=”third-dark”] [/icon_box] [/column] [column size=”col-4″] [icon_box icon=”hb-moon-users-2″ icon_position=”top” icon_color=”#e74c3c” title=”Professional Support” align=”center” animation=”flip-y”]

Curabitur luctus lacus et lectus dictum ornare. Interdum est. Nulla massa id ad. Nullam quis euismod lorem lectus dictum.

[button title=”Find out more” link=”#” new_tab=”no” color=”third-dark”] [/icon_box] [/column] [column size=”col-4″] [icon_box icon=”hb-moon-phone-6″ icon_position=”top” icon_color=”#34495e” title=”Call Us” align=”center” animation=”flip-x”]

Curabitur luctus lacus et lectus dictum ornare. Interdum est. Nulla massa id ad. Nullam quis euismod lorem lectus dictum.

[button title=”Give us a call” link=”#” new_tab=”no” color=”third-dark”] [/icon_box] [/column]
[/fullwidth_section] [spacer] [title type=”special-h4-left”]Get the code[/title] [title type=”subtitle-h6″]Paste in Text Editor[/title] [content_box type=”without-header” color=”#FFFFFF” class=”pre-text”]

[fullwidth_section text_color=”light” background_type=”color” bg_color=”#6B58CD” margin_top=”-51px” margin_bottom=”0px” padding_top=”100px” padding_bottom=”100px”]
Add your content here. You can use shortcodes.
[/fullwidth_section]

[/content_box] [info_message style=”info”]1. You can also use these shortcodes as Visual Composer Drag & Drop elements.
If you prefer shortcodes, you can generate them using Shortcode Generator.

 

2. Visit Theme Documentation for available arguments and more information. View Documentation Now.
[/info_message]