ActionBox

Home » Shortcodes » ActionBox
[vc_row columns_type= »default » section= » » full_width= » » full_height= » » background= »custom » parallax_bg_width= »110″ parallax_reverse= » » video= » » bg_type= »no_bg » bg_grad= »background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #E3E3E3));background: -moz-linear-gradient(top,#E3E3E3 0%);background: -webkit-linear-gradient(top,#E3E3E3 0%);background: -o-linear-gradient(top,#E3E3E3 0%);background: -ms-linear-gradient(top,#E3E3E3 0%);background: linear-gradient(top,#E3E3E3 0%); » parallax_style= »vcpb-default » bg_image_repeat= »repeat » bg_image_size= »cover » bg_img_attach= »scroll » parallax_sense= »30″ animation_direction= »left-animation » animation_repeat= »repeat » video_opts= » » viewport_vdo= »off » enable_controls= »off » bg_override= »0″ parallax_content_sense= »30″ fadeout_start_effect= »30″ overlay_pattern_opacity= »80″ overlay_pattern_attachment= »fixed » multi_color_overlay= » » multi_color_overlay_opacity= »60″ seperator_type= »none_seperator » seperator_position= »top_seperator » seperator_shape_size= »40″ seperator_svg_height= »60″ seperator_shape_background= »#ffffff » seperator_shape_border= »none » seperator_shape_border_width= »1″ icon_type= »no_icon » icon_size= »32″ icon_style= »none » icon_color_border= »#333333″ icon_border_size= »1″ icon_border_radius= »500″ icon_border_spacing= »50″ img_width= »48″ ult_hide_row_large_screen= »off » ult_hide_row_desktop= »off » ult_hide_row_tablet= »off » ult_hide_row_tablet_small= »off » ult_hide_row_mobile= »off » ult_hide_row_mobile_large= »off » section_text_color= »#ffffff »][vc_column width= »1/1″][vc_actionbox type= »alternate » title= »ActionBox with Alternate background color » message= »Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis vestibulum sem eu iaculis varius. » button_label= »Click Me » button_link= »# » button_color= »primary » button_type= »raised » button_size= »big » button1= »CLICK ME ONE » style1= »primary » outlined1= » » target1= »_self » style2= »default » outlined2= » » target2= »_self » link1= »# » button2= »CLICK ME ONE » link2= »# »][vc_separator type= »invisible »][vc_actionbox type= »primary » title= »ActionBox with Primary background color » message= »Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis vestibulum sem eu iaculis varius. » button_label= »Click Me » button_link= »# » button_color= »white » button_type= »raised » button_icon= »mdfi_social_group_add » button_iconpos= »right » button1= »CLICK ME » link1= »# » style1= »white » outlined1= » » icon1= »user-plus » target1= »_self » style2= »primary » outlined2= » » target2= »_self » size1= »big »][vc_separator type= »invisible »][vc_actionbox type= »secondary » title= »ActionBox with Secondary background color » message= »Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis vestibulum sem eu iaculis varius. » button_label= »Contrast Button » button_link= »# » button_color= »contrast » button_type= »raised » button_size= »big » button_iconpos= »right » button1= »CLICK ME ONE » link1= »# » style1= »white » outlined1= »yes » target1= »_self » button2= »CLICK ME TWO » link2= »# » style2= »white » outlined2= » » target2= »_self »][vc_separator type= »invisible »][vc_actionbox type= »custom » title= »ActionBox with Custom colors » message= »Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis vestibulum sem eu iaculis varius. » button_label= »Flat Button » button_link= »# » button_color= »white » button_type= »flat » button_size= »big » bg_color= »#ffd323″ text_color= »#444444″ button_icon= »mdfi_navigation_arrow_forward » style1= »brown » outlined1= » » target1= »_self » style2= »primary » outlined2= » » target2= »_self » button1= »click me » link1= »# » size1= »big » icon1= »play »][/vc_column][/vc_row][vc_row section= »yes » background= »alternate »][vc_column width= »1/1″][vc_actionbox type= »alternate » title= »Fullwidth ActionBox with Alternate background color » button_label= »Click Me » button_link= »# » button_color= »secondary » button_type= »raised » button_size= »big » button_icon= »mdfi_editor_attach_money » button1= »click me » link1= »# » style1= »secondary » outlined1= » » target1= »_self » style2= »primary » outlined2= » » target2= »_self » size1= »big »][/vc_column][/vc_row][vc_row section= »yes » background= »primary »][vc_column width= »1/1″][vc_actionbox type= »primary » title= »Fullwidth ActionBox with Primary background color » button_label= »Check This » button_link= »# » button_color= »white » button_type= »flat » button_icon= »mdfi_navigation_check » button_size= »big » button1= »CLICK ME » link1= »# » style1= »cream » outlined1= »yes » target1= »_self » style2= »primary » outlined2= » » target2= »_self » size1= »big » icon1= »check »][/vc_column][/vc_row][vc_row section= »yes » background= »secondary »][vc_column width= »1/1″][vc_actionbox type= »secondary » title= »Fullwidth ActionBox with Secondary background color » button_label= »White Button » button_link= »# » button_color= »white » button_type= »raised » button_size= »big » button_iconpos= »right » button1= »WHITE BUTTON » link1= »# » style1= »white » outlined1= » » target1= »_self » style2= »primary » outlined2= » » target2= »_self »][/vc_column][/vc_row][vc_row section= »yes » background= »custom » columns_type= »default » full_width= » » full_height= » » parallax_bg_width= »110″ parallax_reverse= » » video= » » css= ».vc_custom_1427290969196{background-color: #c8f7c5 !important;} » bg_type= »no_bg » bg_grad= »background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #E3E3E3));background: -moz-linear-gradient(top,#E3E3E3 0%);background: -webkit-linear-gradient(top,#E3E3E3 0%);background: -o-linear-gradient(top,#E3E3E3 0%);background: -ms-linear-gradient(top,#E3E3E3 0%);background: linear-gradient(top,#E3E3E3 0%); » parallax_style= »vcpb-default » bg_image_repeat= »repeat » bg_image_size= »cover » bg_img_attach= »scroll » parallax_sense= »30″ animation_direction= »left-animation » animation_repeat= »repeat » video_opts= » » viewport_vdo= »off » enable_controls= »off » bg_override= »0″ parallax_content_sense= »30″ fadeout_start_effect= »30″ overlay_pattern_opacity= »80″ overlay_pattern_attachment= »fixed » multi_color_overlay= » » multi_color_overlay_opacity= »60″ seperator_type= »none_seperator » seperator_position= »top_seperator » seperator_shape_size= »40″ seperator_svg_height= »60″ seperator_shape_background= »#ffffff » seperator_shape_border= »none » seperator_shape_border_width= »1″ icon_type= »no_icon » icon_size= »32″ icon_style= »none » icon_color_border= »#333333″ icon_border_size= »1″ icon_border_radius= »500″ icon_border_spacing= »50″ img_width= »48″ ult_hide_row_large_screen= »off » ult_hide_row_desktop= »off » ult_hide_row_tablet= »off » ult_hide_row_tablet_small= »off » ult_hide_row_mobile= »off » ult_hide_row_mobile_large= »off » section_text_color= »#333333″][vc_column width= »1/1″][vc_actionbox type= »custom » title= »Fullwidth ActionBox with Custom colors » button_label= »Contrast Button » button_link= »# » button_color= »contrast » button_type= »raised » button_size= »big » text_color= »#444444″ button_icon= »mdfi_maps_local_play » button1= »CONTRAST BUTTON » link1= »# » style1= »contrast » outlined1= » » target1= »_self » style2= »primary » outlined2= » » target2= »_self » icon2= »star »][/vc_column][/vc_row]