{"id":4568,"date":"2015-08-12T04:31:52","date_gmt":"2015-08-12T04:31:52","guid":{"rendered":"http:\/\/zozothemes.com\/wp\/mist\/?page_id=4568"},"modified":"2015-08-12T04:31:52","modified_gmt":"2015-08-12T04:31:52","slug":"modals","status":"publish","type":"page","link":"https:\/\/themes.zozothemes.com\/mist\/shortcodes\/modals\/","title":{"rendered":"Modals"},"content":{"rendered":"<div class=\"wpb-content-wrapper\"><p>[vc_row center_row=&#8221;yes&#8221;][vc_column width=&#8221;1\/3&#8243;]<div class=\"zozo-parallax-header\"><div class=\"parallax-header\"><h5 class=\"parallax-title text-left\">Modal Default<\/h5><div class=\"parallax-desc default-style text-left\"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit quisque rutrum sapien vel orci blandit, ut adipiscing sem iaculis. Vestibulum nec feugiat urna. Integer sodales ante a sagittis semper. Phasellus nibh eros, facilisis a velit non, pellentesque malesuada massa.<\/p>\n<\/div><\/div><\/div>[vc_column_text]<script type=\"text\/javascript\">\r\n\tjQuery(document).ready(function($) {\r\n\tfunction centerModal() {\r\n\t\t$(this).css(\"display\", \"block\");\r\n\t\tvar dialog = $(this).find(\".modal-dialog\");\r\n\t\tvar windowHeight = $(window).height();\r\n\t\tvar dialogHeight = dialog.height();\r\n\t\tif( dialogHeight < windowHeight ) {\r\n\t\t\tvar offset = (windowHeight - dialogHeight) \/ 2;\t\t\r\n\t\t\tdialog.css(\"margin-top\", offset);\r\n\t\t}\t\t\r\n\t}\r\n\t$(\".zozo-modal-1\").on(\"show.bs.modal\", centerModal);\r\n     $(window).on(\"resize\", function () {\r\n    \t$(\".zozo-modal-1:visible\").each(centerModal);\r\n\t });\r\n\t});\r\n\t<\/script><div id=\"zozo-modal-1\" class=\"zozo-modal zozo-modal-1 modal fade\" tabindex=\"-1\" role=\"dialog\" aria-hidden=\"true\"><div class=\"modal-dialog\"><div class=\"modal-content\"><div class=\"modal-header\"><button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-hidden=\"true\">&times;<\/button><h4 class=\"modal-title\">Modal Heading<\/h1><\/div><div class=\"modal-body\">Vestibulum nec feugiat urna. Integer sodales ante a sagittis semper. Phasellus nibh eros, facilisis a velit non, pellentesque malesuada massa. Sed vulputate laoreet magna, ut tempor dui. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque rutrum sapien vel orci blandit, ut adipiscing sem iaculis.<\/div><\/div><\/div><\/div><button class=\"zozo-modal-button-1 btn \" data-toggle=\"modal\" data-target=\"#zozo-modal-1\">Launch Modal<\/button>[\/vc_column_text][\/vc_column][vc_column width=&#8221;1\/3&#8243;]<div class=\"zozo-parallax-header\"><div class=\"parallax-header\"><h5 class=\"parallax-title text-left\">Modal Small<\/h5><div class=\"parallax-desc default-style text-left\"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit quisque rutrum sapien vel orci blandit, ut adipiscing sem iaculis. Vestibulum nec feugiat urna. Integer sodales ante a sagittis semper. Phasellus nibh eros, facilisis a velit non, pellentesque malesuada massa.<\/p>\n<\/div><\/div><\/div>[vc_column_text]<script type=\"text\/javascript\">\r\n\tjQuery(document).ready(function($) {\r\n\tfunction centerModal() {\r\n\t\t$(this).css(\"display\", \"block\");\r\n\t\tvar dialog = $(this).find(\".modal-dialog\");\r\n\t\tvar windowHeight = $(window).height();\r\n\t\tvar dialogHeight = dialog.height();\r\n\t\tif( dialogHeight < windowHeight ) {\r\n\t\t\tvar offset = (windowHeight - dialogHeight) \/ 2;\t\t\r\n\t\t\tdialog.css(\"margin-top\", offset);\r\n\t\t}\t\t\r\n\t}\r\n\t$(\".zozo-modal-2\").on(\"show.bs.modal\", centerModal);\r\n     $(window).on(\"resize\", function () {\r\n    \t$(\".zozo-modal-2:visible\").each(centerModal);\r\n\t });\r\n\t});\r\n\t<\/script><div id=\"zozo-modal-2\" class=\"zozo-modal zozo-modal-2 modal fade\" tabindex=\"-1\" role=\"dialog\" aria-hidden=\"true\"><div class=\"modal-dialog modal-sm\"><div class=\"modal-content\"><div class=\"modal-header\"><button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-hidden=\"true\">&times;<\/button><h4 class=\"modal-title\">Modal Heading<\/h1><\/div><div class=\"modal-body\">Vestibulum nec feugiat urna. Integer sodales ante a sagittis semper. Phasellus nibh eros, facilisis a velit non, pellentesque malesuada massa. Sed vulputate laoreet magna, ut tempor dui. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque rutrum sapien vel orci blandit, ut adipiscing sem iaculis.<\/div><\/div><\/div><\/div><button class=\"zozo-modal-button-2 btn \" data-toggle=\"modal\" data-target=\"#zozo-modal-2\">Launch Modal<\/button>[\/vc_column_text][\/vc_column][vc_column width=&#8221;1\/3&#8243;]<div class=\"zozo-parallax-header\"><div class=\"parallax-header\"><h5 class=\"parallax-title text-left\">Modal Large<\/h5><div class=\"parallax-desc default-style text-left\"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit quisque rutrum sapien vel orci blandit, ut adipiscing sem iaculis. Vestibulum nec feugiat urna. Integer sodales ante a sagittis semper. Phasellus nibh eros, facilisis a velit non, pellentesque malesuada massa.<\/p>\n<\/div><\/div><\/div>[vc_column_text]<script type=\"text\/javascript\">\r\n\tjQuery(document).ready(function($) {\r\n\tfunction centerModal() {\r\n\t\t$(this).css(\"display\", \"block\");\r\n\t\tvar dialog = $(this).find(\".modal-dialog\");\r\n\t\tvar windowHeight = $(window).height();\r\n\t\tvar dialogHeight = dialog.height();\r\n\t\tif( dialogHeight < windowHeight ) {\r\n\t\t\tvar offset = (windowHeight - dialogHeight) \/ 2;\t\t\r\n\t\t\tdialog.css(\"margin-top\", offset);\r\n\t\t}\t\t\r\n\t}\r\n\t$(\".zozo-modal-3\").on(\"show.bs.modal\", centerModal);\r\n     $(window).on(\"resize\", function () {\r\n    \t$(\".zozo-modal-3:visible\").each(centerModal);\r\n\t });\r\n\t});\r\n\t<\/script><div id=\"zozo-modal-3\" class=\"zozo-modal zozo-modal-3 modal fade\" tabindex=\"-1\" role=\"dialog\" aria-hidden=\"true\"><div class=\"modal-dialog modal-lg\"><div class=\"modal-content\"><div class=\"modal-header\"><button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-hidden=\"true\">&times;<\/button><h4 class=\"modal-title\">Modal Heading<\/h1><\/div><div class=\"modal-body\">Vestibulum nec feugiat urna. Integer sodales ante a sagittis semper. Phasellus nibh eros, facilisis a velit non, pellentesque malesuada massa. Sed vulputate laoreet magna, ut tempor dui. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque rutrum sapien vel orci blandit, ut adipiscing sem iaculis.<\/div><\/div><\/div><\/div><button class=\"zozo-modal-button-3 btn \" data-toggle=\"modal\" data-target=\"#zozo-modal-3\">Launch Modal<\/button>[\/vc_column_text][\/vc_column][\/vc_row][vc_row center_row=&#8221;yes&#8221; bg_type=&#8221;image&#8221; parallax_style=&#8221;vcpb-vz-jquery&#8221; bg_image_new=&#8221;9522|http:\/\/zozothemes.com\/wp\/mist\/wp-content\/uploads\/2015\/09\/corporate5.jpg&#8221; enable_overlay=&#8221;enable_overlay_value&#8221; overlay_color=&#8221;rgba(0,0,0,0.5)&#8221; overlay_pattern=&#8221;transperant&#8221;][vc_column width=&#8221;1\/3&#8243;][vc_single_image image=&#8221;1593&#8243; img_size=&#8221;370&#215;225&#8243; style=&#8221;vc_box_border&#8221;][vc_column_text]<script type=\"text\/javascript\">\r\n\tjQuery(document).ready(function($) {\r\n\tfunction centerModal() {\r\n\t\t$(this).css(\"display\", \"block\");\r\n\t\tvar dialog = $(this).find(\".modal-dialog\");\r\n\t\tvar windowHeight = $(window).height();\r\n\t\tvar dialogHeight = dialog.height();\r\n\t\tif( dialogHeight < windowHeight ) {\r\n\t\t\tvar offset = (windowHeight - dialogHeight) \/ 2;\t\t\r\n\t\t\tdialog.css(\"margin-top\", offset);\r\n\t\t}\t\t\r\n\t}\r\n\t$(\".zozo-modal-4\").on(\"show.bs.modal\", centerModal);\r\n     $(window).on(\"resize\", function () {\r\n    \t$(\".zozo-modal-4:visible\").each(centerModal);\r\n\t });\r\n\t});\r\n\t<\/script><div id=\"zozo-modal-4\" class=\"zozo-modal zozo-modal-4 modal fade\" tabindex=\"-1\" role=\"dialog\" aria-hidden=\"true\"><div class=\"modal-dialog\"><div class=\"modal-content\"><div class=\"modal-header\"><button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-hidden=\"true\">&times;<\/button><h4 class=\"modal-title\">Modal Default<\/h1><\/div><div class=\"modal-body\">Vestibulum nec feugiat urna. Integer sodales ante a sagittis semper. Phasellus nibh eros, facilisis a velit non, pellentesque malesuada massa. Sed vulputate laoreet magna, ut tempor dui. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque rutrum sapien vel orci blandit, ut adipiscing sem iaculis.<\/div><\/div><\/div><\/div><button class=\"zozo-modal-button-4 btn \" data-toggle=\"modal\" data-target=\"#zozo-modal-4\"><i class=\"fa fa-fa fa-location-arrow\"><\/i> Launch Modal<\/button>[\/vc_column_text][\/vc_column][vc_column width=&#8221;1\/3&#8243;][vc_single_image image=&#8221;555&#8243; img_size=&#8221;370&#215;225&#8243; style=&#8221;vc_box_border&#8221;][vc_column_text]<script type=\"text\/javascript\">\r\n\tjQuery(document).ready(function($) {\r\n\tfunction centerModal() {\r\n\t\t$(this).css(\"display\", \"block\");\r\n\t\tvar dialog = $(this).find(\".modal-dialog\");\r\n\t\tvar windowHeight = $(window).height();\r\n\t\tvar dialogHeight = dialog.height();\r\n\t\tif( dialogHeight < windowHeight ) {\r\n\t\t\tvar offset = (windowHeight - dialogHeight) \/ 2;\t\t\r\n\t\t\tdialog.css(\"margin-top\", offset);\r\n\t\t}\t\t\r\n\t}\r\n\t$(\".zozo-modal-5\").on(\"show.bs.modal\", centerModal);\r\n     $(window).on(\"resize\", function () {\r\n    \t$(\".zozo-modal-5:visible\").each(centerModal);\r\n\t });\r\n\t});\r\n\t<\/script><div id=\"zozo-modal-5\" class=\"zozo-modal zozo-modal-5 modal fade\" tabindex=\"-1\" role=\"dialog\" aria-hidden=\"true\"><div class=\"modal-dialog modal-sm\"><div class=\"modal-content\"><div class=\"modal-header\"><button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-hidden=\"true\">&times;<\/button><h4 class=\"modal-title\">Modal Small<\/h1><\/div><div class=\"modal-body\">Vestibulum nec feugiat urna. Integer sodales ante a sagittis semper. Phasellus nibh eros, facilisis a velit non, pellentesque malesuada massa. Sed vulputate laoreet magna, ut tempor dui. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque rutrum sapien vel orci blandit, ut adipiscing sem iaculis.<\/div><\/div><\/div><\/div><button class=\"zozo-modal-button-5 btn \" data-toggle=\"modal\" data-target=\"#zozo-modal-5\"><i class=\"fa fa-fa fa-location-arrow\"><\/i> Launch Modal<\/button>[\/vc_column_text][\/vc_column][vc_column width=&#8221;1\/3&#8243;][vc_single_image image=&#8221;545&#8243; img_size=&#8221;370&#215;225&#8243; style=&#8221;vc_box_border&#8221;][vc_column_text]<script type=\"text\/javascript\">\r\n\tjQuery(document).ready(function($) {\r\n\tfunction centerModal() {\r\n\t\t$(this).css(\"display\", \"block\");\r\n\t\tvar dialog = $(this).find(\".modal-dialog\");\r\n\t\tvar windowHeight = $(window).height();\r\n\t\tvar dialogHeight = dialog.height();\r\n\t\tif( dialogHeight < windowHeight ) {\r\n\t\t\tvar offset = (windowHeight - dialogHeight) \/ 2;\t\t\r\n\t\t\tdialog.css(\"margin-top\", offset);\r\n\t\t}\t\t\r\n\t}\r\n\t$(\".zozo-modal-6\").on(\"show.bs.modal\", centerModal);\r\n     $(window).on(\"resize\", function () {\r\n    \t$(\".zozo-modal-6:visible\").each(centerModal);\r\n\t });\r\n\t});\r\n\t<\/script><div id=\"zozo-modal-6\" class=\"zozo-modal zozo-modal-6 modal fade\" tabindex=\"-1\" role=\"dialog\" aria-hidden=\"true\"><div class=\"modal-dialog modal-lg\"><div class=\"modal-content\"><div class=\"modal-header\"><button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-hidden=\"true\">&times;<\/button><h4 class=\"modal-title\">Modal Large<\/h1><\/div><div class=\"modal-body\">Vestibulum nec feugiat urna. Integer sodales ante a sagittis semper. Phasellus nibh eros, facilisis a velit non, pellentesque malesuada massa. Sed vulputate laoreet magna, ut tempor dui. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque rutrum sapien vel orci blandit, ut adipiscing sem iaculis.<\/div><\/div><\/div><\/div><button class=\"zozo-modal-button-6 btn \" data-toggle=\"modal\" data-target=\"#zozo-modal-6\"><i class=\"fa fa-fa fa-location-arrow\"><\/i> Launch Modal<\/button>[\/vc_column_text][\/vc_column][\/vc_row]<\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>[vc_row center_row=&#8221;yes&#8221;][vc_column width=&#8221;1\/3&#8243;][vc_column_text][\/vc_column_text][\/vc_column][vc_column width=&#8221;1\/3&#8243;][vc_column_text][\/vc_column_text][\/vc_column][vc_column width=&#8221;1\/3&#8243;][vc_column_text][\/vc_column_text][\/vc_column][\/vc_row][vc_row center_row=&#8221;yes&#8221; bg_type=&#8221;image&#8221; parallax_style=&#8221;vcpb-vz-jquery&#8221; bg_image_new=&#8221;9522|http:\/\/zozothemes.com\/wp\/mist\/wp-content\/uploads\/2015\/09\/corporate5.jpg&#8221; enable_overlay=&#8221;enable_overlay_value&#8221; overlay_color=&#8221;rgba(0,0,0,0.5)&#8221; overlay_pattern=&#8221;transperant&#8221;][vc_column width=&#8221;1\/3&#8243;][vc_single_image image=&#8221;1593&#8243; img_size=&#8221;370&#215;225&#8243; style=&#8221;vc_box_border&#8221;][vc_column_text][\/vc_column_text][\/vc_column][vc_column width=&#8221;1\/3&#8243;][vc_single_image image=&#8221;555&#8243; img_size=&#8221;370&#215;225&#8243; style=&#8221;vc_box_border&#8221;][vc_column_text][\/vc_column_text][\/vc_column][vc_column width=&#8221;1\/3&#8243;][vc_single_image image=&#8221;545&#8243; img_size=&#8221;370&#215;225&#8243; style=&#8221;vc_box_border&#8221;][vc_column_text][\/vc_column_text][\/vc_column][\/vc_row]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":1608,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"template-fullwidth.php","meta":{"footnotes":""},"class_list":["post-4568","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/themes.zozothemes.com\/mist\/wp-json\/wp\/v2\/pages\/4568","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themes.zozothemes.com\/mist\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/themes.zozothemes.com\/mist\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/themes.zozothemes.com\/mist\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themes.zozothemes.com\/mist\/wp-json\/wp\/v2\/comments?post=4568"}],"version-history":[{"count":0,"href":"https:\/\/themes.zozothemes.com\/mist\/wp-json\/wp\/v2\/pages\/4568\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/themes.zozothemes.com\/mist\/wp-json\/wp\/v2\/pages\/1608"}],"wp:attachment":[{"href":"https:\/\/themes.zozothemes.com\/mist\/wp-json\/wp\/v2\/media?parent=4568"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}