{"id":473,"date":"2015-12-20T15:39:55","date_gmt":"2015-12-20T15:39:55","guid":{"rendered":"http:\/\/demo.themelogi.com\/roneous\/?page_id=473"},"modified":"2015-12-20T15:39:55","modified_gmt":"2015-12-20T15:39:55","slug":"modal-popup-effect","status":"publish","type":"page","link":"https:\/\/coutinorefinishing.com\/index.php\/elements\/modal-popup-effect\/","title":{"rendered":"Modal popup effect"},"content":{"rendered":"<section class=\"wpb-content-wrapper\"><p>\t\t\t\t[vc_row tlg_background_style=&#8221;bg-secondary&#8221; tlg_padding=&#8221;pb0&#8243; css=&#8221;.vc_custom_1462185294035{background-color: #f7f7f7 !important;}&#8221;][vc_column]<div class=\"headings-title\"><div class=\"mb72  mb-xs-40 text-center\"><h5  class=\"widgettitle \">Modal variants<\/h5><div class=\"divider-wrap\"><i  class=\"ti-shield\"><\/i><div class=\"tlg-divider\"><\/div><\/div><div  class=\"widgetsubtitle\">Modal popup animation layouts<\/div><\/div><\/div>[\/vc_column][\/vc_row][vc_row tlg_background_style=&#8221;bg-secondary&#8221; tlg_padding=&#8221;pt0&#8243; tlg_text_align=&#8221;text-center&#8221; css=&#8221;.vc_custom_1462185306537{background-color: #f7f7f7 !important;}&#8221;][vc_column width=&#8221;1\/2&#8243;]<a  id=\"btn-69ebad7d05dfa\" class=\"md-trigger btn btn-filled btn-rounded btn-lg ti-search \" data-modal=\"modal-69ebad7d05dfb\" href=\"#\">Fade in &amp; scale<\/a><div class=\"modal-button\"><div class=\" md-modal md-modal-1\" id=\"modal-69ebad7d05dfb\"><div class=\"md-content\"><div class=\"md-content-inner\">[vc_column_text]<\/p>\n<p class=\"lead\">This modal does everything you could possibly want it to do and not only that, it is beautifully designed and extremely intuitive to use.<\/p>\n<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt.[\/vc_column_text]<\/div><\/div><div class=\"text-center\"><a class=\"md-close inline-block mt24\" href=\"#\"><i class=\"ti-close\"><\/i><\/a><\/div><\/div><div class=\"md-overlay\"><\/div><\/div><a  id=\"btn-69ebad7d05e20\" class=\"md-trigger btn btn-filled btn-rounded btn-lg ti-reload \" data-modal=\"modal-69ebad7d05e21\" href=\"#\">Newspaper<\/a><div class=\"modal-button\"><div class=\" md-modal md-modal-4\" id=\"modal-69ebad7d05e21\"><div class=\"md-content\"><div class=\"md-content-inner\">[vc_column_text]<\/p>\n<p class=\"lead\">This modal does everything you could possibly want it to do and not only that, it is beautifully designed and extremely intuitive to use.<\/p>\n<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt.[\/vc_column_text]<\/div><\/div><div class=\"text-center\"><a class=\"md-close inline-block mt24\" href=\"#\"><i class=\"ti-close\"><\/i><\/a><\/div><\/div><div class=\"md-overlay\"><\/div><\/div>[\/vc_column][vc_column width=&#8221;1\/2&#8243;]<a  id=\"btn-69ebad7d05e3d\" class=\"md-trigger btn btn-filled btn-rounded btn-lg ti-angle-double-left \" data-modal=\"modal-69ebad7d05e3e\" href=\"#\">Slide in right<\/a><div class=\"modal-button\"><div class=\"image-bg md-modal md-modal-2\" id=\"modal-69ebad7d05e3e\"><div class=\"md-content\"><div class=\"md-content-inner\"><div class=\"headings-title\"><div class=\"mb72 mb16 mb-xs-40 text-right\"><h5 style=\"color:#ffffff!important;font-size:35px;line-height:45px;text-transform: uppercase!important;text-shadow:none;font-family:Raleway;font-weight:400;font-style:normal;\" class=\"widgettitle mb0\">Fashionable<\/h5><div style=\"color:#ffffff!important;font-size:13px;line-height:18px;text-transform: uppercase!important;text-shadow:none;font-family:Open Sans;font-weight:400;font-style:normal;\" class=\"widgetsubtitle\">Picture of young attractive people<\/div><\/div><\/div><\/div><div class=\"background-content\"><\/div><\/div><div class=\"text-center\"><a class=\"md-close inline-block mt24\" href=\"#\"><i class=\"ti-close\"><\/i><\/a><\/div><\/div><div class=\"md-overlay\"><\/div><\/div><a  id=\"btn-69ebad7d06110\" class=\"md-trigger btn btn-filled btn-rounded btn-lg ti-angle-double-up \" data-modal=\"modal-69ebad7d06111\" href=\"#\">Slide in bottom<\/a><div class=\"modal-button\"><div class=\"image-bg md-modal md-modal-3\" id=\"modal-69ebad7d06111\"><div class=\"md-content\"><div class=\"md-content-inner\"><div class=\"tlg-spacer\" data-height=\"40\" data-height-tablet=\"40\" data-height-mobile=\"40\" style=\"clear:both;display:block;height:40px;\"><\/div><div class=\"headings-title\"><div class=\"mb40 mb16 mb-xs-40 text-center\"><h5 style=\"font-size:35px;line-height:45px;text-transform: uppercase!important;text-shadow:none;font-family:Cabin;font-weight:700;font-style:normal;\" class=\"widgettitle mb0\">Subscribe<\/h5><div style=\"color:#ffffff!important;font-size:13px;line-height:18px;text-transform: uppercase!important;text-shadow:none;font-family:Muli;font-weight:400;font-style:normal;\" class=\"widgetsubtitle\">Get notified when we publish new articles!<\/div><\/div><\/div>\n<div class=\"wpcf7 no-js\" id=\"wpcf7-f3409-o1\" lang=\"en-US\" dir=\"ltr\">\n<div class=\"screen-reader-response\"><p role=\"status\" aria-live=\"polite\" aria-atomic=\"true\"><\/p> <ul><\/ul><\/div>\n<form action=\"\/index.php\/wp-json\/wp\/v2\/pages\/473#wpcf7-f3409-o1\" method=\"post\" class=\"wpcf7-form init\" aria-label=\"Contact form\" novalidate=\"novalidate\" data-status=\"init\">\n<div style=\"display: none;\">\n<input type=\"hidden\" name=\"_wpcf7\" value=\"3409\" \/>\n<input type=\"hidden\" name=\"_wpcf7_version\" value=\"5.8.1\" \/>\n<input type=\"hidden\" name=\"_wpcf7_locale\" value=\"en_US\" \/>\n<input type=\"hidden\" name=\"_wpcf7_unit_tag\" value=\"wpcf7-f3409-o1\" \/>\n<input type=\"hidden\" name=\"_wpcf7_container_post\" value=\"0\" \/>\n<input type=\"hidden\" name=\"_wpcf7_posted_data_hash\" value=\"\" \/>\n<\/div>\n<div class=\"form-container\">\n\t<p><span class=\"wpcf7-form-control-wrap\" data-name=\"your-name\"><input size=\"40\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" value=\"Your Name\" type=\"text\" name=\"your-name\" \/><\/span><span class=\"wpcf7-form-control-wrap\" data-name=\"your-email\"><input size=\"40\" class=\"wpcf7-form-control wpcf7-email wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-email\" aria-required=\"true\" aria-invalid=\"false\" value=\"Your Email\" type=\"email\" name=\"your-email\" \/><\/span><input class=\"wpcf7-form-control wpcf7-submit has-spinner\" type=\"submit\" value=\"Start your free trial \u00bb\" \/>\n\t<\/p>\n\t<p class=\"sub\">* We don't share your personal info with anyone. Check out our <a href=\"#\"> Privacy Policy<\/a> for more information.\n\t<\/p>\n<\/div><div class=\"wpcf7-response-output\" aria-hidden=\"true\"><\/div>\n<\/form>\n<\/div>\n<div class=\"tlg-spacer\" data-height=\"40\" data-height-tablet=\"40\" data-height-mobile=\"40\" style=\"clear:both;display:block;height:40px;\"><\/div><\/div><div class=\"background-content\"><\/div><\/div><div class=\"text-center\"><a class=\"md-close inline-block mt24\" href=\"#\"><i class=\"ti-close\"><\/i><\/a><\/div><\/div><div class=\"md-overlay\"><\/div><\/div>[\/vc_column][\/vc_row][vc_row tlg_background_style=&#8221;bg-secondary&#8221; tlg_padding=&#8221;pb0&#8243; css=&#8221;.vc_custom_1462185314787{background-color: #f7f7f7 !important;}&#8221;][vc_column]<div class=\"headings-title\"><div class=\"mb72  mb-xs-40 text-center\"><h5  class=\"widgettitle \">Modal play button<\/h5><div class=\"divider-wrap\"><i  class=\"ti-shield\"><\/i><div class=\"tlg-divider\"><\/div><\/div><div  class=\"widgetsubtitle\">Modal popup play content<\/div><\/div><\/div>[\/vc_column][\/vc_row][vc_row tlg_background_style=&#8221;bg-dark&#8221; tlg_padding=&#8221;pt180 pb180 pt-xs-80 pb-xs-80&#8243; tlg_text_align=&#8221;text-center&#8221; css=&#8221;.vc_custom_1469258712846{background-image: url(http:\/\/demo.themelogi.com\/roneous\/wp-content\/uploads_demo\/2016\/07\/fashionable.jpg?id=3435) !important;}&#8221;][vc_column]<a  id=\"btn-69ebad7d06ba4\" class=\"md-trigger play btn-lg  \" data-modal=\"modal-69ebad7d06ba5\" href=\"#\"><div class=\"play-button large inline\"><\/div><\/a><div class=\"modal-button\"><div class=\" md-modal md-modal-1\" id=\"modal-69ebad7d06ba5\"><div class=\"md-content\"><div class=\"md-content-inner\">[vc_column_text]<\/p>\n<h4>A visually popup<\/h4>\n<p><iframe loading=\"lazy\" src=\"https:\/\/player.vimeo.com\/video\/59449894?color=e35956&amp;title=0&amp;byline=0&amp;portrait=0\" width=\"500\" height=\"281\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe>[\/vc_column_text]<\/div><\/div><div class=\"text-center\"><a class=\"md-close inline-block mt24\" href=\"#\"><i class=\"ti-close\"><\/i><\/a><\/div><\/div><div class=\"md-overlay\"><\/div><\/div>[\/vc_column][\/vc_row][vc_row tlg_background_style=&#8221;bg-dark&#8221; tlg_padding=&#8221;pb0&#8243; css=&#8221;.vc_custom_1458549553633{background-color: #242424 !important;}&#8221;][vc_column]<div class=\"headings-title\"><div class=\"mb72  mb-xs-40 text-center\"><h5  class=\"widgettitle \">Modal media variants<\/h5><div class=\"divider-wrap\"><i  class=\"ti-shield\"><\/i><div class=\"tlg-divider\"><\/div><\/div><div  class=\"widgetsubtitle\">Modal popup media content<\/div><\/div><\/div>[\/vc_column][\/vc_row][vc_row tlg_background_style=&#8221;bg-dark&#8221; tlg_padding=&#8221;pt0&#8243; tlg_text_align=&#8221;text-center&#8221; css=&#8221;.vc_custom_1458549528218{background-color: #242424 !important;}&#8221;][vc_column width=&#8221;1\/3&#8243;]<a  id=\"btn-69ebad7d06c07\" class=\"md-trigger btn btn-rounded btn-lg  \" data-modal=\"modal-69ebad7d06c08\" href=\"#\">Sticky up<\/a><div class=\"modal-button\"><div class=\" md-modal md-modal-5\" id=\"modal-69ebad7d06c08\"><div class=\"md-content\"><div class=\"md-content-inner\">[vc_column_text]<\/p>\n<h4>A flexible, visually popup<\/h4>\n<p class=\"lead\">This modal does everything you could possibly want it to do and not only that, it is beautifully designed and extremely intuitive to use.<\/p>\n<p><iframe loading=\"lazy\" src=\"https:\/\/player.vimeo.com\/video\/59449894?color=e35956&amp;title=0&amp;byline=0&amp;portrait=0\" width=\"500\" height=\"281\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe>[\/vc_column_text]<\/div><\/div><div class=\"text-center\"><a class=\"md-close inline-block mt24\" href=\"#\"><i class=\"ti-close\"><\/i><\/a><\/div><\/div><div class=\"md-overlay\"><\/div><\/div>[\/vc_column][vc_column width=&#8221;1\/3&#8243;]<a  id=\"btn-69ebad7d06c30\" class=\"md-trigger btn btn-rounded btn-lg  \" data-modal=\"modal-69ebad7d06c31\" href=\"#\">Super scaled<\/a><div class=\"modal-button\"><div class=\" md-modal md-modal-6\" id=\"modal-69ebad7d06c31\"><div class=\"md-content\"><div class=\"md-content-inner\">[vc_single_image image=&#8221;3232&#8243; img_size=&#8221;full&#8221; alignment=&#8221;center&#8221;]<div class=\"tlg-spacer\" data-height=\"24\" data-height-tablet=\"24\" data-height-mobile=\"24\" style=\"clear:both;display:block;height:24px;\"><\/div>[vc_column_text]<\/p>\n<p class=\"lead\">Signup for our newsletter and get notified when we publish new articles!<\/p>\n<p>[\/vc_column_text]<div class=\"tlg-spacer\" data-height=\"24\" data-height-tablet=\"24\" data-height-mobile=\"24\" style=\"clear:both;display:block;height:24px;\"><\/div>\n<div class=\"wpcf7 no-js\" id=\"wpcf7-f518-o2\" lang=\"en-US\" dir=\"ltr\">\n<div class=\"screen-reader-response\"><p role=\"status\" aria-live=\"polite\" aria-atomic=\"true\"><\/p> <ul><\/ul><\/div>\n<form action=\"\/index.php\/wp-json\/wp\/v2\/pages\/473#wpcf7-f518-o2\" method=\"post\" class=\"wpcf7-form init\" aria-label=\"Contact form\" novalidate=\"novalidate\" data-status=\"init\">\n<div style=\"display: none;\">\n<input type=\"hidden\" name=\"_wpcf7\" value=\"518\" \/>\n<input type=\"hidden\" name=\"_wpcf7_version\" value=\"5.8.1\" \/>\n<input type=\"hidden\" name=\"_wpcf7_locale\" value=\"en_US\" \/>\n<input type=\"hidden\" name=\"_wpcf7_unit_tag\" value=\"wpcf7-f518-o2\" \/>\n<input type=\"hidden\" name=\"_wpcf7_container_post\" value=\"0\" \/>\n<input type=\"hidden\" name=\"_wpcf7_posted_data_hash\" value=\"\" \/>\n<\/div>\n<div class=\"button-group\">\n\t<p><span class=\"wpcf7-form-control-wrap\" data-name=\"your-email\"><input size=\"40\" class=\"wpcf7-form-control wpcf7-email wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-email\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"yourname@email.com\" value=\"\" type=\"email\" name=\"your-email\" \/><\/span><input class=\"wpcf7-form-control wpcf7-submit has-spinner\" type=\"submit\" value=\"Notify me\" \/>\n\t<\/p>\n<\/div><div class=\"wpcf7-response-output\" aria-hidden=\"true\"><\/div>\n<\/form>\n<\/div>\n<\/div><\/div><div class=\"text-center\"><a class=\"md-close inline-block mt24\" href=\"#\"><i class=\"ti-close\"><\/i><\/a><\/div><\/div><div class=\"md-overlay\"><\/div><\/div>[\/vc_column][vc_column width=&#8221;1\/3&#8243;]<a  id=\"btn-69ebad7d07011\" class=\"md-trigger btn btn-rounded btn-lg  \" data-modal=\"modal-69ebad7d07013\" href=\"#\">Just me<\/a><div class=\"modal-button\"><div class=\" md-modal md-modal-7\" id=\"modal-69ebad7d07013\"><div class=\"md-content\"><div class=\"md-content-inner\">[vc_column_text]<\/p>\n<p><iframe loading=\"lazy\" src=\"https:\/\/player.vimeo.com\/video\/59449894\" width=\"1170\" height=\"658\" frameborder=\"0\" title=\"Nii Energy Bar &quot;Own The Day&quot; 30sec\" webkitallowfullscreen mozallowfullscreen allowfullscreen><\/iframe><\/p>\n<p>[\/vc_column_text]<\/div><\/div><div class=\"text-center\"><a class=\"md-close inline-block mt24\" href=\"#\"><i class=\"ti-close\"><\/i><\/a><\/div><\/div><div class=\"md-overlay\"><\/div><\/div>[\/vc_column][\/vc_row]\t\t<\/p>\n<\/section>","protected":false},"excerpt":{"rendered":"<p>[vc_row tlg_background_style=&#8221;bg-secondary&#8221; tlg_padding=&#8221;pb0&#8243; css=&#8221;.vc_custom_1462185294035{background-color: #f7f7f7 !important;}&#8221;][vc_column][\/vc_column][\/vc_row][vc_row tlg_background_style=&#8221;bg-secondary&#8221; tlg_padding=&#8221;pt0&#8243; tlg_text_align=&#8221;text-center&#8221; css=&#8221;.vc_custom_1462185306537{background-color: #f7f7f7 !important;}&#8221;][vc_column width=&#8221;1\/2&#8243;][\/vc_column][vc_column width=&#8221;1\/2&#8243;][\/vc_column][\/vc_row][vc_row tlg_background_style=&#8221;bg-secondary&#8221; tlg_padding=&#8221;pb0&#8243; css=&#8221;.vc_custom_1462185314787{background-color: #f7f7f7 !important;}&#8221;][vc_column][\/vc_column][\/vc_row][vc_row tlg_background_style=&#8221;bg-dark&#8221; tlg_padding=&#8221;pt180 pb180 pt-xs-80 pb-xs-80&#8243; tlg_text_align=&#8221;text-center&#8221; css=&#8221;.vc_custom_1469258712846{background-image: url(http:\/\/demo.themelogi.com\/roneous\/wp-content\/uploads_demo\/2016\/07\/fashionable.jpg?id=3435) !important;}&#8221;][vc_column][\/vc_column][\/vc_row][vc_row tlg_background_style=&#8221;bg-dark&#8221; tlg_padding=&#8221;pb0&#8243;&#8230;<\/p>\n","protected":false},"author":2,"featured_media":1803,"parent":133,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"_links":{"self":[{"href":"https:\/\/coutinorefinishing.com\/index.php\/wp-json\/wp\/v2\/pages\/473"}],"collection":[{"href":"https:\/\/coutinorefinishing.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/coutinorefinishing.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/coutinorefinishing.com\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/coutinorefinishing.com\/index.php\/wp-json\/wp\/v2\/comments?post=473"}],"version-history":[{"count":0,"href":"https:\/\/coutinorefinishing.com\/index.php\/wp-json\/wp\/v2\/pages\/473\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/coutinorefinishing.com\/index.php\/wp-json\/wp\/v2\/pages\/133"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/coutinorefinishing.com\/index.php\/wp-json\/"}],"wp:attachment":[{"href":"https:\/\/coutinorefinishing.com\/index.php\/wp-json\/wp\/v2\/media?parent=473"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}