Alert Boxes
[vc_row][vc_column][ultimate_spacer height=”80″ height_on_tabs=”40″ height_on_tabs_portrait=”40″ height_on_mob_landscape=”30″ height_on_mob=”30″][ultimate_heading main_heading=”DEFAULT ALERT BOXES” main_heading_font_family=”font_family:Lato|font_call:Lato|variant:300″ main_heading_style=”font-weight:300;” main_heading_font_size=”desktop:41px;”]
THESE WOULD BE OUR PREDEFINED OPTIONS
[/ultimate_heading][ultimate_spacer height=”80″ height_on_tabs=”40″ height_on_tabs_portrait=”40″ height_on_mob_landscape=”30″ height_on_mob=”30″][/vc_column][/vc_row][vc_row][vc_column width=”1/2″][vc_text_separator title=”WITHOUT ICONS” color=”custom” style=”double” accent_color=”#e7ebf0″][webuild_alert bgcolor=”#e9ffd9″]WELL DONE! You successfully read this important message.[/webuild_alert][webuild_alert type=”info” bgcolor=”#e3f7fc”]HEADS UP! This alert needs your attention, but it’s not super important.[/webuild_alert][webuild_alert type=”warning” bgcolor=”#fff8c4″]WARNING! Better check yourself, you’re not looking too good.[/webuild_alert][webuild_alert bgcolor=”#ffecec”]OH SNAP! Change a few things up and try submitting again.[/webuild_alert][webuild_alert type=”note” bgcolor=”#ecf0f1″]NOTABLE MESSAGE! You message goes here.[/webuild_alert][/vc_column][vc_column width=”1/2″][vc_text_separator title=”WITH ICONS” color=”custom” style=”double” accent_color=”#e7ebf0″][webuild_alert bgcolor=”#e9ffd9″ icon=”im-checkmark3″]WELL DONE! You successfully read this important message.[/webuild_alert][webuild_alert type=”info” bgcolor=”#e3f7fc” icon=”im-info”]HEADS UP! This alert needs your attention, but it’s not super important.[/webuild_alert][webuild_alert type=”warning” bgcolor=”#fff8c4″ icon=”im-warning”]WARNING! Better check yourself, you’re not looking too good.[/webuild_alert][webuild_alert bgcolor=”#ffecec” icon=”fa-unlink”]OH SNAP! Change a few things up and try submitting again.[/webuild_alert][webuild_alert type=”note” bgcolor=”#ecf0f1″ icon=”im-notebook”]NOTABLE MESSAGE! You message goes here.[/webuild_alert][/vc_column][vc_column][ultimate_spacer height=”80″ height_on_tabs=”40″ height_on_tabs_portrait=”40″ height_on_mob_landscape=”30″ height_on_mob=”30″][/vc_column][/vc_row][vc_row bg_type=”bg_color” bg_override=”full” bg_color_value=”#2c3e50″][vc_column][ultimate_spacer height=”80″ height_on_tabs=”40″ height_on_tabs_portrait=”40″ height_on_mob_landscape=”30″ height_on_mob=”30″][ultimate_heading main_heading=”OUTLINED ALERT BOXES” main_heading_color=”#ffffff” sub_heading_color=”#ffffff” main_heading_font_family=”font_family:Lato|font_call:Lato|variant:300″ main_heading_style=”font-weight:300;” main_heading_font_size=”desktop:41px;”]
THESE WOULD BE OUR PREDEFINED OPTIONS
[/ultimate_heading][ultimate_spacer height=”80″ height_on_tabs=”40″ height_on_tabs_portrait=”40″ height_on_mob_landscape=”30″ height_on_mob=”30″][vc_row_inner][vc_column_inner width=”1/2″][vc_text_separator title=”WITHOUT ICONS” color=”custom” accent_color=”#58728c” el_class=”heading-with-line”][webuild_alert outlined=”1″ close=”1″ border_color=”#2ecc71″ text_color=”#ffffff”]Succes: I am alert box. Click edit button to change this text.[/webuild_alert][webuild_alert type=”info” outlined=”1″ close=”1″ border_color=”#a0e7ff” text_color=”#a0e7ff”]Info: I am alert box. Click edit button to change this text.[/webuild_alert][webuild_alert type=”warning” outlined=”1″ close=”1″ border_color=”#f1c40f” text_color=”#f1c40f”]Warning: I am alert box. Click edit button to change this text.[/webuild_alert][webuild_alert type=”danger” outlined=”1″ close=”1″ text_color=”#f7a093″]Danger: I am alert box. Click edit button to change this text.[/webuild_alert][webuild_alert type=”note” outlined=”1″ close=”1″]Note: I am alert box. Click edit button to change this text.[/webuild_alert][/vc_column_inner][vc_column_inner width=”1/2″][vc_text_separator title=”WITH ICONS” color=”custom” accent_color=”#58728c” el_class=”heading-with-line”][webuild_alert outlined=”1″ close=”1″ border_color=”#2ecc71″ text_color=”#ffffff” icon=”im-checkmark3″]Succes: I am alert box. Click edit button to change this text.[/webuild_alert][webuild_alert type=”info” outlined=”1″ close=”1″ border_color=”#a0e7ff” text_color=”#a0e7ff” icon=”im-info”]Info: I am alert box. Click edit button to change this text.[/webuild_alert][webuild_alert type=”warning” outlined=”1″ close=”1″ border_color=”#f1c40f” text_color=”#f1c40f” icon=”im-warning”]Warning: I am alert box. Click edit button to change this.[/webuild_alert][webuild_alert type=”danger” icon=”fa-unlink” outlined=”1″ close=”1″ text_color=”#f7a093″]Danger: I am alert box. Click edit button to change this text.[/webuild_alert][webuild_alert type=”note” icon=”im-pencil6″ outlined=”1″ close=”1″]Note: I am alert box. Click edit button to change this text.[/webuild_alert][/vc_column_inner][/vc_row_inner][vc_row_inner][vc_column_inner][ultimate_spacer height=”80″ height_on_tabs=”40″ height_on_tabs_portrait=”40″ height_on_mob_landscape=”30″ height_on_mob=”30″][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row][vc_column][ultimate_spacer height=”80″ height_on_tabs=”40″ height_on_tabs_portrait=”40″ height_on_mob_landscape=”30″ height_on_mob=”30″][ultimate_heading main_heading=”FULL WIDTH ALERT BOXES” main_heading_font_family=”font_family:Lato|font_call:Lato|variant:300″ main_heading_style=”font-weight:300;” main_heading_font_size=”desktop:41px;” margin_design_tab_text=””]
THESE WOULD BE OUR PREDEFINED OPTIONS
[/ultimate_heading][ultimate_spacer height=”80″ height_on_tabs=”40″ height_on_tabs_portrait=”40″ height_on_mob_landscape=”30″ height_on_mob=”30″][/vc_column][/vc_row][vc_row][vc_column][vc_text_separator title=”WITHOUT ICONS” color=”custom” style=”double” accent_color=”#e7ebf0″][webuild_alert bgcolor=”#e9ffd9″]WELL DONE! You successfully read this important message.[/webuild_alert][webuild_alert type=”info” bgcolor=”#e3f7fc”]HEADS UP! This alert needs your attention, but it’s not super important.[/webuild_alert][webuild_alert type=”warning” bgcolor=”#fff8c4″]WARNING! Better check yourself, you’re not looking too good.[/webuild_alert][webuild_alert bgcolor=”#ffecec”]OH SNAP! Change a few things up and try submitting again.[/webuild_alert][webuild_alert type=”note” bgcolor=”#ecf0f1″]NOTABLE MESSAGE! You message goes here.[/webuild_alert][ultimate_spacer height=”80″ height_on_tabs=”40″ height_on_tabs_portrait=”40″ height_on_mob_landscape=”30″ height_on_mob=”30″][/vc_column][/vc_row][vc_row][vc_column][vc_text_separator title=”WITH ICONS” color=”custom” style=”double” accent_color=”#e7ebf0″][webuild_alert bgcolor=”#e9ffd9″ icon=”im-checkmark3″]WELL DONE! You successfully read this important message.[/webuild_alert][webuild_alert type=”info” bgcolor=”#e3f7fc” icon=”im-info”]HEADS UP! This alert needs your attention, but it’s not super important.[/webuild_alert][webuild_alert type=”warning” bgcolor=”#fff8c4″ icon=”im-warning”]WARNING! Better check yourself, you’re not looking too good.[/webuild_alert][webuild_alert bgcolor=”#ffecec” icon=”fa-unlink”]OH SNAP! Change a few things up and try submitting again.[/webuild_alert][webuild_alert type=”note” bgcolor=”#ecf0f1″ icon=”im-notebook”]NOTABLE MESSAGE! You message goes here.[/webuild_alert][/vc_column][/vc_row]