[gr-columns][gr-column type=”1/3″]

Alerts without icons

[gr-hr type=”” width=”10″ align=”left”]

[/gr-column][gr-column type=”2/3″]

[gr-alert type=”white”]Standard Message. Wrap any text for a basic warning alert message.[/gr-alert]

[gr-alert type=”yellow”]Warning! Best check yo self, you’re not looking too good.[/gr-alert]

[gr-alert type=”blue”]Heads up! This alert needs your attention, but it’s not super important.[/gr-alert]

[gr-alert type=”red”]Oh snap! Change a few things up and try submitting again.[/gr-alert]

[gr-alert type=”green”]Well done! You successfully read this important alert message.[/gr-alert]

[/gr-column][/gr-columns]

[gr-gap h=”60″]

[gr-columns][gr-column type=”1/3″]

Alerts with icons

[gr-hr type=”” width=”10″ align=”left”]

[/gr-column][gr-column type=”2/3″]

[gr-alert type=”white” icon=”fa fa-heart” ]Standard Message. Wrap any text for a basic warning alert message.[/gr-alert]

[gr-alert type=”yellow” icon=”fa fa-warning” ]Warning! Best check yo self, you’re not looking too good.[/gr-alert]

[gr-alert type=”blue” icon=”fa fa-info-circle” ]Heads up! This alert needs your attention, but it’s not super important.[/gr-alert]

[gr-alert type=”red” icon=”fa fa-times-circle-o” ]Oh snap! Change a few things up and try submitting again.[/gr-alert]

[gr-alert type=”green” icon=”fa fa-check-circle-o” ]Well done! You successfully read this important alert message.[/gr-alert]

[/gr-column][/gr-columns]

[gr-gap h=”100″]