Message Boxes & Callouts

[vc_row][vc_column width=”1/1″][vc_text_separator title=”Message Boxes” title_align=”separator_align_left” style=”two” font_size=”18px” element_type=”div”][vc_message color=”alert-info”]This is an informational style message box.[/vc_message][vcex_spacing size=”15px”][vc_message color=”alert-block”]This is a warning style message box.[/vc_message][vcex_spacing size=”15px”][vc_message color=”alert-success”]This is a success style message box.[/vc_message][vcex_spacing size=”15px”][vc_message color=”alert-error”]This is an error style message box.[/vc_message][vcex_spacing size=”60px”][/vc_column][/vc_row][vc_row][vc_column width=”1/1″][vc_text_separator title=”Callouts” title_align=”separator_align_left” style=”two” font_size=”18px” element_type=”div”][vcex_callout button_url=”http://www.google.com/” button_text=”Buy Now” button_color=”blue” button_border_radius=”3px” button_target=”self” button_rel=”none”]

Awesome

This is a callout element that was designed to catch your attention.[/vcex_callout][vcex_spacing size=”15px”][vcex_callout button_url=”http://www.google.com/” button_text=”Buy Now” button_color=”orange” button_border_radius=”3px” button_target=”self” button_rel=”none” button_icon_left=”thumbs-up”]

WordPress Theme

This is a callout element that was designed to catch your attention.[/vcex_callout][/vc_column][/vc_row][vc_row][vc_column width=”1/1″][vcex_spacing size=”60px”][vc_text_separator title=”Composer Callout” title_align=”separator_align_left” style=”two” font_size=”18px” element_type=”div”][vc_column_text]You can also build callouts by using the Visual Composer and the built-in backgrounds, paddings, border options. Have a look at some examples below![/vc_column_text][vcex_spacing size=”30px”][/vc_column][/vc_row][vc_row bg_color=”#f6f6f6″ bg_style=”stretch” video_bg_overlay=”none” border_color=”#3b86b0″ border_style=”solid” border_width=”0 0 0 3px” padding_top=”20px” padding_bottom=”20px” padding_left=”20px” padding_right=”20px”][vc_column width=”2/3″][vc_column_text]Build professional websites in minutes.
Just use the builder to drag & drop page elements to create your own custom layouts![/vc_column_text][/vc_column][vc_column width=”1/3″][vcex_spacing size=”10px”][vcex_button url=”http://www.google.com/” title=”Purchase Today” style=”graphical” align=”right” color=”blue” size=”small” border_radius=”3px” target=”self” rel=”none” font_weight=”400″]Purchase Today[/vcex_button][/vc_column][/vc_row][vc_row][vc_column width=”1/1″][vcex_spacing size=”30px”][/vc_column][/vc_row][vc_row bg_style=”stretch” video_bg_overlay=”none” border_style=”solid”][vc_column width=”1/2″ style=”default” bg_color=”#f6f6f6″ bg_style=”stretch” border_color=”#3b86b0″ border_style=”solid” border_width=”3px 0 0 0″ padding_top=”20px” padding_bottom=”20px” padding_left=”20px” padding_right=”20px”][vc_column_text]Build professional websites in minutes.
Just use the builder to drag & drop page elements to create your own custom layouts![/vc_column_text][vcex_spacing size=”20px”][vcex_button url=”http://www.google.com/” title=”Purchase Today” style=”graphical” align=”left” color=”blue” size=”small” border_radius=”3px” target=”self” rel=”none” font_weight=”400″]Purchase Today[/vcex_button][/vc_column][vc_column width=”1/2″ style=”default” bg_style=”stretch” border_style=”solid” padding_top=”20px” padding_bottom=”20px” padding_left=”20px” padding_right=”20px” bg_color=”#3b86b0″][vc_column_text]

Build professional websites in minutes.
Just use the builder to drag & drop page elements to create your own custom layouts![/vc_column_text][vcex_spacing size=”20px”][vcex_button url=”http://www.google.com/” title=”Purchase Today” style=”flat” align=”left” color=”orange” size=”small” border_radius=”3px” target=”self” rel=”none” font_weight=”400″]Purchase Today[/vcex_button][/vc_column][/vc_row]