{"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:\/\/imprymachile.com\/index.php\/elements\/modal-popup-effect\/","title":{"rendered":"Modal popup effect"},"content":{"rendered":"<section class=\"wpb-content-wrapper\"><p>[vc_row tlg_background_style=\u00bbbg-secondary\u00bb tlg_padding=\u00bbpb0&#8243; css=\u00bb.vc_custom_1462185294035{background-color: #f7f7f7 !important;}\u00bb][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=\u00bbbg-secondary\u00bb tlg_padding=\u00bbpt0&#8243; tlg_text_align=\u00bbtext-center\u00bb css=\u00bb.vc_custom_1462185306537{background-color: #f7f7f7 !important;}\u00bb][vc_column width=\u00bb1\/2&#8243;]<a  id=\"btn-6a8f533c57861\" class=\"md-trigger btn btn-filled btn-rounded btn-lg ti-search \" data-modal=\"modal-6a8f533c57862\" href=\"#\">Fade in &amp; scale<\/a><div class=\"modal-button\"><div class=\" md-modal md-modal-1\" id=\"modal-6a8f533c57862\"><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-6a8f533c5789b\" class=\"md-trigger btn btn-filled btn-rounded btn-lg ti-reload \" data-modal=\"modal-6a8f533c5789c\" href=\"#\">Newspaper<\/a><div class=\"modal-button\"><div class=\" md-modal md-modal-4\" id=\"modal-6a8f533c5789c\"><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=\u00bb1\/2&#8243;]<a  id=\"btn-6a8f533c578ce\" class=\"md-trigger btn btn-filled btn-rounded btn-lg ti-angle-double-left \" data-modal=\"modal-6a8f533c578cf\" href=\"#\">Slide in right<\/a><div class=\"modal-button\"><div class=\"image-bg md-modal md-modal-2\" id=\"modal-6a8f533c578cf\"><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\"><img loading=\"lazy\" decoding=\"async\" width=\"1920\" height=\"1213\" src=\"https:\/\/imprymachile.com\/wp-content\/uploads\/2016\/07\/fashionable.jpg\" class=\"background-image\" alt=\"\" srcset=\"https:\/\/imprymachile.com\/wp-content\/uploads\/2016\/07\/fashionable.jpg 1920w, https:\/\/imprymachile.com\/wp-content\/uploads\/2016\/07\/fashionable-600x379.jpg 600w, https:\/\/imprymachile.com\/wp-content\/uploads\/2016\/07\/fashionable-300x190.jpg 300w, https:\/\/imprymachile.com\/wp-content\/uploads\/2016\/07\/fashionable-1024x647.jpg 1024w, https:\/\/imprymachile.com\/wp-content\/uploads\/2016\/07\/fashionable-768x485.jpg 768w, https:\/\/imprymachile.com\/wp-content\/uploads\/2016\/07\/fashionable-1536x970.jpg 1536w\" sizes=\"auto, (max-width: 1920px) 100vw, 1920px\" \/><\/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-6a8f533c57f4d\" class=\"md-trigger btn btn-filled btn-rounded btn-lg ti-angle-double-up \" data-modal=\"modal-6a8f533c57f4f\" href=\"#\">Slide in bottom<\/a><div class=\"modal-button\"><div class=\"image-bg md-modal md-modal-3\" id=\"modal-6a8f533c57f4f\"><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.7.6\" \/>\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-text wpcf7-email wpcf7-validates-as-required wpcf7-validates-as-email\" aria-required=\"true\" aria-invalid=\"false\" value=\"Your Email\" type=\"email\" name=\"your-email\" \/><\/span><input class=\"wpcf7-form-control has-spinner wpcf7-submit\" 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\"><img loading=\"lazy\" decoding=\"async\" width=\"1920\" height=\"1278\" src=\"https:\/\/imprymachile.com\/wp-content\/uploads\/2016\/07\/celebrating.jpg\" class=\"background-image\" alt=\"\" srcset=\"https:\/\/imprymachile.com\/wp-content\/uploads\/2016\/07\/celebrating.jpg 1920w, https:\/\/imprymachile.com\/wp-content\/uploads\/2016\/07\/celebrating-600x400.jpg 600w, https:\/\/imprymachile.com\/wp-content\/uploads\/2016\/07\/celebrating-300x200.jpg 300w, https:\/\/imprymachile.com\/wp-content\/uploads\/2016\/07\/celebrating-1024x682.jpg 1024w, https:\/\/imprymachile.com\/wp-content\/uploads\/2016\/07\/celebrating-768x511.jpg 768w, https:\/\/imprymachile.com\/wp-content\/uploads\/2016\/07\/celebrating-1536x1022.jpg 1536w\" sizes=\"auto, (max-width: 1920px) 100vw, 1920px\" \/><\/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=\u00bbbg-secondary\u00bb tlg_padding=\u00bbpb0&#8243; css=\u00bb.vc_custom_1462185314787{background-color: #f7f7f7 !important;}\u00bb][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=\u00bbbg-dark\u00bb tlg_padding=\u00bbpt180 pb180 pt-xs-80 pb-xs-80&#8243; tlg_text_align=\u00bbtext-center\u00bb css=\u00bb.vc_custom_1469258712846{background-image: url(https:\/\/imprymachile.com\/wp-content\/uploads\/2016\/07\/fashionable.jpg?id=3435) !important;}\u00bb][vc_column]<a  id=\"btn-6a8f533c5b2f1\" class=\"md-trigger play btn-lg  \" data-modal=\"modal-6a8f533c5b2f2\" href=\"#\"><div class=\"play-button large inline\"><\/div><\/a><div class=\"modal-button\"><div class=\" md-modal md-modal-1\" id=\"modal-6a8f533c5b2f2\"><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=\u00bbbg-dark\u00bb tlg_padding=\u00bbpb0&#8243; css=\u00bb.vc_custom_1458549553633{background-color: #242424 !important;}\u00bb][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=\u00bbbg-dark\u00bb tlg_padding=\u00bbpt0&#8243; tlg_text_align=\u00bbtext-center\u00bb css=\u00bb.vc_custom_1458549528218{background-color: #242424 !important;}\u00bb][vc_column width=\u00bb1\/3&#8243;]<a  id=\"btn-6a8f533c5b34a\" class=\"md-trigger btn btn-rounded btn-lg  \" data-modal=\"modal-6a8f533c5b34b\" href=\"#\">Sticky up<\/a><div class=\"modal-button\"><div class=\" md-modal md-modal-5\" id=\"modal-6a8f533c5b34b\"><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=\u00bb1\/3&#8243;]<a  id=\"btn-6a8f533c5b37d\" class=\"md-trigger btn btn-rounded btn-lg  \" data-modal=\"modal-6a8f533c5b37e\" href=\"#\">Super scaled<\/a><div class=\"modal-button\"><div class=\" md-modal md-modal-6\" id=\"modal-6a8f533c5b37e\"><div class=\"md-content\"><div class=\"md-content-inner\">[vc_single_image image=\u00bb3232&#8243; img_size=\u00bbfull\u00bb alignment=\u00bbcenter\u00bb]<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.7.6\" \/>\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-text wpcf7-email wpcf7-validates-as-required 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 has-spinner wpcf7-submit\" 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=\u00bb1\/3&#8243;]<a  id=\"btn-6a8f533c5dd79\" class=\"md-trigger btn btn-rounded btn-lg  \" data-modal=\"modal-6a8f533c5dd7c\" href=\"#\">Just me<\/a><div class=\"modal-button\"><div class=\" md-modal md-modal-7\" id=\"modal-6a8f533c5dd7c\"><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]<\/p>\n<\/section>","protected":false},"excerpt":{"rendered":"<p>[vc_row tlg_background_style=\u00bbbg-secondary\u00bb tlg_padding=\u00bbpb0&#8243; css=\u00bb.vc_custom_1462185294035{background-color: #f7f7f7 !important;}\u00bb][vc_column][\/vc_column][\/vc_row][vc_row tlg_background_style=\u00bbbg-secondary\u00bb tlg_padding=\u00bbpt0&#8243; tlg_text_align=\u00bbtext-center\u00bb css=\u00bb.vc_custom_1462185306537{background-color: #f7f7f7 !important;}\u00bb][vc_column width=\u00bb1\/2&#8243;][\/vc_column][vc_column width=\u00bb1\/2&#8243;][\/vc_column][\/vc_row][vc_row tlg_background_style=\u00bbbg-secondary\u00bb tlg_padding=\u00bbpb0&#8243;&#8230;<\/p>\n","protected":false},"author":2,"featured_media":1803,"parent":133,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"inline_featured_image":false,"footnotes":""},"class_list":["post-473","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/imprymachile.com\/index.php\/wp-json\/wp\/v2\/pages\/473","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/imprymachile.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/imprymachile.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/imprymachile.com\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/imprymachile.com\/index.php\/wp-json\/wp\/v2\/comments?post=473"}],"version-history":[{"count":0,"href":"https:\/\/imprymachile.com\/index.php\/wp-json\/wp\/v2\/pages\/473\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/imprymachile.com\/index.php\/wp-json\/wp\/v2\/pages\/133"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/imprymachile.com\/index.php\/wp-json\/wp\/v2\/media\/1803"}],"wp:attachment":[{"href":"https:\/\/imprymachile.com\/index.php\/wp-json\/wp\/v2\/media?parent=473"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}