{"id":332,"date":"2017-05-02T20:02:03","date_gmt":"2017-05-02T20:02:03","guid":{"rendered":"https:\/\/theme.visualmodo.com\/it\/?page_id=332"},"modified":"2026-07-09T12:37:22","modified_gmt":"2026-07-09T12:37:22","slug":"modal","status":"publish","type":"page","link":"https:\/\/theme.visualmodo.com\/it\/modal\/","title":{"rendered":"Modal"},"content":{"rendered":"<div class=\"wpb-content-wrapper\"><p>[vc_row full_width=&#8221;stretch_row&#8221; animation_type=&#8221;h&#8221; horizontal_animation=&#8221;left-animation&#8221; vertical_animation=&#8221;top-animation&#8221; css=&#8221;.vc_custom_1448206511970{margin-bottom: 0px !important;padding-top: 50px !important;padding-bottom: 100px !important;background-color: #ffffff !important;}&#8221;][vc_column][vc_column_text]<\/p>\n<p style=\"text-align: center;\">This is an intuitive and easily customizable jQuery<br \/>\n<strong><span style=\"font-size: 21px;\">Modal Popup Box<\/span><\/strong><br \/>\nwith CSS3 animations.<\/p>\n<p>[\/vc_column_text]<div id=\"modal-trg-txt-wrap-9322\" class=\"ult-modal-input-wrapper ult-adjust-bottom-margin    \" data-keypress-control=\"keypress-control-enable\" data-overlay-control=\"overlay-control-enable\"><img decoding=\"async\" src=\"https:\/\/theme.visualmodo.com\/it\/wp-content\/uploads\/sites\/58\/2017\/05\/button1.png\" alt=\"null\" data-class-id=\"content-6abf94073d90d0-80770765\" class=\"ult-modal-img overlay-show-genie modalslidebtn-image  ult-align-center ult-modal-image-modalslidebtn\" \/><\/div>\n<div class=\"ult-overlay overlay-genie content-6abf94073d90d0-80770765 modalslidebtn\" style=\"display:none\" data-class=\"content-6abf94073d90d0-80770765\" data-steps=\"m 701.56545,809.01175 35.16718,0 0,19.68384 -35.16718,0 z;m 698.9986,728.03569 41.23353,0 -3.41953,77.8735 -34.98557,0 z;m 687.08153,513.78234 53.1506,0 C 738.0505,683.9161 737.86917,503.34193 737.27015,806 l -35.90067,0 c -7.82727,-276.34892 -2.06916,-72.79261 -14.28795,-292.21766 z;m 403.87105,257.94772 566.31246,2.93091 C 923.38284,513.78233 738.73561,372.23931 737.27015,806 l -35.90067,0 C 701.32034,404.49318 455.17312,480.07689 403.87105,257.94772 z;M 51.871052,165.94772 1362.1835,168.87863 C 1171.3828,653.78233 738.73561,372.23931 737.27015,806 l -35.90067,0 C 701.32034,404.49318 31.173122,513.78234 51.871052,165.94772 z;m 52,26 1364,4 c -12.8007,666.9037 -273.2644,483.78234 -322.7299,776 l -633.90062,0 C 359.32034,432.49318 -6.6979288,733.83462 52,26 z;m 0,0 1439.999975,0 0,805.99999 -1439.999975,0 z\">\n\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"100%\" height=\"100%\" viewBox=\"0 0 1440 806\" preserveAspectRatio=\"none\">\r\n\t\t\t\t\t\t\t<path class=\"overlay-path\" d=\"m 701.56545,809.01175 35.16718,0 0,19.68384 -35.16718,0 z\" style=\"fill:rgba(35,4,41,0.8);\"\/>\r\n\t\t\t\t\t\t<\/svg>\n\t<div class=\"ult_modal ult-fade ult-small\">\n\t\t<div id=\"ult-modal-wrap-7609\" class=\"ult_modal-content ult-hide\" style=\"border-style:solid;border-width:2px;border-radius:0px;border-color:#333333;\">\n\t\t\t<div class=\"ult_modal-header\" style=\"background:#ed612c;color:#ffffff;border-color:#333333;\">\n\t\t\t\t<div class=\"modal-icon\"><i class=\"Ultimate-set-uniF2\"><\/i><\/div><h3  data-ultimate-target='#ult-modal-wrap-7609 .ult_modal-title'  data-responsive-json-new='{\"font-size\":\"\",\"line-height\":\"\"}'  class=\"ult_modal-title ult-responsive\">What is Modal Box? <\/h3>\n\t\t\t<\/div>\n\t\t\t<div  data-ultimate-target='#ult-modal-wrap-7609 .ult_modal-body'  data-responsive-json-new='{\"font-size\":\"\",\"line-height\":\"\"}'  class=\"ult_modal-body ult-responsive ult-html\" style=\"background:#f7f6fc;color:#3c3837;\">\n\t\t\tIn user interface design, a modal window is a child window that requires users to interact with it before they can return to operating the parent application, thus preventing the workflow on the application main window. Modal windows are often called heavy windows or modal dialogs because the window is often used to display a dialog box.<\/p>\n<p>Modal windows are commonly used in GUI systems to command user awareness and to display emergency states, although they have been argued to be ineffective for that use. Modal windows are prone to produce mode errors.\n\t\t\t<\/div>\n\t<\/div>\n\t<\/div>\n\t<div class=\"ult-overlay-close top-right\" style=\" \"><div class=\"ult-overlay-close-inside\">Close<\/div><\/div>\n<\/div>[\/vc_column][\/vc_row][vc_row full_width=&#8221;stretch_row&#8221; bg_type=&#8221;bg_color&#8221; bg_override=&#8221;full&#8221; css=&#8221;.vc_custom_1448206624301{margin-bottom: 0px !important;padding-top: 40px !important;padding-bottom: 40px !important;background-color: #f7f7f7 !important;}&#8221; bg_color_value=&#8221;#f7f7f7&#8243; animation_type=&#8221;h&#8221; horizontal_animation=&#8221;left-animation&#8221; vertical_animation=&#8221;top-animation&#8221;][vc_column][vc_column_text]<\/p>\n<p style=\"text-align: center;\"><strong><span style=\"font-size: 21px;\">Supports Everything!<\/span><\/strong><br \/>\nJust place your stuff in WordPress WYSIWYG editor and start popping up.<\/p>\n<p>[\/vc_column_text][vc_row_inner][vc_column_inner width=&#8221;1\/4&#8243;]<div id=\"modal-trg-txt-wrap-8706\" class=\"ult-modal-input-wrapper ult-adjust-bottom-margin    \" data-keypress-control=\"keypress-control-enable\" data-overlay-control=\"overlay-control-enable\"><button  data-ultimate-target='#modal-trg-txt-wrap-8706 .btn-modal'  data-responsive-json-new='{\"font-size\":\"\",\"line-height\":\"\"}'  style=\"background:#3498db;border-color:#3498db;color:#ffffff; \" data-class-id=\"content-6abf94073de892-56234030\" class=\"btn-modal ult-responsive btn-primary btn-modal-block overlay-show ult-align-center btn-id-6abf94073de892-56234030\" data-overlay-class=\"overlay-slidedown\">Single Image<\/button><\/div>\n<div class=\"ult-overlay content-6abf94073de892-56234030 \" data-class=\"content-6abf94073de892-56234030\" id=\"button-click-overlay\" style=\"background:rgba(145,122,34,0.8); display:none;\">\n\t<div class=\"ult_modal ult-fade ult-block\">\n\t\t<div id=\"ult-modal-wrap-791\" class=\"ult_modal-content ult-hide\" style=\"border-style:solid;border-width:2px;border-radius:0px;border-color:#333333;\">\n\t\t\t<div class=\"ult_modal-header\" style=\"background:#f3d744;color:#333333;border-color:#333333;\">\n\t\t\t\t<h3  data-ultimate-target='#ult-modal-wrap-791 .ult_modal-title'  data-responsive-json-new='{\"font-size\":\"\",\"line-height\":\"\"}'  class=\"ult_modal-title ult-responsive\">Popup with Single Image<\/h3>\n\t\t\t<\/div>\n\t\t\t<div  data-ultimate-target='#ult-modal-wrap-791 .ult_modal-body'  data-responsive-json-new='{\"font-size\":\"\",\"line-height\":\"\"}'  class=\"ult_modal-body ult-responsive ult-html\" style=\"\">\n\t\t\t<a href=\"https:\/\/theme.visualmodo.com\/rare\/wp-content\/uploads\/sites\/23\/2014\/03\/9716918510_3ebb955868-1.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-3245\" src=\"https:\/\/theme.visualmodo.com\/rare\/wp-content\/uploads\/sites\/23\/2014\/03\/9716918510_3ebb955868-1.jpg\" alt=\"9716918510_3ebb955868-1\" width=\"334\" height=\"500\" \/><\/a>\n\t\t\t<\/div>\n\t<\/div>\n\t<\/div>\n\t<div class=\"ult-overlay-close top-right\" style=\" \"><div class=\"ult-overlay-close-inside\">Close<\/div><\/div>\n<\/div>[\/vc_column_inner][vc_column_inner width=&#8221;1\/4&#8243;]<div id=\"modal-trg-txt-wrap-9749\" class=\"ult-modal-input-wrapper ult-adjust-bottom-margin    \" data-keypress-control=\"keypress-control-enable\" data-overlay-control=\"overlay-control-enable\"><button  data-ultimate-target='#modal-trg-txt-wrap-9749 .btn-modal'  data-responsive-json-new='{\"font-size\":\"\",\"line-height\":\"\"}'  style=\"background:#7f8c8d;border-color:#7f8c8d;color:#ffffff; \" data-class-id=\"content-6abf94073deb92-52144647\" class=\"btn-modal ult-responsive btn-primary btn-modal-block overlay-show ult-align-center btn-id-6abf94073deb92-52144647\" data-overlay-class=\"overlay-slideup\">Image Gallery<\/button><\/div>\n<div class=\"ult-overlay content-6abf94073deb92-52144647 \" data-class=\"content-6abf94073deb92-52144647\" id=\"button-click-overlay\" style=\"background:rgba(70,163,216,0.8); display:none;\">\n\t<div class=\"ult_modal ult-fade ult-block\">\n\t\t<div id=\"ult-modal-wrap-2414\" class=\"ult_modal-content ult-hide\" style=\"border-style:solid;border-width:2px;border-radius:0px;border-color:#333333;\">\n\t\t\t<div class=\"ult_modal-header\" style=\"background:#ececec;color:#682d2d;border-color:#333333;\">\n\t\t\t\t<h3  data-ultimate-target='#ult-modal-wrap-2414 .ult_modal-title'  data-responsive-json-new='{\"font-size\":\"\",\"line-height\":\"\"}'  class=\"ult_modal-title ult-responsive\">WordPress Image Gallary<\/h3>\n\t\t\t<\/div>\n\t\t\t<div  data-ultimate-target='#ult-modal-wrap-2414 .ult_modal-body'  data-responsive-json-new='{\"font-size\":\"\",\"line-height\":\"\"}'  class=\"ult_modal-body ult-responsive ult-html\" style=\"background:#ececec;\">\n\t\t\t <a href=\"https:\/\/theme.visualmodo.com\/rare\/wp-content\/uploads\/sites\/23\/2014\/03\/tumblr_myebteWgAP1st5lhmo1_1280-s1-150x150.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-3252\" src=\"https:\/\/theme.visualmodo.com\/rare\/wp-content\/uploads\/sites\/23\/2014\/03\/tumblr_myebteWgAP1st5lhmo1_1280-s1-150x150.jpg\" alt=\"tumblr_myebteWgAP1st5lhmo1_1280-s1-150x150\" width=\"150\" height=\"150\" \/><\/a> <a href=\"https:\/\/theme.visualmodo.com\/rare\/wp-content\/uploads\/sites\/23\/2014\/03\/tumblr_myebu5dKht1st5lhmo1_1280-s-150x150.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-3253\" src=\"https:\/\/theme.visualmodo.com\/rare\/wp-content\/uploads\/sites\/23\/2014\/03\/tumblr_myebu5dKht1st5lhmo1_1280-s-150x150.jpg\" alt=\"tumblr_myebu5dKht1st5lhmo1_1280-s-150x150\" width=\"150\" height=\"150\" \/><\/a> <a href=\"https:\/\/theme.visualmodo.com\/rare\/wp-content\/uploads\/sites\/23\/2014\/03\/tumblr_myebv0eI7k1st5lhmo1_1280-s1-150x150.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-3254\" src=\"https:\/\/theme.visualmodo.com\/rare\/wp-content\/uploads\/sites\/23\/2014\/03\/tumblr_myebv0eI7k1st5lhmo1_1280-s1-150x150.jpg\" alt=\"tumblr_myebv0eI7k1st5lhmo1_1280-s1-150x150\" width=\"150\" height=\"150\" \/><\/a> <a href=\"https:\/\/theme.visualmodo.com\/rare\/wp-content\/uploads\/sites\/23\/2014\/03\/tumblr_myebvrTkci1st5lhmo1_1280-s-150x150.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-3255\" src=\"https:\/\/theme.visualmodo.com\/rare\/wp-content\/uploads\/sites\/23\/2014\/03\/tumblr_myebvrTkci1st5lhmo1_1280-s-150x150.jpg\" alt=\"tumblr_myebvrTkci1st5lhmo1_1280-s-150x150\" width=\"150\" height=\"150\" \/><\/a> <a href=\"https:\/\/theme.visualmodo.com\/rare\/wp-content\/uploads\/sites\/23\/2014\/03\/tumblr_myebwtELvb1st5lhmo1_1280-s-150x150.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-3256\" src=\"https:\/\/theme.visualmodo.com\/rare\/wp-content\/uploads\/sites\/23\/2014\/03\/tumblr_myebwtELvb1st5lhmo1_1280-s-150x150.jpg\" alt=\"tumblr_myebwtELvb1st5lhmo1_1280-s-150x150\" width=\"150\" height=\"150\" \/><\/a> <a href=\"https:\/\/theme.visualmodo.com\/rare\/wp-content\/uploads\/sites\/23\/2014\/03\/tumblr_myp99avE2U1st5lhmo1_1280-s-150x150.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-3257\" src=\"https:\/\/theme.visualmodo.com\/rare\/wp-content\/uploads\/sites\/23\/2014\/03\/tumblr_myp99avE2U1st5lhmo1_1280-s-150x150.jpg\" alt=\"tumblr_myp99avE2U1st5lhmo1_1280-s-150x150\" width=\"150\" height=\"150\" \/><\/a>\n\t\t\t<\/div>\n\t<\/div>\n\t<\/div>\n\t<div class=\"ult-overlay-close top-right\" style=\" \"><div class=\"ult-overlay-close-inside\">Close<\/div><\/div>\n<\/div>[\/vc_column_inner][vc_column_inner width=&#8221;1\/4&#8243;]<div id=\"modal-trg-txt-wrap-5734\" class=\"ult-modal-input-wrapper ult-adjust-bottom-margin    \" data-keypress-control=\"keypress-control-enable\" data-overlay-control=\"overlay-control-enable\"><button  data-ultimate-target='#modal-trg-txt-wrap-5734 .btn-modal'  data-responsive-json-new='{\"font-size\":\"\",\"line-height\":\"\"}'  style=\"background:#34495e;border-color:#34495e;color:#ffffff; \" data-class-id=\"content-6abf94073dedc7-78785279\" class=\"btn-modal ult-responsive btn-primary btn-modal-block overlay-show ult-align-center btn-id-6abf94073dedc7-78785279\" data-overlay-class=\"overlay-slideleft\">Image Slider<\/button><\/div>\n<div class=\"ult-overlay content-6abf94073dedc7-78785279 \" data-class=\"content-6abf94073dedc7-78785279\" id=\"button-click-overlay\" style=\"background:rgba(17,0,104,0.8); display:none;\">\n\t<div class=\"ult_modal ult-fade ult-block\">\n\t\t<div id=\"ult-modal-wrap-1698\" class=\"ult_modal-content ult-hide\" style=\"border-style:solid;border-width:2px;border-radius:0px;border-color:#333333;\">\n\t\t\t<div class=\"ult_modal-header\" style=\"background:#e75353;color:#ffffff;border-color:#333333;\">\n\t\t\t\t<h3  data-ultimate-target='#ult-modal-wrap-1698 .ult_modal-title'  data-responsive-json-new='{\"font-size\":\"\",\"line-height\":\"\"}'  class=\"ult_modal-title ult-responsive\">Popup with Image Slider Plugin<\/h3>\n\t\t\t<\/div>\n\t\t\t<div  data-ultimate-target='#ult-modal-wrap-1698 .ult_modal-body'  data-responsive-json-new='{\"font-size\":\"\",\"line-height\":\"\"}'  class=\"ult_modal-body ult-responsive ult-vimeo\" style=\"background:#ececec;\">\n\t\t\t[metaslider id=1633]\n\t\t\t<\/div>\n\t<\/div>\n\t<\/div>\n\t<div class=\"ult-overlay-close top-right\" style=\" \"><div class=\"ult-overlay-close-inside\">Close<\/div><\/div>\n<\/div>[\/vc_column_inner][vc_column_inner width=&#8221;1\/4&#8243;]<div id=\"modal-trg-txt-wrap-7742\" class=\"ult-modal-input-wrapper ult-adjust-bottom-margin    \" data-keypress-control=\"keypress-control-enable\" data-overlay-control=\"overlay-control-enable\"><button  data-ultimate-target='#modal-trg-txt-wrap-7742 .btn-modal'  data-responsive-json-new='{\"font-size\":\"\",\"line-height\":\"\"}'  style=\"background:#f1c40f;border-color:#f1c40f;color:#ffffff; \" data-class-id=\"content-6abf94073df067-49258167\" class=\"btn-modal ult-responsive btn-primary btn-modal-block overlay-show-cornershape ult-align-center btn-id-6abf94073df067-49258167\" >Contact Form<\/button><\/div>\n<div class=\"ult-overlay overlay-cornershape content-6abf94073df067-49258167 \" style=\"display:none\" data-class=\"content-6abf94073df067-49258167\" data-path-to=\"m 0,0 1439.999975,0 0,805.99999 -1439.999975,0 z\">\n\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"100%\" height=\"100%\" viewBox=\"0 0 1440 806\" preserveAspectRatio=\"none\">\r\n                \t\t\t\t\t<path class=\"overlay-path\" d=\"m 0,0 1439.999975,0 0,805.99999 0,-805.99999 z\" style=\"fill:rgba(255,214,0,0.8);\"\/>\r\n            \t\t\t\t\t<\/svg>\n\t<div class=\"ult_modal ult-fade ult-block\">\n\t\t<div id=\"ult-modal-wrap-2207\" class=\"ult_modal-content ult-hide\" style=\"border-style:dashed;border-width:2px;border-radius:4px;border-color:#ffffff;\">\n\t\t\t<div  data-ultimate-target='#ult-modal-wrap-2207 .ult_modal-body'  data-responsive-json-new='{\"font-size\":\"\",\"line-height\":\"\"}'  class=\"ult_modal-body ult-responsive ult-html\" style=\"background:#2e3846;color:#ffffff;\">\n\t\t\t<p class=\"wpcf7-contact-form-not-found\"><strong>Error:<\/strong> Contact form not found.<\/p>\n\t\t\t<\/div>\n\t<\/div>\n\t<\/div>\n\t<div class=\"ult-overlay-close top-right\" style=\" \"><div class=\"ult-overlay-close-inside\">Close<\/div><\/div>\n<\/div>[\/vc_column_inner][\/vc_row_inner][vc_row_inner][vc_column_inner width=&#8221;1\/4&#8243;]<div id=\"modal-trg-txt-wrap-5921\" class=\"ult-modal-input-wrapper ult-adjust-bottom-margin    \" data-keypress-control=\"keypress-control-enable\" data-overlay-control=\"overlay-control-enable\"><button  data-ultimate-target='#modal-trg-txt-wrap-5921 .btn-modal'  data-responsive-json-new='{\"font-size\":\"\",\"line-height\":\"\"}'  style=\"background:#e67e22;border-color:#e67e22;color:#ffffff; \" data-class-id=\"content-6abf94073e2b71-54651772\" class=\"btn-modal ult-responsive btn-primary btn-modal-block overlay-show ult-align-center btn-id-6abf94073e2b71-54651772\" data-overlay-class=\"overlay-zoomin\">Custom HTML<\/button><\/div>\n<div class=\"ult-overlay content-6abf94073e2b71-54651772 \" data-class=\"content-6abf94073e2b71-54651772\" id=\"button-click-overlay\" style=\"background:rgba(23,29,3,0.8); display:none;\">\n\t<div class=\"ult_modal ult-fade ult-small\">\n\t\t<div id=\"ult-modal-wrap-4297\" class=\"ult_modal-content ult-hide\" style=\"border-style:solid;border-width:2px;border-radius:0px;border-color:#333333;\">\n\t\t\t<div class=\"ult_modal-header\" style=\"background:#e75353;color:#ffffff;border-color:#333333;\">\n\t\t\t\t<h3  data-ultimate-target='#ult-modal-wrap-4297 .ult_modal-title'  data-responsive-json-new='{\"font-size\":\"\",\"line-height\":\"\"}'  class=\"ult_modal-title ult-responsive\">Popup with HTML Content<\/h3>\n\t\t\t<\/div>\n\t\t\t<div  data-ultimate-target='#ult-modal-wrap-4297 .ult_modal-body'  data-responsive-json-new='{\"font-size\":\"\",\"line-height\":\"\"}'  class=\"ult_modal-body ult-responsive ult-html\" style=\"background:#ececec;\">\n\t\t\t<\/p>\n<p style=\"text-align: center;\"><strong>Cras ultricies<\/strong> ligula <em>sed magna<\/em> dictum porta. <del>Sed porttitor<\/del> lectus nibh. Sed porttitor lectus nibh. Donec sollicitudin molestie <span style=\"text-decoration: underline;\">malesuada<\/span>. Donec rutrumcongue leo eget malesuada. Praesent sapien massa, convallis a pellentesque nec, egestas non nisi.<\/p>\n<p>\n\t\t\t<\/div>\n\t<\/div>\n\t<\/div>\n\t<div class=\"ult-overlay-close top-right\" style=\" \"><div class=\"ult-overlay-close-inside\">Close<\/div><\/div>\n<\/div>[\/vc_column_inner][vc_column_inner width=&#8221;1\/4&#8243;]<div id=\"modal-trg-txt-wrap-1029\" class=\"ult-modal-input-wrapper ult-adjust-bottom-margin    \" data-keypress-control=\"keypress-control-enable\" data-overlay-control=\"overlay-control-enable\"><button  data-ultimate-target='#modal-trg-txt-wrap-1029 .btn-modal'  data-responsive-json-new='{\"font-size\":\"\",\"line-height\":\"\"}'  style=\"background:#333333;border-color:#333333;color:#ffffff; \" data-class-id=\"content-6abf94073e2e78-02496646\" class=\"btn-modal ult-responsive btn-primary btn-modal-block overlay-show-genie ult-align-center btn-id-6abf94073e2e78-02496646\" >Google Map<\/button><\/div>\n<div class=\"ult-overlay overlay-genie content-6abf94073e2e78-02496646 \" style=\"display:none\" data-class=\"content-6abf94073e2e78-02496646\" data-steps=\"m 701.56545,809.01175 35.16718,0 0,19.68384 -35.16718,0 z;m 698.9986,728.03569 41.23353,0 -3.41953,77.8735 -34.98557,0 z;m 687.08153,513.78234 53.1506,0 C 738.0505,683.9161 737.86917,503.34193 737.27015,806 l -35.90067,0 c -7.82727,-276.34892 -2.06916,-72.79261 -14.28795,-292.21766 z;m 403.87105,257.94772 566.31246,2.93091 C 923.38284,513.78233 738.73561,372.23931 737.27015,806 l -35.90067,0 C 701.32034,404.49318 455.17312,480.07689 403.87105,257.94772 z;M 51.871052,165.94772 1362.1835,168.87863 C 1171.3828,653.78233 738.73561,372.23931 737.27015,806 l -35.90067,0 C 701.32034,404.49318 31.173122,513.78234 51.871052,165.94772 z;m 52,26 1364,4 c -12.8007,666.9037 -273.2644,483.78234 -322.7299,776 l -633.90062,0 C 359.32034,432.49318 -6.6979288,733.83462 52,26 z;m 0,0 1439.999975,0 0,805.99999 -1439.999975,0 z\">\n\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"100%\" height=\"100%\" viewBox=\"0 0 1440 806\" preserveAspectRatio=\"none\">\r\n\t\t\t\t\t\t\t<path class=\"overlay-path\" d=\"m 701.56545,809.01175 35.16718,0 0,19.68384 -35.16718,0 z\" style=\"fill:rgba(184,199,74,0.8);\"\/>\r\n\t\t\t\t\t\t<\/svg>\n\t<div class=\"ult_modal ult-fade ult-block\">\n\t\t<div id=\"ult-modal-wrap-6288\" class=\"ult_modal-content ult-hide\" style=\"border-style:solid;border-width:2px;border-radius:0px;border-color:#333333;\">\n\t\t\t<div class=\"ult_modal-header\" style=\"background:#1e365a;color:#ffffff;border-color:#333333;\">\n\t\t\t\t<h3  data-ultimate-target='#ult-modal-wrap-6288 .ult_modal-title'  data-responsive-json-new='{\"font-size\":\"\",\"line-height\":\"\"}'  class=\"ult_modal-title ult-responsive\">Popup with Google Maps<\/h3>\n\t\t\t<\/div>\n\t\t\t<div  data-ultimate-target='#ult-modal-wrap-6288 .ult_modal-body'  data-responsive-json-new='{\"font-size\":\"\",\"line-height\":\"\"}'  class=\"ult_modal-body ult-responsive ult-html\" style=\"background:#ffffff;\">\n\t\t\t<iframe loading=\"lazy\" src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d6304.829986131271!2d-122.4746968033092!3d37.80374752160443!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x808586e6302615a1%3A0x86bd130251757c00!2sStorey+Ave%2C+San+Francisco%2C+CA+94129!5e0!3m2!1sen!2sus!4v1435826432051\" width=\"600\" height=\"450\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe>\n\t\t\t<\/div>\n\t<\/div>\n\t<\/div>\n\t<div class=\"ult-overlay-close top-right\" style=\" \"><div class=\"ult-overlay-close-inside\">Close<\/div><\/div>\n<\/div>[\/vc_column_inner][vc_column_inner width=&#8221;1\/4&#8243;]<div id=\"modal-trg-txt-wrap-2956\" class=\"ult-modal-input-wrapper ult-adjust-bottom-margin    \" data-keypress-control=\"keypress-control-enable\" data-overlay-control=\"overlay-control-enable\"><button  data-ultimate-target='#modal-trg-txt-wrap-2956 .btn-modal'  data-responsive-json-new='{\"font-size\":\"\",\"line-height\":\"\"}'  style=\"background:#9b59b6;border-color:#9b59b6;color:#ffffff; \" data-class-id=\"content-6abf94073e3154-18477186\" class=\"btn-modal ult-responsive btn-primary btn-modal-block overlay-show-boxes ult-align-center btn-id-6abf94073e3154-18477186\" >Embedded Video<\/button><\/div>\n<div class=\"ult-overlay overlay-boxes content-6abf94073e3154-18477186 \" style=\"display:none\" data-class=\"content-6abf94073e3154-18477186\">\n\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"100%\" height=\"101%\" viewBox=\"0 0 1440 806\" preserveAspectRatio=\"none\">\n\t\t<path d=\"m0.005959,200.364029l207.551124,0l0,204.342453l-207.551124,0l0,-204.342453z\" style=\"fill:rgba(233,69,69,0.8);\"\/>\n\t\t<path d=\"m0.005959,400.45401l207.551124,0l0,204.342499l-207.551124,0l0,-204.342499z\" style=\"fill:rgba(233,69,69,0.8);\"\/>\n\t\t<path d=\"m0.005959,600.544067l207.551124,0l0,204.342468l-207.551124,0l0,-204.342468z\" style=\"fill:rgba(233,69,69,0.8);\"\/>\n\t\t<path d=\"m205.752151,-0.36l207.551163,0l0,204.342437l-207.551163,0l0,-204.342437z\" style=\"fill:rgba(233,69,69,0.8);\"\/>\n\t\t<path d=\"m204.744629,200.364029l207.551147,0l0,204.342453l-207.551147,0l0,-204.342453z\" style=\"fill:rgba(233,69,69,0.8);\"\/>\n\t\t<path d=\"m204.744629,400.45401l207.551147,0l0,204.342499l-207.551147,0l0,-204.342499z\" style=\"fill:rgba(233,69,69,0.8);\"\/>\n\t\t<path d=\"m204.744629,600.544067l207.551147,0l0,204.342468l-207.551147,0l0,-204.342468z\" style=\"fill:rgba(233,69,69,0.8);\"\/>\n\t\t<path d=\"m410.416046,-0.36l207.551117,0l0,204.342437l-207.551117,0l0,-204.342437z\" style=\"fill:rgba(233,69,69,0.8);\"\/>\n\t\t<path d=\"m410.416046,200.364029l207.551117,0l0,204.342453l-207.551117,0l0,-204.342453z\" style=\"fill:rgba(233,69,69,0.8);\"\/>\n\t\t<path d=\"m410.416046,400.45401l207.551117,0l0,204.342499l-207.551117,0l0,-204.342499z\" style=\"fill:rgba(233,69,69,0.8);\"\/>\n\t\t<path d=\"m410.416046,600.544067l207.551117,0l0,204.342468l-207.551117,0l0,-204.342468z\" style=\"fill:rgba(233,69,69,0.8);\"\/>\n\t\t<path d=\"m616.087402,-0.36l207.551086,0l0,204.342437l-207.551086,0l0,-204.342437z\" style=\"fill:rgba(233,69,69,0.8);\"\/>\n\t\t<path d=\"m616.087402,200.364029l207.551086,0l0,204.342453l-207.551086,0l0,-204.342453z\" style=\"fill:rgba(233,69,69,0.8);\"\/>\n\t\t<path d=\"m616.087402,400.45401l207.551086,0l0,204.342499l-207.551086,0l0,-204.342499z\" style=\"fill:rgba(233,69,69,0.8);\"\/>\n\t\t<path d=\"m616.087402,600.544067l207.551086,0l0,204.342468l-207.551086,0l0,-204.342468z\" style=\"fill:rgba(233,69,69,0.8);\"\/>\n\t\t<path d=\"m821.748718,-0.36l207.550964,0l0,204.342437l-207.550964,0l0,-204.342437z\" style=\"fill:rgba(233,69,69,0.8);\"\/>\n\t\t<path d=\"m821.748718,200.364029l207.550964,0l0,204.342453l-207.550964,0l0,-204.342453z\" style=\"fill:rgba(233,69,69,0.8);\"\/>\n\t\t<path d=\"m821.748718,400.45401l207.550964,0l0,204.342499l-207.550964,0l0,-204.342499z\" style=\"fill:rgba(233,69,69,0.8);\"\/>\n\t\t<path d=\"m821.748718,600.544067l207.550964,0l0,204.342468l-207.550964,0l0,-204.342468z\" style=\"fill:rgba(233,69,69,0.8);\"\/>\n\t\t<path d=\"m1027.203979,-0.36l207.550903,0l0,204.342437l-207.550903,0l0,-204.342437z\" style=\"fill:rgba(233,69,69,0.8);\"\/>\n\t\t<path d=\"m1027.203979,200.364029l207.550903,0l0,204.342453l-207.550903,0l0,-204.342453z\" style=\"fill:rgba(233,69,69,0.8);\"\/>\n\t\t<path d=\"m1027.203979,400.45401l207.550903,0l0,204.342499l-207.550903,0l0,-204.342499z\" style=\"fill:rgba(233,69,69,0.8);\"\/>\n\t\t<path d=\"m1027.203979,600.544067l207.550903,0l0,204.342468l-207.550903,0l0,-204.342468z\" style=\"fill:rgba(233,69,69,0.8);\"\/>\n\t\t<path d=\"m1232.659302,-0.36l207.551147,0l0,204.342437l-207.551147,0l0,-204.342437z\" style=\"fill:rgba(233,69,69,0.8);\"\/>\n\t\t<path d=\"m1232.659302,200.364029l207.551147,0l0,204.342453l-207.551147,0l0,-204.342453z\" style=\"fill:rgba(233,69,69,0.8);\"\/>\n\t\t<path d=\"m1232.659302,400.45401l207.551147,0l0,204.342499l-207.551147,0l0,-204.342499z\" style=\"fill:rgba(233,69,69,0.8);\"\/>\n\t\t<path d=\"m1232.659302,600.544067l207.551147,0l0,204.342468l-207.551147,0l0,-204.342468z\" style=\"fill:rgba(233,69,69,0.8);\"\/>\n\t\t<path d=\"m-0.791443,-0.360001l207.551163,0l0,204.342438l-207.551163,0l0,-204.342438z\" style=\"fill:rgba(233,69,69,0.8);\"\/>\n\t<\/svg>\n\t<div class=\"ult_modal ult-fade ult-block\">\n\t\t<div id=\"ult-modal-wrap-1922\" class=\"ult_modal-content ult-hide\" style=\"border-style:solid;border-width:2px;border-radius:0px;border-color:#333333;\">\n\t\t\t<div class=\"ult_modal-header\" style=\"background:#ffffff;color:#e14f49;border-color:#333333;\">\n\t\t\t\t<h3  data-ultimate-target='#ult-modal-wrap-1922 .ult_modal-title'  data-responsive-json-new='{\"font-size\":\"\",\"line-height\":\"\"}'  class=\"ult_modal-title ult-responsive\">Vimeo Embed<\/h3>\n\t\t\t<\/div>\n\t\t\t<div  data-ultimate-target='#ult-modal-wrap-1922 .ult_modal-body'  data-responsive-json-new='{\"font-size\":\"\",\"line-height\":\"\"}'  class=\"ult_modal-body ult-responsive ult-vimeo\" style=\"background:#fcfcfc;\">\n\t\t\t\n\t\t\t<\/div>\n\t<\/div>\n\t<\/div>\n\t<div class=\"ult-overlay-close top-right\" style=\" \"><div class=\"ult-overlay-close-inside\">Close<\/div><\/div>\n<\/div>[\/vc_column_inner][vc_column_inner width=&#8221;1\/4&#8243;]<div id=\"modal-trg-txt-wrap-4843\" class=\"ult-modal-input-wrapper ult-adjust-bottom-margin    \" data-keypress-control=\"keypress-control-enable\" data-overlay-control=\"overlay-control-enable\"><button  data-ultimate-target='#modal-trg-txt-wrap-4843 .btn-modal'  data-responsive-json-new='{\"font-size\":\"\",\"line-height\":\"\"}'  style=\"background:#333333;border-color:#333333;color:#ffffff; \" data-class-id=\"content-6abf94073e3533-76036605\" class=\"btn-modal ult-responsive btn-primary btn-modal-block overlay-show ult-align-center btn-id-6abf94073e3533-76036605\" data-overlay-class=\"overlay-doorvertical\">Social Widgets<\/button><\/div>\n<div class=\"ult-overlay content-6abf94073e3533-76036605 \" data-class=\"content-6abf94073e3533-76036605\" id=\"button-click-overlay\" style=\"background:rgba(51,51,51,0.8); display:none;\">\n\t<div class=\"ult_modal ult-fade ult-block\">\n\t\t<div id=\"ult-modal-wrap-7705\" class=\"ult_modal-content ult-hide\" style=\"border-style:solid;border-width:2px;border-radius:0px;border-color:#333333;\">\n\t\t\t<div class=\"ult_modal-header\" style=\"background:#9ecf35;color:#ffffff;border-color:#333333;\">\n\t\t\t\t<h3  data-ultimate-target='#ult-modal-wrap-7705 .ult_modal-title'  data-responsive-json-new='{\"font-size\":\"\",\"line-height\":\"\"}'  class=\"ult_modal-title ult-responsive\">Social Widgets<\/h3>\n\t\t\t<\/div>\n\t\t\t<div  data-ultimate-target='#ult-modal-wrap-7705 .ult_modal-body'  data-responsive-json-new='{\"font-size\":\"\",\"line-height\":\"\"}'  class=\"ult_modal-body ult-responsive ult-html\" style=\"\">\n\t\t\t\n\t\t\t<\/div>\n\t<\/div>\n\t<\/div>\n\t<div class=\"ult-overlay-close top-right\" style=\" \"><div class=\"ult-overlay-close-inside\">Close<\/div><\/div>\n<\/div>[\/vc_column_inner][\/vc_row_inner][vc_row_inner][vc_column_inner width=&#8221;1\/3&#8243;][\/vc_column_inner][vc_column_inner width=&#8221;1\/3&#8243;]<div id=\"modal-trg-txt-wrap-7206\" class=\"ult-modal-input-wrapper ult-adjust-bottom-margin    \" data-keypress-control=\"keypress-control-enable\" data-overlay-control=\"overlay-control-enable\"><button  data-ultimate-target='#modal-trg-txt-wrap-7206 .btn-modal'  data-responsive-json-new='{\"font-size\":\"\",\"line-height\":\"\"}'  style=\"background:#e67e22;border-color:#e67e22;color:#ffffff; \" data-class-id=\"content-6abf94073e3873-08098913\" class=\"btn-modal ult-responsive btn-primary btn-modal-block overlay-show ult-align-center btn-id-6abf94073e3873-08098913\" data-overlay-class=\"overlay-zoomin\">Custom HTML with Large Text<\/button><\/div>\n<div class=\"ult-overlay content-6abf94073e3873-08098913 \" data-class=\"content-6abf94073e3873-08098913\" id=\"button-click-overlay\" style=\"background:rgba(33,121,209,0.8); display:none;\">\n\t<div class=\"ult_modal ult-fade ult-small\">\n\t\t<div id=\"ult-modal-wrap-4046\" class=\"ult_modal-content ult-hide\" style=\"border-style:solid;border-width:2px;border-radius:0px;border-color:#333333;\">\n\t\t\t<div class=\"ult_modal-header\" style=\"background:#e75353;color:#ffffff;border-color:#333333;\">\n\t\t\t\t<h3  data-ultimate-target='#ult-modal-wrap-4046 .ult_modal-title'  data-responsive-json-new='{\"font-size\":\"\",\"line-height\":\"\"}'  class=\"ult_modal-title ult-responsive\">Popup with Large HTML Content<\/h3>\n\t\t\t<\/div>\n\t\t\t<div  data-ultimate-target='#ult-modal-wrap-4046 .ult_modal-body'  data-responsive-json-new='{\"font-size\":\"\",\"line-height\":\"\"}'  class=\"ult_modal-body ult-responsive ult-html\" style=\"background:#ececec;\">\n\t\t\t<\/p>\n<p style=\"text-align: center;\"><strong>Cras ultricies<\/strong> ligula <em>sed magna<\/em> dictum porta. <del>Sed porttitor<\/del> lectus nibh. Sed porttitor lectus nibh. Donec sollicitudin molestie <span style=\"text-decoration: underline;\">malesuada<\/span>. Donec rutrumcongue leo eget malesuada. Praesent sapien massa, convallis a pellentesque nec, egestas non nisi.<\/p>\n<p>\n\t\t\t<\/div>\n\t<\/div>\n\t<\/div>\n\t<div class=\"ult-overlay-close top-right\" style=\" \"><div class=\"ult-overlay-close-inside\">Close<\/div><\/div>\n<\/div>[\/vc_column_inner][vc_column_inner width=&#8221;1\/3&#8243;][\/vc_column_inner][\/vc_row_inner][vc_column_text]<\/p>\n<p style=\"text-align: center;\">Click on buttons above to see just a few possibilities of what could be done with this element.<\/p>\n<p>[\/vc_column_text][\/vc_column][\/vc_row]<\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"<p class=\"card-text\">[vc_row full_width=&#8221;stretch_row&#8221; animation_type=&#8221;h&#8221; horizontal_animation=&#8221;left-animation&#8221; vertical_animation=&#8221;top-animation&#8221; css=&#8221;.vc_custom_1448206511970{margin-bottom: 0px !important;padding-top: 50px !important;padding-bottom: 100px !important;background-color: #ffffff !important;}&#8221;][vc_column][vc_column_text] This is an intuitive and easily customizable jQuery Modal Popup Box with CSS3 animations. [\/vc_column_text][\/vc_column][\/vc_row][vc_row full_width=&#8221;stretch_row&#8221; bg_type=&#8221;bg_color&#8221; bg_override=&#8221;full&#8221; css=&#8221;.vc_custom_1448206624301{margin-bottom: 0px !important;padding-top: 40px !important;padding-bottom: 40px !important;background-color: #f7f7f7 !important;}&#8221; bg_color_value=&#8221;#f7f7f7&#8243; animation_type=&#8221;h&#8221; horizontal_animation=&#8221;left-animation&#8221; vertical_animation=&#8221;top-animation&#8221;][vc_column][vc_column_text] Supports Everything! Just place your stuff in WordPress WYSIWYG editor [&#8230;]<\/p>\n<p class=\"m-0\"><a class=\"btn btn-outline-secondary btn-read-more\" href=\"https:\/\/theme.visualmodo.com\/it\/modal\/\">Read More<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":"","_links_to":"","_links_to_target":""},"class_list":["post-332","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/theme.visualmodo.com\/it\/wp-json\/wp\/v2\/pages\/332","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/theme.visualmodo.com\/it\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/theme.visualmodo.com\/it\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/theme.visualmodo.com\/it\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/theme.visualmodo.com\/it\/wp-json\/wp\/v2\/comments?post=332"}],"version-history":[{"count":0,"href":"https:\/\/theme.visualmodo.com\/it\/wp-json\/wp\/v2\/pages\/332\/revisions"}],"wp:attachment":[{"href":"https:\/\/theme.visualmodo.com\/it\/wp-json\/wp\/v2\/media?parent=332"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}