{"id":4552,"date":"2015-12-28T15:09:36","date_gmt":"2015-12-28T15:09:36","guid":{"rendered":"http:\/\/impreza.us-themes.net\/?page_id=4552"},"modified":"2015-12-28T15:09:36","modified_gmt":"2015-12-28T15:09:36","slug":"message-box","status":"publish","type":"page","link":"https:\/\/shreyacorporation.com\/index.php\/elements\/message-box\/","title":{"rendered":"Message Box"},"content":{"rendered":"<section class=\"l-section wpb_row height_medium\"><div class=\"l-section-h i-cf\"><div class=\"g-cols vc_row via_flex valign_top type_default stacking_default\"><div class=\"vc_col-sm-6 wpb_column vc_column_container\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\"><div class=\"w-message color_blue\"><div class=\"w-message-body\"><p>I am a message box with <strong>notification<\/strong> type (blue).<\/p>\n<\/div><\/div><div class=\"w-message color_yellow\"><div class=\"w-message-body\"><p>I am a message box with <strong>attention<\/strong> type (yellow).<\/p>\n<\/div><\/div><div class=\"w-message color_green\"><div class=\"w-message-body\"><p>I am a message box with <strong>success<\/strong> type (green).<\/p>\n<\/div><\/div><div class=\"w-message color_red\"><div class=\"w-message-body\"><p>I am a message box with <strong>error<\/strong> type (red).<\/p>\n<\/div><\/div><div class=\"w-message color_custom\"><div class=\"w-message-body\"><p>I am a message box with <strong>custom colors<\/strong>.<\/p>\n<\/div><\/div><div class=\"w-message color_custom with_icon\"><div class=\"w-message-icon\"><i class=\"far fa-download\"><\/i><\/div><div class=\"w-message-body\"><p>I am a message box with <strong>custom colors<\/strong> and <strong>custom icon<\/strong>.<\/p>\n<\/div><\/div><div class=\"w-message color_custom with_icon\"><div class=\"w-message-icon\"><i class=\"far fa-thumbs-up\"><\/i><\/div><div class=\"w-message-body\"><p>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.<\/p>\n<\/div><\/div><\/div><\/div><\/div><div class=\"vc_col-sm-6 wpb_column vc_column_container\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\"><div class=\"w-message color_blue with_close\"><div class=\"w-message-body\"><p>I am a message box with <strong>notification<\/strong> type. You can close me.<\/p>\n<\/div><button class=\"w-message-close\" aria-label=\"Close\"><\/button><\/div><div class=\"w-message color_yellow with_close\"><div class=\"w-message-body\"><p>I am a message box with <strong>attention<\/strong> type. You can close me.<\/p>\n<\/div><button class=\"w-message-close\" aria-label=\"Close\"><\/button><\/div><div class=\"w-message color_green with_close\"><div class=\"w-message-body\"><p>I am a message box with <strong>success<\/strong> type. You can close me.<\/p>\n<\/div><button class=\"w-message-close\" aria-label=\"Close\"><\/button><\/div><div class=\"w-message color_red with_close\"><div class=\"w-message-body\"><p>I am a message box with <strong>error<\/strong> type. You can close me.<\/p>\n<\/div><button class=\"w-message-close\" aria-label=\"Close\"><\/button><\/div><div class=\"w-message color_custom with_close\"><div class=\"w-message-body\"><p>I am a message box with <strong>custom colors<\/strong>. You can close me.<\/p>\n<\/div><button class=\"w-message-close\" aria-label=\"Close\"><\/button><\/div><div class=\"w-message color_custom with_icon with_close\"><div class=\"w-message-icon\"><i class=\"far fa-camera\"><\/i><\/div><div class=\"w-message-body\"><p>I am a message box with <strong>custom colors<\/strong> and <strong>custom icon<\/strong>.<\/p>\n<\/div><button class=\"w-message-close\" aria-label=\"Close\"><\/button><\/div><div class=\"w-message color_custom with_icon with_close\"><div class=\"w-message-icon\"><i class=\"far fa-exclamation\"><\/i><\/div><div class=\"w-message-body\"><p>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.<\/p>\n<\/div><button class=\"w-message-close\" aria-label=\"Close\"><\/button><\/div><\/div><\/div><\/div><\/div><\/div><\/section>\n","protected":false},"excerpt":{"rendered":"I am a message box with notification type (blue). I am a message box with attention type (yellow). I am a message box with success type (green). I am a message box with error type (red). I am a message box with custom colors. I am a message box with custom colors and custom icon....","protected":false},"author":1,"featured_media":0,"parent":2520,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/shreyacorporation.com\/index.php\/wp-json\/wp\/v2\/pages\/4552"}],"collection":[{"href":"https:\/\/shreyacorporation.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/shreyacorporation.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/shreyacorporation.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/shreyacorporation.com\/index.php\/wp-json\/wp\/v2\/comments?post=4552"}],"version-history":[{"count":0,"href":"https:\/\/shreyacorporation.com\/index.php\/wp-json\/wp\/v2\/pages\/4552\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/shreyacorporation.com\/index.php\/wp-json\/wp\/v2\/pages\/2520"}],"wp:attachment":[{"href":"https:\/\/shreyacorporation.com\/index.php\/wp-json\/wp\/v2\/media?parent=4552"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}