Alert Boxes

DEFAULT ALERT BOXES

THESE WOULD BE OUR PREDEFINED OPTIONS

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

OUTLINED ALERT BOXES

THESE WOULD BE OUR PREDEFINED OPTIONS

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

FULL WIDTH ALERT BOXES

THESE WOULD BE OUR PREDEFINED OPTIONS

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