{"id":170,"date":"2015-08-10T11:12:26","date_gmt":"2015-08-10T11:12:26","guid":{"rendered":"http:\/\/wpdemos.themezaa.com\/h-code\/modal-popup\/"},"modified":"2015-08-10T11:12:26","modified_gmt":"2015-08-10T11:12:26","slug":"modal-popup","status":"publish","type":"page","link":"https:\/\/www.wizblox.com\/index.php\/modal-popup\/","title":{"rendered":"Modal Popup"},"content":{"rendered":"<section  ><div class=\"container\"><div class=\"row\"><div data-front-class=\"  col-md-7 col-xs-mobile-fullwidth col-sm-10 text-center center-col front-column-class\" class=\"wpb_column hcode-column-container  col-md-7 col-xs-mobile-fullwidth col-sm-10 text-center center-col\"><div class=\"vc-column-innner-wrapper\"><h6 class=\"section-title  margin-three-bottom black-text no-padding\" >Simple Modal Popup<\/h6><\/div><\/div><div data-front-class=\"  col-lg-3 col-md-4 col-xs-mobile-fullwidth col-sm-5 text-center center-col front-column-class\" class=\"wpb_column hcode-column-container  col-lg-3 col-md-4 col-xs-mobile-fullwidth col-sm-5 text-center center-col\"><div class=\"vc-column-innner-wrapper\"><p class=\"text-med\" >A modal popup disables the usual ways to close popups.<\/p><a class=\"highlight-button btn btn-small no-margin-right modal-popup no-margin-bottom\" href=\"#modal-popup-1444107977\" target=\"_self\">Open Modal<\/a><div id=\"modal-popup-1444107977\" class=\"white-popup-block mfp-hide  col-lg-3 col-md-6 col-xs-11 col-sm-7 center-col bg-white text-center modal-popup-main\"><span class=\"slider-subtitle5 black-text no-margin-bottom\">Modal Dialog<\/span><p class=\"margin-four\"><p class=\"margin-four\">Lorem 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.<\/p><\/p><a class=\"highlight-button btn btn-very-small button popup-modal-dismiss no-margin\" href=\"#\">Dismiss<\/a><\/div><\/div><\/div><\/div><\/div><\/section><section class=\" \"  style=\" background-color:#f6f6f6; \"><div class=\"container\"><div class=\"row\"><div data-front-class=\"  col-md-7 col-xs-mobile-fullwidth col-sm-10 text-center center-col front-column-class\" class=\"wpb_column hcode-column-container  col-md-7 col-xs-mobile-fullwidth col-sm-10 text-center center-col\"><div class=\"vc-column-innner-wrapper\"><h6 class=\"section-title  margin-three-bottom black-text no-padding\" >Dialog with CSS animation<\/h6><\/div><\/div><div data-front-class=\"  col-lg-3 col-md-4 col-xs-mobile-fullwidth col-sm-5 text-center center-col front-column-class\" class=\"wpb_column hcode-column-container  col-lg-3 col-md-4 col-xs-mobile-fullwidth col-sm-5 text-center center-col\"><div class=\"vc-column-innner-wrapper\"><p class=\"text-med\" >Animations are added with simple CSS transitions, you can make them look however you wish.<\/p><a class=\"highlight-button btn btn-small no-margin-right popup-with-zoom-anim no-margin-bottom\" href=\"#modal-popup-1444107978\" target=\"_self\">Open with fade-zoom animation<\/a><div id=\"modal-popup-1444107978\" class=\"zoom-anim-dialog mfp-hide  col-lg-3 col-md-6 col-xs-11 col-sm-7 center-col bg-white text-center modal-popup-main\"><span class=\"slider-subtitle5 black-text no-margin-bottom\">Modal Dialog<\/span><p class=\"margin-four\"><p class=\"margin-four\">Lorem 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.<\/p><\/p><a class=\"highlight-button btn btn-very-small button popup-modal-dismiss no-margin\" href=\"#\">Dismiss<\/a><\/div><\/div><\/div><\/div><\/div><\/section><section  ><div class=\"container\"><div class=\"row\"><div data-front-class=\"  col-md-7 col-xs-mobile-fullwidth col-sm-10 text-center center-col front-column-class\" class=\"wpb_column hcode-column-container  col-md-7 col-xs-mobile-fullwidth col-sm-10 text-center center-col\"><div class=\"vc-column-innner-wrapper\"><h6 class=\"section-title  margin-three-bottom black-text no-padding\" >Dialog with CSS animation<\/h6><\/div><\/div><div data-front-class=\"  col-lg-3 col-md-4 col-xs-mobile-fullwidth col-sm-5 text-center center-col front-column-class\" class=\"wpb_column hcode-column-container  col-lg-3 col-md-4 col-xs-mobile-fullwidth col-sm-5 text-center center-col\"><div class=\"vc-column-innner-wrapper\"><p class=\"text-med\" >Animations are added with simple CSS transitions, you can make them look however you wish.<\/p><a class=\"highlight-button btn btn-small no-margin-right popup-with-move-anim no-margin-bottom\" href=\"#modal-popup-1444107979\" target=\"_self\">Open with fade-slide animation<\/a><div id=\"modal-popup-1444107979\" class=\"zoom-anim-dialog mfp-hide  col-lg-3 col-md-6 col-xs-11 col-sm-7 center-col bg-white text-center modal-popup-main\"><span class=\"slider-subtitle5 black-text no-margin-bottom\">Modal Dialog<\/span><p class=\"margin-four\"><p class=\"margin-four\">Lorem 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.<\/p><\/p><a class=\"highlight-button btn btn-very-small button popup-modal-dismiss no-margin\" href=\"#\">Dismiss<\/a><\/div><\/div><\/div><\/div><\/div><\/section><section   style=\"border-top: 1px solid #e5e5e5;\"><div class=\"container\"><div class=\"row\"><div data-front-class=\"  col-md-7 col-xs-mobile-fullwidth col-sm-10 text-center center-col front-column-class\" class=\"wpb_column hcode-column-container  col-md-7 col-xs-mobile-fullwidth col-sm-10 text-center center-col\"><div class=\"vc-column-innner-wrapper\"><h6 class=\"section-title  margin-three-bottom black-text no-padding\" >Ajax popup<\/h6><\/div><\/div><div data-front-class=\"  col-lg-3 col-md-4 col-xs-mobile-fullwidth col-sm-5 text-center center-col front-column-class\" class=\"wpb_column hcode-column-container  col-lg-3 col-md-4 col-xs-mobile-fullwidth col-sm-5 text-center center-col\"><div class=\"vc-column-innner-wrapper\"><p class=\"text-med\" >You have full control of what is displayed in popup, align it to any side via CSS, enable or disable scroll on right side of window - whatever.<\/p><a class=\"highlight-button btn btn-small no-margin-right simple-ajax-popup-align-top no-margin-bottom\" href=\"http:\/\/wpdemos.themezaa.com\/h-code\/portfolio\/ajax-single-project-page-1\/\" target=\"_self\">Load content via ajax<\/a><\/div><\/div><\/div><\/div><\/section>","protected":false},"excerpt":{"rendered":"<p>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&#8217;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 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"open","ping_status":"open","template":"","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"class_list":["post-170","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.wizblox.com\/index.php\/wp-json\/wp\/v2\/pages\/170","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.wizblox.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.wizblox.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.wizblox.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.wizblox.com\/index.php\/wp-json\/wp\/v2\/comments?post=170"}],"version-history":[{"count":0,"href":"https:\/\/www.wizblox.com\/index.php\/wp-json\/wp\/v2\/pages\/170\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.wizblox.com\/index.php\/wp-json\/wp\/v2\/media?parent=170"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}