{"id":1505,"date":"2021-02-24T21:23:04","date_gmt":"2021-02-24T21:23:04","guid":{"rendered":"https:\/\/organicthemes.com\/demo\/origin\/?page_id=1505"},"modified":"2021-02-26T18:13:28","modified_gmt":"2021-02-26T18:13:28","slug":"alert-block","status":"publish","type":"page","link":"https:\/\/organicthemes.com\/demo\/origin\/blocks\/alert-block\/","title":{"rendered":"Alert Block"},"content":{"rendered":"\n<h2 class=\"has-text-align-center wp-block-heading\">Alert Block<\/h2>\n\n\n\n<p class=\"has-text-align-center\">The <a href=\"https:\/\/organicthemes.com\/blocks\"><strong>Alert Block<\/strong><\/a> is a dismissible content box that may be used to alert customers of changes or notifications on your website or content. This page provides a few examples of the Alert Block.<\/p>\n\n\n\n<div class=\"wp-block-obb-alert-block organic-block\"><div class=\"obb-alert-box obb-style-minimal obb-align-center\" style=\"background-color:#dbeeb6;border-radius:6px;border-width:2px;border-style:solid;border-color:#61a243;box-shadow:0 0 12px rgba(0,0,0,0.12)\"><button class=\"obb-alert-close\"><i class=\"obb-alert-icon fas fa-times\"><\/i><\/button><div class=\"obb-alert-content\" style=\"text-align:center\">\n<p>A simple <strong>Alert Block<\/strong> designed to notify visitors of important information.<\/p>\n<\/div><\/div><\/div>\n\n\n\n<div class=\"wp-block-obb-alert-block organic-block\"><div class=\"obb-alert-box obb-style-rounded obb-align-center\" style=\"background-color:#fed5d5;border-width:2px;border-style:solid;border-color:#e71e1e;box-shadow:0 0 12px rgba(0,0,0,0.12)\"><button class=\"obb-alert-close\"><i class=\"obb-alert-icon fas fa-times\"><\/i><\/button><div class=\"obb-alert-content\" style=\"text-align:center\">\n<p>This is an example <strong>Alert Block<\/strong> with nested blocks.<\/p>\n\n\n\n<figure class=\"wp-block-image alignwide size-large\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"760\" height=\"338\" data-attachment-id=\"817\" data-permalink=\"https:\/\/organicthemes.com\/demo\/origin\/templates\/image-slideshow\/banner-10\/\" data-orig-file=\"https:\/\/i0.wp.com\/organicthemes.com\/demo\/origin\/files\/2015\/05\/banner-10.jpg?fit=1800%2C800&amp;ssl=1\" data-orig-size=\"1800,800\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"banner-10\" data-image-description=\"\" data-image-caption=\"\" data-medium-file=\"https:\/\/i0.wp.com\/organicthemes.com\/demo\/origin\/files\/2015\/05\/banner-10.jpg?fit=300%2C133&amp;ssl=1\" data-large-file=\"https:\/\/i0.wp.com\/organicthemes.com\/demo\/origin\/files\/2015\/05\/banner-10.jpg?fit=760%2C338&amp;ssl=1\" src=\"https:\/\/i0.wp.com\/organicthemes.com\/demo\/origin\/files\/2015\/05\/banner-10.jpg?resize=760%2C338&#038;ssl=1\" alt=\"\" class=\"wp-image-817\" srcset=\"https:\/\/i0.wp.com\/organicthemes.com\/demo\/origin\/files\/2015\/05\/banner-10.jpg?resize=1024%2C455&amp;ssl=1 1024w, https:\/\/i0.wp.com\/organicthemes.com\/demo\/origin\/files\/2015\/05\/banner-10.jpg?resize=300%2C133&amp;ssl=1 300w, https:\/\/i0.wp.com\/organicthemes.com\/demo\/origin\/files\/2015\/05\/banner-10.jpg?resize=768%2C341&amp;ssl=1 768w, https:\/\/i0.wp.com\/organicthemes.com\/demo\/origin\/files\/2015\/05\/banner-10.jpg?w=1800&amp;ssl=1 1800w, https:\/\/i0.wp.com\/organicthemes.com\/demo\/origin\/files\/2015\/05\/banner-10.jpg?w=1520&amp;ssl=1 1520w\" sizes=\"auto, (max-width: 760px) 100vw, 760px\" \/><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-text-color has-background has-vivid-red-background-color has-vivid-red-color is-style-default\"\/>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\"><p>&#8220;Alerts are a great way to notify your visitors of important information on your website.&#8221;<\/p><cite>\u2014 Organic Themes<\/cite><\/blockquote>\n\n\n\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link has-white-color has-vivid-red-background-color has-text-color has-background\" href=\"https:\/\/organicthemes.com\/blocks\/\">Get Started<\/a><\/div>\n<\/div><\/div><\/div>\n\n\n\n<div class=\"wp-block-obb-alert-block organic-block\"><div class=\"obb-alert-box obb-style-minimal obb-align-center\" style=\"background-color:#fff;box-shadow:0 0 12px rgba(0,0,0,0.12)\"><button class=\"obb-alert-close\"><i class=\"obb-alert-icon fas fa-times\"><\/i><\/button><div class=\"obb-alert-content\" style=\"text-align:center\">\n<p>This is the default style for an <strong>Alert Block<\/strong>. The block may be dismissed by closing the box. Additionally, a variety of other blocks may be added within the Alert Block.<\/p>\n\n\n\n<figure class=\"wp-block-image alignfull size-large\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"760\" height=\"317\" data-attachment-id=\"1040\" data-permalink=\"https:\/\/organicthemes.com\/demo\/origin\/about\/header-02\/\" data-orig-file=\"https:\/\/i0.wp.com\/organicthemes.com\/demo\/origin\/files\/2015\/05\/header-02.jpg?fit=2400%2C1000&amp;ssl=1\" data-orig-size=\"2400,1000\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"header-02\" data-image-description=\"\" data-image-caption=\"\" data-medium-file=\"https:\/\/i0.wp.com\/organicthemes.com\/demo\/origin\/files\/2015\/05\/header-02.jpg?fit=300%2C125&amp;ssl=1\" data-large-file=\"https:\/\/i0.wp.com\/organicthemes.com\/demo\/origin\/files\/2015\/05\/header-02.jpg?fit=760%2C317&amp;ssl=1\" src=\"https:\/\/i0.wp.com\/organicthemes.com\/demo\/origin\/files\/2015\/05\/header-02.jpg?resize=760%2C317&#038;ssl=1\" alt=\"\" class=\"wp-image-1040\" srcset=\"https:\/\/i0.wp.com\/organicthemes.com\/demo\/origin\/files\/2015\/05\/header-02.jpg?resize=1024%2C427&amp;ssl=1 1024w, https:\/\/i0.wp.com\/organicthemes.com\/demo\/origin\/files\/2015\/05\/header-02.jpg?resize=300%2C125&amp;ssl=1 300w, https:\/\/i0.wp.com\/organicthemes.com\/demo\/origin\/files\/2015\/05\/header-02.jpg?w=1520&amp;ssl=1 1520w, https:\/\/i0.wp.com\/organicthemes.com\/demo\/origin\/files\/2015\/05\/header-02.jpg?w=2280&amp;ssl=1 2280w\" sizes=\"auto, (max-width: 760px) 100vw, 760px\" \/><\/figure>\n\n\n\n<div class=\"wp-block-button is-style-fill\"><a class=\"wp-block-button__link has-white-color has-vivid-green-cyan-background-color has-text-color has-background\" href=\"https:\/\/organicthemes.com\/blocks\/\" style=\"border-radius:3px\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>Learn More<\/strong><\/a><\/div>\n<\/div><\/div><\/div>\n\n\n\n<div class=\"wp-block-obb-alert-block organic-block\"><div class=\"obb-alert-box obb-style-modern obb-align-center obb-alert-above\" style=\"background-color:#beefef;border-width:2px;border-style:solid;border-color:#7baef0;box-shadow:0 0 12px rgba(0,0,0,0.12)\"><button class=\"obb-alert-close\"><i class=\"obb-alert-icon fas fa-times\"><\/i><\/button><div class=\"obb-alert-content\" style=\"text-align:center\">\n<div class=\"wp-block-image is-style-default\"><figure class=\"alignright size-large is-resized\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" data-attachment-id=\"1510\" data-permalink=\"https:\/\/organicthemes.com\/demo\/origin\/blocks\/alert-block\/alert-block-options\/\" data-orig-file=\"https:\/\/i0.wp.com\/organicthemes.com\/demo\/origin\/files\/2021\/02\/alert-block-options.png?fit=560%2C966&amp;ssl=1\" data-orig-size=\"560,966\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"alert-block-options\" data-image-description=\"\" data-image-caption=\"\" data-medium-file=\"https:\/\/i0.wp.com\/organicthemes.com\/demo\/origin\/files\/2021\/02\/alert-block-options.png?fit=174%2C300&amp;ssl=1\" data-large-file=\"https:\/\/i0.wp.com\/organicthemes.com\/demo\/origin\/files\/2021\/02\/alert-block-options.png?fit=560%2C966&amp;ssl=1\" src=\"https:\/\/i0.wp.com\/organicthemes.com\/demo\/origin\/files\/2021\/02\/alert-block-options.png?resize=177%2C305&#038;ssl=1\" alt=\"\" class=\"wp-image-1510\" width=\"177\" height=\"305\" srcset=\"https:\/\/i0.wp.com\/organicthemes.com\/demo\/origin\/files\/2021\/02\/alert-block-options.png?w=560&amp;ssl=1 560w, https:\/\/i0.wp.com\/organicthemes.com\/demo\/origin\/files\/2021\/02\/alert-block-options.png?resize=174%2C300&amp;ssl=1 174w\" sizes=\"auto, (max-width: 177px) 100vw, 177px\" \/><\/figure><\/div>\n\n\n\n<h4 class=\"has-text-align-left wp-block-heading\">Alert Block Example<\/h4>\n\n\n\n<p class=\"has-text-align-left\">This <strong>Alert Block<\/strong> is designed to display above the rest of your website content. The option to display the alert above your website content is available within the block settings.<\/p>\n\n\n\n<p class=\"has-text-align-left\">The <strong>Alert Block<\/strong> is a great tool for notifying your readers of important information throughout your website.<\/p>\n\n\n\n<p class=\"has-text-align-left\">The block is available in the <a href=\"https:\/\/organicthemes.com\/blocks\/\">Organic Blocks Bundle<\/a>.<\/p>\n\n\n\n<div class=\"wp-block-button alignleft\"><a class=\"wp-block-button__link\" href=\"https:\/\/organicthemes.com\/blocks\/\" target=\"_blank\" rel=\"noreferrer noopener\">Get Blocks Bundle<\/a><\/div>\n<\/div><\/div><div class=\"obb-alert-overlay\"><\/div><\/div>\n\n\n\n<div class=\"wp-block-obb-alert-block organic-block\"><div class=\"obb-alert-box obb-style-bordered obb-align-center\" style=\"background-color:#cc9900;box-shadow:0 0 12px rgba(0,0,0,0.12)\"><button class=\"obb-alert-close\"><i class=\"obb-alert-icon fas fa-times\"><\/i><\/button><div class=\"obb-alert-content\" style=\"text-align:center\">\n<h4 class=\"has-text-align-center wp-block-heading\"><span class=\"has-inline-color has-white-color\">My Custom Alert Box<\/span><\/h4>\n\n\n\n<p><span class=\"has-inline-color has-white-color\">This is some example content. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Maecenas faucibus mollis interdum. Integer posuere erat a ante venenatis.<\/span><\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"WordPress Theme Quick Start Guide\" width=\"760\" height=\"428\" src=\"https:\/\/www.youtube.com\/embed\/N4CgeIHnD9g?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link\" href=\"https:\/\/organicthemes.com\/blocks\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>Buy Blocks Bundle<\/strong><\/a><\/div>\n<\/div><\/div><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Alert Block The Alert Block is a dismissible content box that may be used to alert customers of changes or notifications on your website or content. This page provides a few examples of the Alert Block.<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":1339,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"template-no-sidebar.php","meta":{"footnotes":""},"class_list":["post-1505","page","type-page","status-publish"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/organicthemes.com\/demo\/origin\/wp-json\/wp\/v2\/pages\/1505","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/organicthemes.com\/demo\/origin\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/organicthemes.com\/demo\/origin\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/organicthemes.com\/demo\/origin\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/organicthemes.com\/demo\/origin\/wp-json\/wp\/v2\/comments?post=1505"}],"version-history":[{"count":21,"href":"https:\/\/organicthemes.com\/demo\/origin\/wp-json\/wp\/v2\/pages\/1505\/revisions"}],"predecessor-version":[{"id":1554,"href":"https:\/\/organicthemes.com\/demo\/origin\/wp-json\/wp\/v2\/pages\/1505\/revisions\/1554"}],"up":[{"embeddable":true,"href":"https:\/\/organicthemes.com\/demo\/origin\/wp-json\/wp\/v2\/pages\/1339"}],"wp:attachment":[{"href":"https:\/\/organicthemes.com\/demo\/origin\/wp-json\/wp\/v2\/media?parent=1505"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}