[vc_row][vc_column width=”1/2″][us_message]
I am a message box with notification type (blue).
[/us_message][us_message color=”yellow”]
I am a message box with attention type (yellow).
[/us_message][us_message color=”green”]
I am a message box with success type (green).
[/us_message][us_message color=”red”]
I am a message box with error type (red).
[/us_message][us_message color=”custom” css=”%7B%22default%22%3A%7B%22color%22%3A%22%23ffffff%22%2C%22background-color%22%3A%22%238c5bb7%22%7D%7D”]
I am a message box with custom colors.
[/us_message][/vc_column][vc_column width=”1/2″][us_message closing=”1″]
I am a message box with notification type. You can close me.
[/us_message][us_message color=”yellow” closing=”1″]
I am a message box with attention type. You can close me.
[/us_message][us_message color=”green” closing=”1″]
I am a message box with success type. You can close me.
[/us_message][us_message color=”red” closing=”1″]
I am a message box with error type. You can close me.
[/us_message][us_message color=”custom” closing=”1″ css=”%7B%22default%22%3A%7B%22color%22%3A%22%23fff1d3%22%2C%22background-color%22%3A%22%233cb8f2%22%7D%7D”]
I am a message box with custom colors. You can close me.
[/us_message][/vc_column][/vc_row][vc_row][vc_column width=”1/2″][us_message color=”custom” icon=”far|download” css=”%7B%22default%22%3A%7B%22background-color%22%3A%22%236ab79f%22%2C%22color%22%3A%22%23ffffff%22%7D%7D”]Message box with custom colors and custom icon.
[/us_message][us_message color=”custom” icon=”far|thumbs-up” css=”%7B%22default%22%3A%7B%22background-color%22%3A%22%23ffc054%22%2C%22color%22%3A%22%231c1c1c%22%7D%7D”]You can add any amount of text here. Suspendisse lobortis sodales. Maecenas in dolor ligula. Vivamus quis volutpat dui, viverra urna. Phasellus nec consequat neque.
Fusce sed ante nec ipsum aliquam venenatis vitae ut dui. Donec sit amet commodo nibh, et commodo mi. Praesent fringilla nisi a erat gravida ullamcorper.
[/us_message][/vc_column][vc_column width=”1/2″][us_message color=”custom” icon=”far|camera-retro” closing=”1″ css=”%7B%22default%22%3A%7B%22background-color%22%3A%22%23dd3333%22%2C%22color%22%3A%22%23ffffff%22%7D%7D”]Message box with custom colors and custom icon.
[/us_message][us_message color=”custom” icon=”far|exclamation” closing=”1″ css=”%7B%22default%22%3A%7B%22background-color%22%3A%22%23e3e4fc%22%2C%22color%22%3A%22%2334577a%22%7D%7D”]You can add any amount of text here. Suspendisse lobortis sodales. Maecenas in dolor ligula. Vivamus quis volutpat dui, viverra urna.
Phasellus nec consequat neque. Fusce sed ante nec ipsum aliquam venenatis vitae ut dui. Donec sit amet commodo nibh, et commodo mi.
[/us_message][/vc_column][/vc_row]