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="http://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="http://hb-themes.com/themes/test/wp-content/uploads/2014/04/video-13517.mp4" bg_video_ogv="http://hb-themes.com/themes/test/wp-content/uploads/2014/04/video-13517.webm" overlay="yes"][row margin_top="0px" margin_bottom="0px"]

[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]
[/row][/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]