{"id":3669,"date":"2018-11-30T04:12:12","date_gmt":"2018-11-30T04:12:12","guid":{"rendered":"http:\/\/demo.zozothemes.com\/pixzlo\/?page_id=3669"},"modified":"2022-12-31T11:50:12","modified_gmt":"2022-12-31T11:50:12","slug":"modal-popup","status":"publish","type":"page","link":"https:\/\/demo.zozothemes.com\/pixzlo\/modal-popup\/","title":{"rendered":"Modal Popup"},"content":{"rendered":"<div class=\"wpb-content-wrapper\"><p>[vc_row row_typo=&#8221;dark&#8221;][vc_column width=&#8221;1\/3&#8243;]<div class=\"section-title-wrapper shortcode-rand-1 pixelz-inline-css\" data-css=\"&quot;.shortcode-rand-1 .background-title { font-family:Abril Fatface;font-weight:400;font-style:normal }.shortcode-rand-1 .title-separator.separator-border { background-color: ; }.shortcode-rand-1 .section-title { text-transform: none; }&quot;\"><div class=\"title-wrap\"><h4 class=\"section-title\">Button Medium <span class=\"title-suffix theme-color\">Popup<\/span><\/h4><span class=\"title-separator separator-border theme-color-bg\"><\/span><\/div><!-- .title-wrap --><div class=\"section-description\"><\/div><!-- .section-description --><div class=\"button-section\"><\/div><!-- .button-section --><\/div><!-- .section-title-wrapper --><div class=\"modal-popup-wrapper\" data-css=\"&quot;&quot;\"><button type=\"button\" class=\"btn btn-default modal-box-trigger\" data-toggle=\"modal\" data-target=\"#shortcode-rand-2\">Click me<\/button><div class=\"modal fade\" id=\"shortcode-rand-2\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"shortcode-rand-2\" aria-hidden=\"true\"><div class=\"modal-dialog modal-md\" role=\"document\"><div class=\"modal-content\"><div class=\"modal-header\"><h5 class=\"modal-title\">Modal Box<\/h5><span class=\"modal-close icon-close\" data-dismiss=\"modal\"><\/span><\/div><div class=\"modal-body\"><div class=\"section-title-wrapper shortcode-rand-3 pixelz-inline-css\" data-css=\"&quot;.shortcode-rand-3 .background-title { font-family:Abril Fatface;font-weight:400;font-style:normal }.shortcode-rand-3 .section-title { text-transform: none; }&quot;\"><div class=\"title-wrap\"><h4 class=\"section-title\">Hi this Modal box<\/h4><\/div><!-- .title-wrap --><div class=\"section-description\">orem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry\u2019s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.<\/div><!-- .section-description --><div class=\"button-section\"><\/div><!-- .button-section --><\/div><!-- .section-title-wrapper --><\/div><\/div><\/div><\/div><\/div><!-- .modal-popup-wrapper -->[\/vc_column][vc_column width=&#8221;1\/3&#8243;]<div class=\"section-title-wrapper shortcode-rand-4 pixelz-inline-css\" data-css=\"&quot;.shortcode-rand-4 .background-title { font-family:Abril Fatface;font-weight:400;font-style:normal }.shortcode-rand-4 .title-separator.separator-border { background-color: ; }.shortcode-rand-4 .section-title { text-transform: none; }&quot;\"><div class=\"title-wrap\"><h4 class=\"section-title\">Button Large <span class=\"title-suffix theme-color\">Popup<\/span><\/h4><span class=\"title-separator separator-border theme-color-bg\"><\/span><\/div><!-- .title-wrap --><div class=\"section-description\"><\/div><!-- .section-description --><div class=\"button-section\"><\/div><!-- .button-section --><\/div><!-- .section-title-wrapper --><div class=\"modal-popup-wrapper\" data-css=\"&quot;&quot;\"><button type=\"button\" class=\"btn btn-default modal-box-trigger\" data-toggle=\"modal\" data-target=\"#shortcode-rand-5\">Click me<\/button><div class=\"modal fade\" id=\"shortcode-rand-5\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"shortcode-rand-5\" aria-hidden=\"true\"><div class=\"modal-dialog modal-lg\" role=\"document\"><div class=\"modal-content\"><div class=\"modal-header\"><h5 class=\"modal-title\">Modal Box<\/h5><span class=\"modal-close icon-close\" data-dismiss=\"modal\"><\/span><\/div><div class=\"modal-body\"><div class=\"section-title-wrapper shortcode-rand-6 pixelz-inline-css\" data-css=\"&quot;.shortcode-rand-6 .background-title { font-family:Abril Fatface;font-weight:400;font-style:normal }.shortcode-rand-6 .section-title { text-transform: none; }&quot;\"><div class=\"title-wrap\"><h4 class=\"section-title\">Hi this Modal box<\/h4><\/div><!-- .title-wrap --><div class=\"section-description\">orem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry\u2019s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.<\/div><!-- .section-description --><div class=\"button-section\"><\/div><!-- .button-section --><\/div><!-- .section-title-wrapper --><\/div><\/div><\/div><\/div><\/div><!-- .modal-popup-wrapper -->[\/vc_column][vc_column width=&#8221;1\/3&#8243;]<div class=\"section-title-wrapper shortcode-rand-7 pixelz-inline-css\" data-css=\"&quot;.shortcode-rand-7 .background-title { font-family:Abril Fatface;font-weight:400;font-style:normal }.shortcode-rand-7 .title-separator.separator-border { background-color: ; }.shortcode-rand-7 .section-title { text-transform: none; }&quot;\"><div class=\"title-wrap\"><h4 class=\"section-title\">Button Small <span class=\"title-suffix theme-color\">Popup<\/span><\/h4><span class=\"title-separator separator-border theme-color-bg\"><\/span><\/div><!-- .title-wrap --><div class=\"section-description\"><\/div><!-- .section-description --><div class=\"button-section\"><\/div><!-- .button-section --><\/div><!-- .section-title-wrapper --><div class=\"modal-popup-wrapper\" data-css=\"&quot;&quot;\"><button type=\"button\" class=\"btn btn-default modal-box-trigger\" data-toggle=\"modal\" data-target=\"#shortcode-rand-8\">Click me<\/button><div class=\"modal fade\" id=\"shortcode-rand-8\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"shortcode-rand-8\" aria-hidden=\"true\"><div class=\"modal-dialog modal-sm\" role=\"document\"><div class=\"modal-content\"><div class=\"modal-header\"><h5 class=\"modal-title\">Modal Box<\/h5><span class=\"modal-close icon-close\" data-dismiss=\"modal\"><\/span><\/div><div class=\"modal-body\"><div class=\"section-title-wrapper shortcode-rand-9 pixelz-inline-css\" data-css=\"&quot;.shortcode-rand-9 .background-title { font-family:Abril Fatface;font-weight:400;font-style:normal }.shortcode-rand-9 .section-title { text-transform: none; }&quot;\"><div class=\"title-wrap\"><h4 class=\"section-title\">Hi this Modal box<\/h4><\/div><!-- .title-wrap --><div class=\"section-description\">orem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry\u2019s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.<\/div><!-- .section-description --><div class=\"button-section\"><\/div><!-- .button-section --><\/div><!-- .section-title-wrapper --><\/div><\/div><\/div><\/div><\/div><!-- .modal-popup-wrapper -->[\/vc_column][\/vc_row][vc_row full_width=&#8221;stretch_row&#8221; row_typo=&#8221;dark&#8221; css=&#8221;.vc_custom_1543551598493{padding-top: 50px !important;padding-bottom: 50px !important;}&#8221;][vc_column width=&#8221;1\/3&#8243;]<div class=\"section-title-wrapper shortcode-rand-10 pixelz-inline-css\" data-css=\"&quot;.shortcode-rand-10 .title-separator.separator-border { background-color: ; }.shortcode-rand-10 .section-title { text-transform: none; }&quot;\"><div class=\"title-wrap\"><h3 class=\"section-title\">Image <span class=\"title-suffix theme-color\">Popup<\/span><\/h3><span class=\"title-separator separator-border theme-color-bg\"><\/span><\/div><!-- .title-wrap --><div class=\"section-description\"><\/div><!-- .section-description --><div class=\"button-section\"><\/div><!-- .button-section --><\/div><!-- .section-title-wrapper --><div class=\"modal-popup-wrapper text-left\" data-css=\"&quot;&quot;\"><img loading=\"lazy\" decoding=\"async\" class=\"img-fluid modal-box-trigger-img\" src=\"https:\/\/demo.zozothemes.com\/pixzlo\/wp-content\/uploads\/sites\/24\/2018\/10\/banner-image.png\" width=\"678\" height=\"589\" data-toggle=\"modal\" data-target=\"#shortcode-rand-11\" alt=\"Creative professionals theme banner with modern design\" \/><div class=\"modal fade\" id=\"shortcode-rand-11\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"shortcode-rand-11\" aria-hidden=\"true\"><div class=\"modal-dialog modal-lg\" role=\"document\"><div class=\"modal-content\"><div class=\"modal-header\"><h5 class=\"modal-title\">Modal Box<\/h5><span class=\"modal-close icon-close\" data-dismiss=\"modal\"><\/span><\/div><div class=\"modal-body\"><div class=\"section-title-wrapper shortcode-rand-12 pixelz-inline-css\" data-css=\"&quot;.shortcode-rand-12 .background-title { font-family:Abril Fatface;font-weight:400;font-style:normal }.shortcode-rand-12 .section-title { text-transform: none; }&quot;\"><div class=\"title-wrap\"><h4 class=\"section-title\">Hi this Modal box<\/h4><\/div><!-- .title-wrap --><div class=\"section-description\">orem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry\u2019s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.<\/div><!-- .section-description --><div class=\"button-section\"><\/div><!-- .button-section --><\/div><!-- .section-title-wrapper --><\/div><\/div><\/div><\/div><\/div><!-- .modal-popup-wrapper -->[\/vc_column][vc_column width=&#8221;1\/3&#8243;]<div class=\"section-title-wrapper shortcode-rand-13 pixelz-inline-css\" data-css=\"&quot;.shortcode-rand-13 .background-title { font-family:Abril Fatface;font-weight:400;font-style:normal }.shortcode-rand-13 .title-separator.separator-border { background-color: ; }.shortcode-rand-13 .section-title { text-transform: none; }&quot;\"><div class=\"title-wrap\"><h4 class=\"section-title\">Link <span class=\"title-suffix theme-color\">Popup<\/span><\/h4><span class=\"title-separator separator-border theme-color-bg\"><\/span><\/div><!-- .title-wrap --><div class=\"section-description\"><\/div><!-- .section-description --><div class=\"button-section\"><\/div><!-- .button-section --><\/div><!-- .section-title-wrapper --><div class=\"modal-popup-wrapper\" data-css=\"&quot;&quot;\"><a href=\"#\" class=\"modal-box-trigger\" data-toggle=\"modal\" data-target=\"#shortcode-rand-14\">Click now<\/a><div class=\"modal fade\" id=\"shortcode-rand-14\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"shortcode-rand-14\" aria-hidden=\"true\"><div class=\"modal-dialog modal-md\" role=\"document\"><div class=\"modal-content\"><div class=\"modal-header\"><h5 class=\"modal-title\">Modal Box<\/h5><span class=\"modal-close icon-close\" data-dismiss=\"modal\"><\/span><\/div><div class=\"modal-body\"><div class=\"section-title-wrapper shortcode-rand-15 pixelz-inline-css\" data-css=\"&quot;.shortcode-rand-15 .background-title { font-family:Abril Fatface;font-weight:400;font-style:normal }.shortcode-rand-15 .section-title { text-transform: none; }&quot;\"><div class=\"title-wrap\"><h4 class=\"section-title\">Hi this Modal box<\/h4><\/div><!-- .title-wrap --><div class=\"section-description\">orem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry\u2019s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.<\/div><!-- .section-description --><div class=\"button-section\"><\/div><!-- .button-section --><\/div><!-- .section-title-wrapper --><\/div><\/div><\/div><\/div><\/div><!-- .modal-popup-wrapper -->[\/vc_column][vc_column width=&#8221;1\/3&#8243; el_class=&#8221;pl-lg-4&#8243; css=&#8221;.vc_custom_1627651121956{padding-top: 150px !important;padding-bottom: 150px !important;background-image: url(https:\/\/demo.zozothemes.com\/pixzlo\/wp-content\/uploads\/sites\/24\/2021\/07\/bg-vid1.jpg?id=4291) !important;background-position: center !important;background-repeat: no-repeat !important;background-size: cover !important;}&#8221;]<div class=\"section-title-wrapper text-center shortcode-rand-16 pixelz-inline-css\" data-css=\"&quot;.shortcode-rand-16 .background-title { font-family:Abril Fatface;font-weight:400;font-style:normal }.shortcode-rand-16 .title-separator.separator-border { background-color: ; }.shortcode-rand-16 .section-title { color: #ffffff; text-transform: none; }&quot;\"><div class=\"title-wrap\"><h4 class=\"section-title\">Text <span class=\"title-suffix theme-color\">Popup<\/span><\/h4><span class=\"title-separator separator-border theme-color-bg\"><\/span><\/div><!-- .title-wrap --><div class=\"section-description\"><\/div><!-- .section-description --><div class=\"button-section\"><\/div><!-- .button-section --><\/div><!-- .section-title-wrapper --><div class=\"modal-popup-wrapper\" data-css=\"&quot;&quot;\"><div class=\"modal-trigger-icon modal-box-trigger-img\" data-toggle=\"modal\" data-target=\"#shortcode-rand-17\"><div class=\"icon-wrap\"><span class=\"fa fa-play\"><\/span><\/div><\/div><div class=\"modal fade\" id=\"shortcode-rand-17\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"shortcode-rand-17\" aria-hidden=\"true\"><div class=\"modal-dialog modal-lg\" role=\"document\"><div class=\"modal-content\"><div class=\"modal-header\"><h5 class=\"modal-title\">Modal Box<\/h5><span class=\"modal-close icon-close\" data-dismiss=\"modal\"><\/span><\/div><div class=\"modal-body\">[vc_video]<\/div><\/div><\/div><\/div><\/div><!-- .modal-popup-wrapper -->[\/vc_column][\/vc_row][vc_row row_typo=&#8221;dark&#8221; css=&#8221;.vc_custom_1543574204009{padding-top: 0px !important;padding-bottom: 100px !important;}&#8221;][vc_column]<div class=\"modal-popup-wrapper page-load-modal\" data-css=\"&quot;&quot;\"><div class=\"modal fade\" id=\"shortcode-rand-18\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"shortcode-rand-18\" aria-hidden=\"true\"><div class=\"modal-dialog modal-md\" role=\"document\"><div class=\"modal-content\"><div class=\"modal-header\"><h5 class=\"modal-title\">Modal Box<\/h5><span class=\"modal-close icon-close\" data-dismiss=\"modal\"><\/span><\/div><div class=\"modal-body\"><div class=\"section-title-wrapper shortcode-rand-19 pixelz-inline-css\" data-css=\"&quot;.shortcode-rand-19 .background-title { font-family:Abril Fatface;font-weight:400;font-style:normal }.shortcode-rand-19 .section-title { text-transform: none; }&quot;\"><div class=\"title-wrap\"><h4 class=\"section-title\">Hi this Modal box<\/h4><\/div><!-- .title-wrap --><div class=\"section-description\">orem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry\u2019s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.<\/div><!-- .section-description --><div class=\"button-section\"><\/div><!-- .button-section --><\/div><!-- .section-title-wrapper --><\/div><\/div><\/div><\/div><\/div><!-- .modal-popup-wrapper -->[\/vc_column][\/vc_row][vc_row full_width=&#8221;stretch_row&#8221; content_placement=&#8221;middle&#8221; row_typo=&#8221;dark&#8221; css=&#8221;.vc_custom_1543467950849{padding-top: 35px !important;padding-bottom: 40px !important;background-color: #eb2f5b !important;}&#8221; el_class=&#8221;additional-call-to-action&#8221;][vc_column][vc_row_inner content_placement=&#8221;middle&#8221;][vc_column_inner offset=&#8221;vc_col-lg-9 vc_col-md-12&#8243;]<div class=\"feature-box-wrapper feature-box-style-1 vc_custom_1543469262215 shortcode-rand-20 pixelz-inline-css feature-list-1\" data-css=\"&quot;.shortcode-rand-20.feature-box-wrapper .section-title { color: #ffffff; }.shortcode-rand-20.feature-box-wrapper { color: #ffffff; }.shortcode-rand-20.feature-box-wrapper {background: -moz-linear-gradient(141deg,  0%,  51%,  75%);\\r\\n\\t\\t\\t\\tbackground: -webkit-linear-gradient(141deg,  0%,  51%,  75%);\\r\\n\\t\\t\\t\\tbackground: linear-gradient(141deg,  0%,  51%,  75%);}.shortcode-rand-20 .feature-box-icon { font-size: 30px; }.shortcode-rand-20 .feature-box-icon { height: 60px; width: 60px; }.shortcode-rand-20 .feature-box-icon &gt; span { line-height: 2; }.shortcode-rand-20 .feature-box-icon { border-style: solid; border-color: #ffffff; }.shortcode-rand-20 .feature-box-icon { border-width: 1px; }&quot;\" ><div class=\"fbox-list\"><div class=\"media\"><div class=\"feature-box-icon mr-3 text-center rounded-circle none\"><span class=\"fa fa-phone\"><\/span><\/div><!-- .feature-box-icon --><div class=\"media-body\"><div class=\"feature-box-title\"><h4 class=\"section-title\">Do You Still Have A Question Regarding Our Services?<\/h4><\/div><!-- .feature-box-title --><div class=\"feature-box-content\">There are many variations of passages of Lorem Ipsum available.<\/div><!-- .feature-box-content --><\/div><\/div><\/div><\/div><!-- .feature-box-wrapper -->[\/vc_column_inner][vc_column_inner css=&#8221;.vc_custom_1507708598258{padding-top: 6px !important;}&#8221; offset=&#8221;vc_col-lg-3 vc_col-md-12&#8243;]<div class=\"btn-wrap d-flex justify-content-start vc_custom_1672487410204\"><a href=\"https:\/\/demo.zozothemes.com\/pixzlo\/contact\/\" class=\"btn  pixelz-btn btn-default btn-rounded-circle rounded-circle shortcode-rand-21 pixelz-inline-css\" data-css=\"&quot;.btn.shortcode-rand-21 { color: #ffffff; }.btn.shortcode-rand-21:hover { color: #000000; }.btn.shortcode-rand-21 { background-color: #000000; }.btn.shortcode-rand-21:hover { background-color: #ffffff; }&quot;\">Contact Us<\/a><\/div>[\/vc_column_inner][\/vc_row_inner][\/vc_column][\/vc_row]<\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>[vc_row row_typo=&#8221;dark&#8221;][vc_column width=&#8221;1\/3&#8243;][\/vc_column][vc_column width=&#8221;1\/3&#8243;][\/vc_column][vc_column width=&#8221;1\/3&#8243;][\/vc_column][\/vc_row][vc_row full_width=&#8221;stretch_row&#8221; row_typo=&#8221;dark&#8221; css=&#8221;.vc_custom_1543551598493{padding-top: 50px !important;padding-bottom: 50px !important;}&#8221;][vc_column width=&#8221;1\/3&#8243;][\/vc_column][vc_column width=&#8221;1\/3&#8243;][\/vc_column][vc_column width=&#8221;1\/3&#8243; el_class=&#8221;pl-lg-4&#8243; css=&#8221;.vc_custom_1627651121956{padding-top: 150px !important;padding-bottom: 150px !important;background-image: url(https:\/\/demo.zozothemes.com\/pixzlo\/wp-content\/uploads\/sites\/24\/2021\/07\/bg-vid1.jpg?id=4291) !important;background-position: center !important;background-repeat: no-repeat !important;background-size: cover !important;}&#8221;][\/vc_column][\/vc_row][vc_row row_typo=&#8221;dark&#8221; css=&#8221;.vc_custom_1543574204009{padding-top: 0px !important;padding-bottom: 100px !important;}&#8221;][vc_column][\/vc_column][\/vc_row][vc_row full_width=&#8221;stretch_row&#8221; content_placement=&#8221;middle&#8221; row_typo=&#8221;dark&#8221; css=&#8221;.vc_custom_1543467950849{padding-top: 35px !important;padding-bottom: 40px !important;background-color: #eb2f5b !important;}&#8221; el_class=&#8221;additional-call-to-action&#8221;][vc_column][vc_row_inner content_placement=&#8221;middle&#8221;][vc_column_inner offset=&#8221;vc_col-lg-9 vc_col-md-12&#8243;][\/vc_column_inner][vc_column_inner css=&#8221;.vc_custom_1507708598258{padding-top: 6px !important;}&#8221; offset=&#8221;vc_col-lg-3 vc_col-md-12&#8243;][\/vc_column_inner][\/vc_row_inner][\/vc_column][\/vc_row]<\/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-3669","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/demo.zozothemes.com\/pixzlo\/wp-json\/wp\/v2\/pages\/3669","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/demo.zozothemes.com\/pixzlo\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/demo.zozothemes.com\/pixzlo\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/demo.zozothemes.com\/pixzlo\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/demo.zozothemes.com\/pixzlo\/wp-json\/wp\/v2\/comments?post=3669"}],"version-history":[{"count":0,"href":"https:\/\/demo.zozothemes.com\/pixzlo\/wp-json\/wp\/v2\/pages\/3669\/revisions"}],"wp:attachment":[{"href":"https:\/\/demo.zozothemes.com\/pixzlo\/wp-json\/wp\/v2\/media?parent=3669"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}