{"id":773,"date":"2018-03-14T06:23:39","date_gmt":"2018-03-14T06:23:39","guid":{"rendered":"http:\/\/demo.zozothemes.com\/automotz\/?page_id=773"},"modified":"2019-05-03T12:52:37","modified_gmt":"2019-05-03T12:52:37","slug":"modal-box","status":"publish","type":"page","link":"https:\/\/demo.zozothemes.com\/automotz\/modal-box\/","title":{"rendered":"Modal Box"},"content":{"rendered":"<div class=\"wpb-content-wrapper\"><p>[vc_row][vc_column width=&#8221;1\/3&#8243;]<div class=\"section-title-wrapper shortcode-rand-1 automotz-inline-css\" data-css=\"&quot;.shortcode-rand-1 .title-separator.separator-border { background-color: ; }.shortcode-rand-1 .section-title { text-transform: none; }&quot;\"><div class=\"title-wrap\"><h3 class=\"section-title\">Button Medium <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><!-- .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 automotz-inline-css\" data-css=\"&quot;.shortcode-rand-3 .section-title { text-transform: none; }&quot;\"><div class=\"title-wrap\"><h2 class=\"section-title\">Hi this Modal box<\/h2><\/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><!-- .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 automotz-inline-css\" data-css=\"&quot;.shortcode-rand-4 .title-separator.separator-border { background-color: ; }.shortcode-rand-4 .section-title { text-transform: none; }&quot;\"><div class=\"title-wrap\"><h3 class=\"section-title\">Button Large <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><!-- .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 automotz-inline-css\" data-css=\"&quot;.shortcode-rand-6 .section-title { text-transform: none; }&quot;\"><div class=\"title-wrap\"><h2 class=\"section-title\">Hi this Modal box<\/h2><\/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><!-- .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 automotz-inline-css\" data-css=\"&quot;.shortcode-rand-7 .title-separator.separator-border { background-color: ; }.shortcode-rand-7 .section-title { text-transform: none; }&quot;\"><div class=\"title-wrap\"><h3 class=\"section-title\">Button Small <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><!-- .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 automotz-inline-css\" data-css=\"&quot;.shortcode-rand-9 .section-title { text-transform: none; }&quot;\"><div class=\"title-wrap\"><h2 class=\"section-title\">Hi this Modal box<\/h2><\/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><!-- .section-title-wrapper --><\/div><\/div><\/div><\/div><\/div><!-- .modal-popup-wrapper -->[\/vc_column][\/vc_row][vc_row css=&#8221;.vc_custom_1510549013938{padding-top: 0px !important;padding-bottom: 0px !important;}&#8221;][vc_column width=&#8221;1\/3&#8243;]<div class=\"section-title-wrapper shortcode-rand-10 automotz-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><!-- .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\/automotz\/wp-content\/uploads\/sites\/13\/2018\/03\/sample_6.jpg\" width=\"1600\" height=\"1068\" data-toggle=\"modal\" data-target=\"#shortcode-rand-11\" alt=\"\" \/><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 automotz-inline-css\" data-css=\"&quot;.shortcode-rand-12 .section-title { text-transform: none; }&quot;\"><div class=\"title-wrap\"><h2 class=\"section-title\">Hi this Modal box<\/h2><\/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><!-- .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 automotz-inline-css\" data-css=\"&quot;.shortcode-rand-13 .title-separator.separator-border { background-color: ; }.shortcode-rand-13 .section-title { text-transform: none; }&quot;\"><div class=\"title-wrap\"><h3 class=\"section-title\">Link <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><!-- .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 automotz-inline-css\" data-css=\"&quot;.shortcode-rand-15 .section-title { text-transform: none; }&quot;\"><div class=\"title-wrap\"><h2 class=\"section-title\">Hi this Modal box<\/h2><\/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><!-- .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-16 automotz-inline-css\" data-css=\"&quot;.shortcode-rand-16 .title-separator.separator-border { background-color: ; }.shortcode-rand-16 .section-title { text-transform: none; }&quot;\"><div class=\"title-wrap\"><h3 class=\"section-title\">Text <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><!-- .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\"><span class=\"fa fa-play-circle-o\"><\/span><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][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 automotz-inline-css\" data-css=\"&quot;.shortcode-rand-19 .section-title { text-transform: none; }&quot;\"><div class=\"title-wrap\"><h2 class=\"section-title\">Hi this Modal box<\/h2><\/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><!-- .section-title-wrapper --><\/div><\/div><\/div><\/div><\/div><!-- .modal-popup-wrapper -->[\/vc_column][\/vc_row]<\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>[vc_row][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 css=&#8221;.vc_custom_1510549013938{padding-top: 0px !important;padding-bottom: 0px !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;][\/vc_column][\/vc_row][vc_row][vc_column][\/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-773","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/demo.zozothemes.com\/automotz\/wp-json\/wp\/v2\/pages\/773","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/demo.zozothemes.com\/automotz\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/demo.zozothemes.com\/automotz\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/demo.zozothemes.com\/automotz\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/demo.zozothemes.com\/automotz\/wp-json\/wp\/v2\/comments?post=773"}],"version-history":[{"count":0,"href":"https:\/\/demo.zozothemes.com\/automotz\/wp-json\/wp\/v2\/pages\/773\/revisions"}],"wp:attachment":[{"href":"https:\/\/demo.zozothemes.com\/automotz\/wp-json\/wp\/v2\/media?parent=773"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}