{"id":89,"date":"2020-06-24T11:00:46","date_gmt":"2020-06-24T11:00:46","guid":{"rendered":"https:\/\/awplife.com\/demo\/modal-popup-box-free-wordpress-plugin\/?page_id=89"},"modified":"2020-06-25T08:22:11","modified_gmt":"2020-06-25T08:22:11","slug":"modal-popup-color-variant","status":"publish","type":"page","link":"https:\/\/awplife.com\/demo\/modal-popup-box-free-wordpress-plugin\/modal-popup-color-variant\/","title":{"rendered":"Modal Popup Color Variant"},"content":{"rendered":"\n<div style=\"height:35px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" style=\"text-align:center\"><strong> Click On Below Buttons To Open Modal Pop Up Box<\/strong><\/h2>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/awplife.com\/demo\/modal-popup-box-free-wordpress-plugin\/wp-content\/uploads\/sites\/88\/2020\/06\/icon-256x256-1.png\" alt=\"\" class=\"wp-image-122\" width=\"238\" height=\"238\" srcset=\"https:\/\/awplife.com\/demo\/modal-popup-box-free-wordpress-plugin\/wp-content\/uploads\/sites\/88\/2020\/06\/icon-256x256-1.png 256w, https:\/\/awplife.com\/demo\/modal-popup-box-free-wordpress-plugin\/wp-content\/uploads\/sites\/88\/2020\/06\/icon-256x256-1-150x150.png 150w\" sizes=\"auto, (max-width: 238px) 100vw, 238px\" \/><\/figure><\/div>\n\n\n\n<div style=\"height:35px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">        <div class=\"mpb-modal-wrapper\" id=\"mpb-wrapper-21\" data-mpb-config=\"{&quot;id&quot;:21,&quot;showModal&quot;:&quot;onload&quot;,&quot;animation&quot;:&quot;mpb-md-effect-1&quot;,&quot;delay&quot;:0}\">\r\n            <div class=\"mpb-md-modal mpb-modal-21 mpb-md-effect-1\"\r\n                id=\"modal-21\" role=\"dialog\" aria-modal=\"true\"\r\n                aria-labelledby=\"mpb-title-21\" >\r\n                <div class=\"mpb-md-content mpb-md-content-21\">\r\n                    <h3 id=\"mpb-title-21\" class=\"mbox-title text-center\">\r\n                        Modal Popup Box Red Variation                    <\/h3>\r\n                    <button type=\"button\" class=\"mpb-md-close mpb-close-x\"\r\n                        aria-label=\"Close modal\">&times;<\/button>\r\n                    <div class=\"mpb-content-body\">\r\n                        <strong>Modal<\/strong>\u00a0content is empty. This is sample content. You can change it anytime. Simply update your shortcode content to display here.\r\n\r\n&nbsp;\r\n<ul>\r\n \t<li><strong>Read<\/strong>: modal windows will probably tell you something important so don't forget to read what they say.<\/li>\r\n \t<li><strong>Look<\/strong>: a modal window enjoys a certain kind of attention; just look at it and appreciate its presence.<\/li>\r\n \t<li><strong>Close<\/strong>: click on the button below to close the modal<\/li>\r\n<\/ul>                    <\/div>\r\n                    <div class=\"mpb-buttons text-center\">\r\n                        <button type=\"button\"\r\n                            class=\"mpb-btn btn-close-bg-21 mpb-text-center mpb-md-close\">\r\n                            Close Me                        <\/button>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n                        <div class=\"mpb-md-overlay mpb-md-overlay-21\"                     style=\"background: rgba(0, 0, 0, 0.6);\"\r\n                >\r\n            <\/div>\r\n        <\/div><!-- \/.mpb-modal-wrapper -->\r\n\r\n                        <div class=\"mpb-modal-wrapper\" id=\"mpb-wrapper-3\" data-mpb-config=\"{&quot;id&quot;:3,&quot;showModal&quot;:&quot;onclick&quot;,&quot;animation&quot;:&quot;mpb-md-effect-1&quot;,&quot;delay&quot;:0}\">\r\n            <div class=\"mpb-md-modal mpb-modal-3 mpb-md-effect-1\"\r\n                id=\"modal-3\" role=\"dialog\" aria-modal=\"true\"\r\n                aria-labelledby=\"mpb-title-3\"                     style=\"display:none;\" >\r\n                <div class=\"mpb-md-content mpb-md-content-3\">\r\n                    <h3 id=\"mpb-title-3\" class=\"mbox-title text-center\">\r\n                        Moda Popup Box                    <\/h3>\r\n                    <button type=\"button\" class=\"mpb-md-close mpb-close-x\"\r\n                        aria-label=\"Close modal\">&times;<\/button>\r\n                    <div class=\"mpb-content-body\">\r\n                        <strong>Modal<\/strong> content is empty. This is sample content. You can change it anytime. Simply update your shortcode content to display here.\r\n\r\n&nbsp;\r\n<ul>\r\n \t<li><strong>Read<\/strong>: modal windows will probably tell you something important so don't forget to read what they say.<\/li>\r\n \t<li><strong>Look<\/strong>: a modal window enjoys a certain kind of attention; just look at it and appreciate its presence.<\/li>\r\n \t<li><strong>Close<\/strong>: click on the button below to close the modal<\/li>\r\n<\/ul>                    <\/div>\r\n                    <div class=\"mpb-buttons text-center\">\r\n                        <button type=\"button\"\r\n                            class=\"mpb-btn btn-close-bg-3 mpb-text-center mpb-md-close\">\r\n                            Close Me                        <\/button>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n                        <div class=\"mpb-md-overlay mpb-md-overlay-3\"                     style=\"display:none; background: rgba(0, 0, 0, 0.6);\"\r\n                >\r\n            <\/div>\r\n        <\/div><!-- \/.mpb-modal-wrapper -->\r\n\r\n                    <div class=\"mpb-trigger-wrap\">\r\n                <div class=\"mpb-md-trigger mpb-md-setperspective btn-bg-3 btn btn-lg mpb-text-center\"\r\n                    data-modal=\"modal-3\" role=\"button\" tabindex=\"0\" aria-haspopup=\"dialog\">\r\n                    Moda Popup Box                <\/div>\r\n            <\/div>\r\n                <\/p>\n","protected":false},"excerpt":{"rendered":"<p>Click On Below Buttons To Open Modal Pop Up Box<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-89","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/awplife.com\/demo\/modal-popup-box-free-wordpress-plugin\/wp-json\/wp\/v2\/pages\/89","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/awplife.com\/demo\/modal-popup-box-free-wordpress-plugin\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/awplife.com\/demo\/modal-popup-box-free-wordpress-plugin\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/awplife.com\/demo\/modal-popup-box-free-wordpress-plugin\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/awplife.com\/demo\/modal-popup-box-free-wordpress-plugin\/wp-json\/wp\/v2\/comments?post=89"}],"version-history":[{"count":4,"href":"https:\/\/awplife.com\/demo\/modal-popup-box-free-wordpress-plugin\/wp-json\/wp\/v2\/pages\/89\/revisions"}],"predecessor-version":[{"id":140,"href":"https:\/\/awplife.com\/demo\/modal-popup-box-free-wordpress-plugin\/wp-json\/wp\/v2\/pages\/89\/revisions\/140"}],"wp:attachment":[{"href":"https:\/\/awplife.com\/demo\/modal-popup-box-free-wordpress-plugin\/wp-json\/wp\/v2\/media?parent=89"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}