{"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:\/\/techspot.pk\/elements\/message-box\/","title":{"rendered":"Message Box"},"content":{"rendered":"<section class=\"l-section wpb_row height_custom\"><div class=\"l-section-h i-cf\"><div class=\"g-cols vc_row via_grid cols_2 laptops-cols_inherit tablets-cols_inherit mobiles-cols_1 valign_top type_default stacking_default\"><div class=\"wpb_column vc_column_container\"><div class=\"vc_column-inner\"><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 us_custom_7cf5c488 has_text_color color_custom\"><div class=\"w-message-body\"><p>I am a message box with <strong>custom colors<\/strong>.<\/p>\n<\/div><\/div><\/div><\/div><div class=\"wpb_column vc_column_container\"><div class=\"vc_column-inner\"><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 us_custom_a957d5e5 has_text_color 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><\/div><\/div><\/div><\/section><section class=\"l-section wpb_row height_custom\"><div class=\"l-section-h i-cf\"><div class=\"g-cols vc_row via_grid cols_2 laptops-cols_inherit tablets-cols_inherit mobiles-cols_1 valign_top type_default stacking_default\"><div class=\"wpb_column vc_column_container\"><div class=\"vc_column-inner\"><div class=\"w-message us_custom_9c9abd50 has_text_color color_custom with_icon\"><div class=\"w-message-icon\"><i class=\"far fa-download\"><\/i><\/div><div class=\"w-message-body\"><p>Message box with <strong>custom colors<\/strong> and <strong>custom icon<\/strong>.<\/p>\n<\/div><\/div><div class=\"w-message us_custom_767896a9 has_text_color 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.<\/p>\n<p>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 class=\"wpb_column vc_column_container\"><div class=\"vc_column-inner\"><div class=\"w-message us_custom_a905b359 has_text_color color_custom with_icon with_close\"><div class=\"w-message-icon\"><i class=\"far fa-camera-retro\"><\/i><\/div><div class=\"w-message-body\"><p>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 us_custom_295d52b4 has_text_color 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.<\/p>\n<p>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><\/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 notification type. You can close...","protected":false},"author":1,"featured_media":0,"parent":2520,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"acf":[],"_links":{"self":[{"href":"https:\/\/techspot.pk\/wp-json\/wp\/v2\/pages\/4552"}],"collection":[{"href":"https:\/\/techspot.pk\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/techspot.pk\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/techspot.pk\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/techspot.pk\/wp-json\/wp\/v2\/comments?post=4552"}],"version-history":[{"count":0,"href":"https:\/\/techspot.pk\/wp-json\/wp\/v2\/pages\/4552\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/techspot.pk\/wp-json\/wp\/v2\/pages\/2520"}],"wp:attachment":[{"href":"https:\/\/techspot.pk\/wp-json\/wp\/v2\/media?parent=4552"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}