[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″]

WITHOUT ICONS

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

WITH ICONS

[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]
[ultimate_spacer height=»80″ height_on_tabs=»40″ height_on_tabs_portrait=»40″ height_on_mob_landscape=»30″ height_on_mob=»30″]
[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″]

WITHOUT ICONS

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

WITH ICONS

[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]
[ultimate_spacer height=»80″ height_on_tabs=»40″ height_on_tabs_portrait=»40″ height_on_mob_landscape=»30″ height_on_mob=»30″]
[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″]

WITHOUT ICONS

[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″]

WITH ICONS

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