{"id":4051,"date":"2017-07-29T12:34:10","date_gmt":"2017-07-29T12:34:10","guid":{"rendered":"https:\/\/pofo.themezaa.com\/?page_id=4051"},"modified":"2017-07-29T12:34:10","modified_gmt":"2017-07-29T12:34:10","slug":"modal-popup","status":"publish","type":"page","link":"http:\/\/sayloveyoga.com\/blog\/modal-popup\/","title":{"rendered":"Modal popup"},"content":{"rendered":"<section data-vc-full-width=\"true\" data-vc-full-width-init=\"false\" class=\"vc_row wpb_row vc_row-fluid   pofo-stretch-content pofo-stretch-row-container\"><div class=\"wpb_column vc_column_container vc_col-sm-12  col-xs-mobile-fullwidth\"><div class=\"vc_column-inner \"><div class=\"wpb_wrapper\"><div class=\"vc_row wpb_row vc_inner vc_row-fluid\"><div class=\"wpb_column vc_column_container vc_col-md-2 vc_hidden-sm vc_hidden-xs col-xs-mobile-fullwidth\"><div class=\"vc_column-inner \"><div class=\"wpb_wrapper\"><\/div><\/div><\/div><div class=\"wpb_column vc_column_container vc_col-md-8 col-xs-mobile-fullwidth text-center md-text-center\"><div class=\"vc_column-inner \"><div class=\"wpb_wrapper\"><div class=\"position-relative overflow-hidden width-100\"><span class=\"margin-100px-bottom xs-margin-40px-bottom font-weight-600 display-inline-block alt-font text-small text-outside-line-full text-uppercase heading-style5  heading-1\" >Simple Modal Popup<\/span><\/div><\/div><\/div><\/div><div class=\"wpb_column vc_column_container vc_col-md-2 vc_hidden-sm vc_hidden-xs col-xs-mobile-fullwidth\"><div class=\"vc_column-inner \"><div class=\"wpb_wrapper\"><\/div><\/div><\/div><\/div><div class=\"vc_row wpb_row vc_inner vc_row-fluid\"><div class=\"wpb_column vc_column_container vc_col-sm-1 vc_col-md-3 vc_hidden-xs col-xs-mobile-fullwidth\"><div class=\"vc_column-inner \"><div class=\"wpb_wrapper\"><\/div><\/div><\/div><div class=\"wpb_column vc_column_container vc_col-sm-10 vc_col-md-6 vc_col-xs-12 text-center\"><div class=\"vc_column-inner \"><div class=\"wpb_wrapper\"><h5 class=\"text-extra-dark-gray margin-20px-bottom font-weight-600 display-inline-block heading-style2  vc_custom_1509453554167 pofo-button-responsive-69d4264feb911  heading-2\"  style=\"width: 90%; font-weight: 300;\">A modal popup disables the usual ways to close popups..<\/h5><a class=\"modal-popup btn-medium btn btn-rounded btn-transparent-dark-gray  pofo-button-1\" href=\"#modal-popup-150133139912\">Open Modal<\/a><div id=\"modal-popup-150133139912\" class=\"white-popup-block mfp-hide center-col bg-white text-center modal-popup-main padding-50px-all  col-lg-3 col-md-6 col-xs-11 col-sm-7\"><h6 class=\"text-extra-large text-extra-dark-gray alt-font font-weight-600 margin-15px-bottom\">MODAL DIALOG<\/h6><p class=\"margin-four\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry&#8217;s standard dummy text ever since the 1500s.<\/p><a class=\"btn-medium btn btn-rounded btn-dark-gray popup-modal-dismiss\" href=\"#\">Dismiss<\/a><\/div><\/div><\/div><\/div><div class=\"wpb_column vc_column_container vc_col-sm-1 vc_col-md-3 vc_hidden-xs col-xs-mobile-fullwidth xs-clear-both\" data-clear-both=\"xs-clear-both\"><div class=\"vc_column-inner \"><div class=\"wpb_wrapper\"><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/section><div class=\"vc_row-full-width vc_clearfix\"><\/div><section data-vc-full-width=\"true\" data-vc-full-width-init=\"false\" class=\"vc_row wpb_row vc_row-fluid  vc_custom_1504520724596 vc_row-has-fill pofo-stretch-content pofo-stretch-row-container\"><div class=\"wpb_column vc_column_container vc_col-sm-12  col-xs-mobile-fullwidth\"><div class=\"vc_column-inner \"><div class=\"wpb_wrapper\"><div class=\"vc_row wpb_row vc_inner vc_row-fluid\"><div class=\"wpb_column vc_column_container vc_col-md-2 vc_hidden-sm vc_hidden-xs col-xs-mobile-fullwidth\"><div class=\"vc_column-inner \"><div class=\"wpb_wrapper\"><\/div><\/div><\/div><div class=\"wpb_column vc_column_container vc_col-md-8 col-xs-mobile-fullwidth text-center md-text-center\"><div class=\"vc_column-inner \"><div class=\"wpb_wrapper\"><div class=\"position-relative overflow-hidden width-100\"><span class=\"margin-100px-bottom xs-margin-40px-bottom font-weight-600 display-inline-block alt-font text-small text-outside-line-full text-uppercase heading-style5  heading-3\" >Dialog with CSS animation<\/span><\/div><\/div><\/div><\/div><div class=\"wpb_column vc_column_container vc_col-md-2 vc_hidden-sm vc_hidden-xs col-xs-mobile-fullwidth\"><div class=\"vc_column-inner \"><div class=\"wpb_wrapper\"><\/div><\/div><\/div><\/div><div class=\"vc_row wpb_row vc_inner vc_row-fluid\"><div class=\"wpb_column vc_column_container vc_col-sm-1 vc_col-md-3 vc_hidden-xs col-xs-mobile-fullwidth\"><div class=\"vc_column-inner \"><div class=\"wpb_wrapper\"><\/div><\/div><\/div><div class=\"wpb_column vc_column_container vc_col-sm-10 vc_col-md-6 vc_col-xs-12 text-center\"><div class=\"vc_column-inner \"><div class=\"wpb_wrapper\"><h5 class=\"text-extra-dark-gray margin-20px-bottom font-weight-600 display-inline-block heading-style2  vc_custom_1509453590278 pofo-button-responsive-69d4264febb41  heading-4\"  style=\"width: 90%; font-weight: 300;\">Animations are added with simple CSS transitions, you can make them look however you wish.<\/h5><a class=\"popup-with-zoom-anim modal-popup btn-medium btn btn-rounded btn-transparent-dark-gray  pofo-button-2\" href=\"#modal-popup-1501331399\">Open with fade-zoom animation<\/a><div id=\"modal-popup-1501331399\" class=\"zoom-anim-dialog white-popup-block mfp-hide center-col bg-white text-center modal-popup-main padding-50px-all  col-lg-3 col-md-6 col-xs-11 col-sm-7\"><h6 class=\"text-extra-large text-extra-dark-gray alt-font font-weight-600 margin-15px-bottom\">MODAL DIALOG<\/h6><p class=\"margin-four\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry&#8217;s standard dummy text ever since the 1500s.<\/p><a class=\"btn-medium btn btn-rounded btn-dark-gray popup-modal-dismiss\" href=\"#\">Dismiss<\/a><\/div><\/div><\/div><\/div><div class=\"wpb_column vc_column_container vc_col-sm-1 vc_col-md-3 vc_hidden-xs col-xs-mobile-fullwidth xs-clear-both\" data-clear-both=\"xs-clear-both\"><div class=\"vc_column-inner \"><div class=\"wpb_wrapper\"><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/section><div class=\"vc_row-full-width vc_clearfix\"><\/div><section data-vc-full-width=\"true\" data-vc-full-width-init=\"false\" class=\"vc_row wpb_row vc_row-fluid   pofo-stretch-content pofo-stretch-row-container\"><div class=\"wpb_column vc_column_container vc_col-sm-12  col-xs-mobile-fullwidth\"><div class=\"vc_column-inner \"><div class=\"wpb_wrapper\"><div class=\"vc_row wpb_row vc_inner vc_row-fluid\"><div class=\"wpb_column vc_column_container vc_col-md-2 col-xs-mobile-fullwidth\"><div class=\"vc_column-inner \"><div class=\"wpb_wrapper\"><\/div><\/div><\/div><div class=\"wpb_column vc_column_container vc_col-md-8 col-xs-mobile-fullwidth text-center md-text-center\"><div class=\"vc_column-inner \"><div class=\"wpb_wrapper\"><div class=\"position-relative overflow-hidden width-100\"><span class=\"margin-100px-bottom xs-margin-40px-bottom font-weight-600 display-inline-block alt-font text-small text-outside-line-full text-uppercase heading-style5  heading-5\" >Dialog with CSS animation<\/span><\/div><\/div><\/div><\/div><div class=\"wpb_column vc_column_container vc_col-md-2 col-xs-mobile-fullwidth\"><div class=\"vc_column-inner \"><div class=\"wpb_wrapper\"><\/div><\/div><\/div><\/div><div class=\"vc_row wpb_row vc_inner vc_row-fluid\"><div class=\"wpb_column vc_column_container vc_col-sm-1 vc_col-md-3 col-xs-mobile-fullwidth\"><div class=\"vc_column-inner \"><div class=\"wpb_wrapper\"><\/div><\/div><\/div><div class=\"wpb_column vc_column_container vc_col-sm-10 vc_col-md-6 vc_col-xs-12 text-center\"><div class=\"vc_column-inner \"><div class=\"wpb_wrapper\"><h5 class=\"text-extra-dark-gray margin-20px-bottom font-weight-600 display-inline-block heading-style2  vc_custom_1509453603357 pofo-button-responsive-69d4264febd29  heading-6\"  style=\"width: 90%; font-weight: 300;\">Animations are added with simple CSS transitions, you can make them look however you wish.<\/h5><a class=\"popup-with-move-anim modal-popup btn-medium btn btn-rounded btn-transparent-dark-gray  pofo-button-3\" href=\"#modal-popup-1501331399123\">Open with fade-zoom animation<\/a><div id=\"modal-popup-1501331399123\" class=\"zoom-anim-dialog white-popup-block mfp-hide center-col bg-white text-center modal-popup-main padding-50px-all  col-lg-3 col-md-6 col-xs-11 col-sm-7\"><h6 class=\"text-extra-large text-extra-dark-gray alt-font font-weight-600 margin-15px-bottom\">MODAL DIALOG<\/h6><p class=\"margin-four\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry&#8217;s standard dummy text ever since the 1500s.<\/p><a class=\"btn-medium btn btn-rounded btn-dark-gray popup-modal-dismiss\" href=\"#\">Dismiss<\/a><\/div><\/div><\/div><\/div><div class=\"wpb_column vc_column_container vc_col-sm-1 vc_col-md-3 col-xs-mobile-fullwidth xs-clear-both\" data-clear-both=\"xs-clear-both\"><div class=\"vc_column-inner \"><div class=\"wpb_wrapper\"><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/section><div class=\"vc_row-full-width vc_clearfix\"><\/div>\n","protected":false},"excerpt":{"rendered":"Simple Modal PopupA modal popup disables the usual ways to close popups..Open ModalMODAL DIALOGLorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.DismissDialog with CSS animationAnimations are added with simple CSS transitions, you can make them look however you wish.Open with fade-zoom animationMODAL DIALOGLorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.DismissDialog with CSS animationAnimations are added with simple CSS transitions, you can make them look however you wish.Open with fade-zoom animationMODAL DIALOGLorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.Dismiss","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"_links":{"self":[{"href":"http:\/\/sayloveyoga.com\/blog\/wp-json\/wp\/v2\/pages\/4051"}],"collection":[{"href":"http:\/\/sayloveyoga.com\/blog\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/sayloveyoga.com\/blog\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/sayloveyoga.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/sayloveyoga.com\/blog\/wp-json\/wp\/v2\/comments?post=4051"}],"version-history":[{"count":0,"href":"http:\/\/sayloveyoga.com\/blog\/wp-json\/wp\/v2\/pages\/4051\/revisions"}],"wp:attachment":[{"href":"http:\/\/sayloveyoga.com\/blog\/wp-json\/wp\/v2\/media?parent=4051"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}