{"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:\/\/bbcup.sk\/en\/elements\/modal-popup-effect\/","title":{"rendered":"Modal popup effect"},"content":{"rendered":"<p>[vc_row tlg_background_style=&#8220;bg-secondary&#8220; tlg_padding=&#8220;pb0&#8243; css=&#8220;.vc_custom_1462185294035{background-color: #f7f7f7 !important;}&#8220;][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=&#8220;bg-secondary&#8220; tlg_padding=&#8220;pt0&#8243; tlg_text_align=&#8220;text-center&#8220; css=&#8220;.vc_custom_1462185306537{background-color: #f7f7f7 !important;}&#8220;][vc_column width=&#8220;1\/2&#8243;]<a  id=\"btn-69f385a723f0c\" class=\"md-trigger btn btn-filled btn-rounded btn-lg ti-search\" data-modal=\"modal-69f385a723f0d\" href=\"#\">Fade in &amp; scale<\/a><div class=\"modal-button\"><div class=\"md-modal md-modal-1\" id=\"modal-69f385a723f0d\"><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-69f385a723f4e\" class=\"md-trigger btn btn-filled btn-rounded btn-lg ti-reload\" data-modal=\"modal-69f385a723f4f\" href=\"#\">Newspaper<\/a><div class=\"modal-button\"><div class=\"md-modal md-modal-4\" id=\"modal-69f385a723f4f\"><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=&#8220;1\/2&#8243;]<a  id=\"btn-69f385a723f86\" class=\"md-trigger btn btn-filled btn-rounded btn-lg ti-angle-double-left\" data-modal=\"modal-69f385a723f87\" href=\"#\">Slide in right<\/a><div class=\"modal-button\"><div class=\"image-bg md-modal md-modal-2\" id=\"modal-69f385a723f87\"><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 width=\"1920\" height=\"1213\" src=\"https:\/\/bbcup.sk\/wp-content\/uploads\/2016\/07\/fashionable.jpg\" class=\"background-image\" alt=\"\" loading=\"lazy\" srcset=\"https:\/\/bbcup.sk\/wp-content\/uploads\/2016\/07\/fashionable.jpg 1920w, https:\/\/bbcup.sk\/wp-content\/uploads\/2016\/07\/fashionable-300x190.jpg 300w, https:\/\/bbcup.sk\/wp-content\/uploads\/2016\/07\/fashionable-1024x647.jpg 1024w, https:\/\/bbcup.sk\/wp-content\/uploads\/2016\/07\/fashionable-768x485.jpg 768w, https:\/\/bbcup.sk\/wp-content\/uploads\/2016\/07\/fashionable-1536x970.jpg 1536w, https:\/\/bbcup.sk\/wp-content\/uploads\/2016\/07\/fashionable-600x379.jpg 600w\" sizes=\"(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-69f385a724a6d\" class=\"md-trigger btn btn-filled btn-rounded btn-lg ti-angle-double-up\" data-modal=\"modal-69f385a724a70\" href=\"#\">Slide in bottom<\/a><div class=\"modal-button\"><div class=\"image-bg md-modal md-modal-3\" id=\"modal-69f385a724a70\"><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><div role=\"form\" class=\"wpcf7\" 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=\"\/en\/wp-json\/wp\/v2\/pages\/473#wpcf7-f3409-o1\" method=\"post\" class=\"wpcf7-form init\" novalidate=\"novalidate\" data-status=\"init\" data-trp-original-action=\"\/en\/wp-json\/wp\/v2\/pages\/473#wpcf7-f3409-o1\">\n<div style=\"display: none;\">\n<input type=\"hidden\" name=\"_wpcf7\" value=\"3409\" \/>\n<input type=\"hidden\" name=\"_wpcf7_version\" value=\"5.3\" \/>\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<p><span class=\"wpcf7-form-control-wrap your-name\"><input type=\"text\" name=\"your-name\" value=\"Your Name\" size=\"40\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" \/><\/span><span class=\"wpcf7-form-control-wrap your-email\"><input type=\"email\" name=\"your-email\" value=\"Your Email\" size=\"40\" class=\"wpcf7-form-control wpcf7-text wpcf7-email wpcf7-validates-as-required wpcf7-validates-as-email\" aria-required=\"true\" aria-invalid=\"false\" \/><\/span><input type=\"submit\" value=\"Start your free trial \u00bb\" class=\"wpcf7-form-control wpcf7-submit\" \/><\/p>\n<p class=\"sub\">* We don't share your personal info with anyone. Check out our <a href=\"#\"> Privacy Policy<\/a> for more information.<\/p>\n<\/div>\n<div class=\"wpcf7-response-output\" aria-hidden=\"true\"><\/div><input type=\"hidden\" name=\"trp-form-language\" value=\"en\"\/><\/form><\/div><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 width=\"1920\" height=\"1278\" src=\"https:\/\/bbcup.sk\/wp-content\/uploads\/2016\/07\/celebrating.jpg\" class=\"background-image\" alt=\"\" loading=\"lazy\" srcset=\"https:\/\/bbcup.sk\/wp-content\/uploads\/2016\/07\/celebrating.jpg 1920w, https:\/\/bbcup.sk\/wp-content\/uploads\/2016\/07\/celebrating-300x200.jpg 300w, https:\/\/bbcup.sk\/wp-content\/uploads\/2016\/07\/celebrating-1024x682.jpg 1024w, https:\/\/bbcup.sk\/wp-content\/uploads\/2016\/07\/celebrating-768x511.jpg 768w, https:\/\/bbcup.sk\/wp-content\/uploads\/2016\/07\/celebrating-1536x1022.jpg 1536w, https:\/\/bbcup.sk\/wp-content\/uploads\/2016\/07\/celebrating-600x399.jpg 600w\" sizes=\"(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=&#8220;bg-secondary&#8220; tlg_padding=&#8220;pb0&#8243; css=&#8220;.vc_custom_1462185314787{background-color: #f7f7f7 !important;}&#8220;][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=&#8220;bg-dark&#8220; tlg_padding=&#8220;pt180 pb180 pt-xs-80 pb-xs-80&#8243; tlg_text_align=&#8220;text-center&#8220; css=&#8220;.vc_custom_1469258712846{background-image: url(http:\/\/web.bbcup.sk\/wp-content\/uploads\/2016\/07\/fashionable.jpg?id=3435) !important;}&#8220;][vc_column]<a  id=\"btn-69f385a725e88\" class=\"md-trigger play btn-lg\" data-modal=\"modal-69f385a725e89\" href=\"#\"><div class=\"play-button large inline\"><\/div><\/a><div class=\"modal-button\"><div class=\"md-modal md-modal-1\" id=\"modal-69f385a725e89\"><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=&#8220;bg-dark&#8220; tlg_padding=&#8220;pb0&#8243; css=&#8220;.vc_custom_1458549553633{background-color: #242424 !important;}&#8220;][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=&#8220;bg-dark&#8220; tlg_padding=&#8220;pt0&#8243; tlg_text_align=&#8220;text-center&#8220; css=&#8220;.vc_custom_1458549528218{background-color: #242424 !important;}&#8220;][vc_column width=&#8220;1\/3&#8243;]<a  id=\"btn-69f385a725ed9\" class=\"md-trigger btn btn-rounded btn-lg\" data-modal=\"modal-69f385a725eda\" href=\"#\">Sticky up<\/a><div class=\"modal-button\"><div class=\"md-modal md-modal-5\" id=\"modal-69f385a725eda\"><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=&#8220;1\/3&#8243;]<a  id=\"btn-69f385a725efc\" class=\"md-trigger btn btn-rounded btn-lg\" data-modal=\"modal-69f385a725efd\" href=\"#\">Super scaled<\/a><div class=\"modal-button\"><div class=\"md-modal md-modal-6\" id=\"modal-69f385a725efd\"><div class=\"md-content\"><div class=\"md-content-inner\">[vc_single_image image=&#8220;3232&#8243; img_size=&#8220;full&#8220; alignment=&#8220;center&#8220;]<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><div role=\"form\" class=\"wpcf7\" 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=\"\/en\/wp-json\/wp\/v2\/pages\/473#wpcf7-f518-o2\" method=\"post\" class=\"wpcf7-form init\" novalidate=\"novalidate\" data-status=\"init\" data-trp-original-action=\"\/en\/wp-json\/wp\/v2\/pages\/473#wpcf7-f518-o2\">\n<div style=\"display: none;\">\n<input type=\"hidden\" name=\"_wpcf7\" value=\"518\" \/>\n<input type=\"hidden\" name=\"_wpcf7_version\" value=\"5.3\" \/>\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\"><span class=\"wpcf7-form-control-wrap your-email\"><input type=\"email\" name=\"your-email\" value=\"\" 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\" \/><\/span><input type=\"submit\" value=\"Notify me\" class=\"wpcf7-form-control wpcf7-submit\" \/><\/div>\n<div class=\"wpcf7-response-output\" aria-hidden=\"true\"><\/div><input type=\"hidden\" name=\"trp-form-language\" value=\"en\"\/><\/form><\/div><\/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=&#8220;1\/3&#8243;]<a  id=\"btn-69f385a7264c1\" class=\"md-trigger btn btn-rounded btn-lg\" data-modal=\"modal-69f385a7264c4\" href=\"#\">Just me<\/a><div class=\"modal-button\"><div class=\"md-modal md-modal-7\" id=\"modal-69f385a7264c4\"><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>","protected":false},"excerpt":{"rendered":"<p>[vc_row tlg_background_style=&#8220;bg-secondary&#8220; tlg_padding=&#8220;pb0&#8243; css=&#8220;.vc_custom_1462185294035{background-color: #f7f7f7 !important;}&#8220;][vc_column][\/vc_column][\/vc_row][vc_row tlg_background_style=&#8220;bg-secondary&#8220; tlg_padding=&#8220;pt0&#8243; tlg_text_align=&#8220;text-center&#8220; css=&#8220;.vc_custom_1462185306537{background-color: #f7f7f7 !important;}&#8220;][vc_column width=&#8220;1\/2&#8243;][\/vc_column][vc_column width=&#8220;1\/2&#8243;][\/vc_column][\/vc_row][vc_row tlg_background_style=&#8220;bg-secondary&#8220; tlg_padding=&#8220;pb0&#8243;&#8230;<\/p>","protected":false},"author":1,"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},"_links":{"self":[{"href":"https:\/\/bbcup.sk\/en\/wp-json\/wp\/v2\/pages\/473"}],"collection":[{"href":"https:\/\/bbcup.sk\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bbcup.sk\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bbcup.sk\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bbcup.sk\/en\/wp-json\/wp\/v2\/comments?post=473"}],"version-history":[{"count":0,"href":"https:\/\/bbcup.sk\/en\/wp-json\/wp\/v2\/pages\/473\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/bbcup.sk\/en\/wp-json\/wp\/v2\/pages\/133"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/bbcup.sk\/en\/wp-json\/wp\/v2\/media\/1803"}],"wp:attachment":[{"href":"https:\/\/bbcup.sk\/en\/wp-json\/wp\/v2\/media?parent=473"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}