{"id":326,"date":"2016-12-30T17:36:04","date_gmt":"2016-12-30T17:36:04","guid":{"rendered":"http:\/\/localhost\/demo\/?page_id=326"},"modified":"2016-12-30T17:36:04","modified_gmt":"2016-12-30T17:36:04","slug":"modal-anything","status":"publish","type":"page","link":"https:\/\/sedcarpolarizados.com\/index.php\/shortcodes\/modal-anything\/","title":{"rendered":"Modal Anything"},"content":{"rendered":"<div class=\"wpb-content-wrapper\"><p>[vc_row full_width=&#8221;stretch_row&#8221; gradient_colors=&#8221;%5B%7B%7D%5D&#8221; poverlay=&#8221;no-overlay&#8221; css=&#8221;.vc_custom_1507979420004{padding-top: 0px !important;padding-bottom: 60px !important;}&#8221; kswr_row_top_decor_enabled=&#8221;false&#8221; kswr_row_bottom_decor_enabled=&#8221;false&#8221;][vc_column width=&#8221;2\/3&#8243;]<div class=\"kswr-heading-container kswr-theelement\" style=\"text-align:left;\">\n\t\t\t\t<div class=\"kswr-heading-title kswr-shortcode-element  \" data-fontsettings=\"font-size:22px;line-height:1.7em;letter-spacing:2px;\" style=\"font-size:22px;line-height:1.7em;letter-spacing:2px; font-family:Default;font-weight:500; margin-top:0px;margin-bottom:0px;color:#333;background-clip: inherit;background-color: inherit; -webkit-text-fill-color:#333;\">Meet the Awesomeness <\/div>\n\t\t\t\t<div class=\"kswr-heading-content kswr-shortcode-element  \" data-fontsettings=\"font-size:14px;\" style=\"font-size:14px; font-family:Default; margin-top:0px;margin-bottom:0px;color:#333333;\"><\/div>\n\t\t\t<\/div>[vc_column_text css=&#8221;.vc_custom_1507980359701{padding-top: 10px !important;}&#8221;]<\/p>\n<p style=\"text-align: left; font-size: 14px; color: #555; line-height: 1.7em;\">Possibility to create a modal popup where you can put any element you want. You\u00a0choose also from a styles and effects lists to give more uniqueness to your modal window. here are some example you can do with this great shortcode.<\/p>\n<p>[\/vc_column_text][\/vc_column][vc_column width=&#8221;1\/3&#8243;]<div class=\"kswr-button-container kswr-shortcode-element kswr-theelement\" style=\"text-align:center;margin-top:40px;margin-bottom:0px;\" data-icon-position=\"left\" data-button-style=\"rotatebottom\" data-layout=\"noicon\" data-hover-action=\"none\">\n\t\t\t\t<div class=\"kswr-button-insider\" style=\"width:180px; --btn-height:40px;  height:40px; border-radius:0px; padding-left:0px;padding-right:0px; line-height:40px;\" onclick=\"kswr_show_modalwindow(this);\" data-modal=\"gqCN4WAj\" >\t\t\t\t\n\t\t\t\t\t<div class=\"kswr-button-txt kswr-button-txt-r kswr-shortcode-element\" data-fontsettings=\"font-size:13px;letter-spacing:1px;\" style=\"color:#fff;background-clip: inherit;background-color: inherit; -webkit-text-fill-color:#fff;font-size:13px;letter-spacing:1px; font-family:Default;font-weight:500;\"><span style=\"\">OPEN MODAL<\/span><div class=\"kswr-button-icon kswr-button-icon-r\" style=\"font-size: 26px; \"><i style=\"color:#fff;background-clip: inherit;background-color: inherit; -webkit-text-fill-color:#fff;\" class=\"\"><\/i><\/div><\/div>\n\t\t\t\t\t<div class=\"kswr-button-txt kswr-button-txt-h kswr-shortcode-element\" data-fontsettings=\"font-size:13px;letter-spacing:1px;\" style=\"color:#fff;background-clip: inherit;background-color: inherit; -webkit-text-fill-color:#fff;font-size:13px;letter-spacing:1px; font-family:Default;font-weight:500;\"><span style=\"\">OPEN MODAL<\/span> <div class=\"kswr-button-icon kswr-button-icon-h\" style=\"font-size: 26px; \"><i style=\"color:#fff;background-clip: inherit;background-color: inherit; -webkit-text-fill-color:#fff;\" class=\"\"><\/i><\/div><\/div>\n\t\t\t\t\t<div class=\"kswr-button-bg kswr-button-bg-r  \" style=\"background:#111;border:0px none transparent;border-width:0px;\"><\/div>\n\t\t\t\t\t<div class=\"kswr-button-bg kswr-button-bg-h  \" style=\"background:#4f8eed;border:0px none transparent;border-width:0px;\"><\/div>\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t<\/div>\t\t\t\n\t\t\t<\/div><div class=\"km-overlay\" onclick=\"kswr_close_modalwindow(event);\"  data-modal=\"gqCN4WAj\" style=\"background-color:rgba(0,0,0,0.7);\"><div class=\"km-modal-video-closer\" style=\"color:#eeeeee; background:#111111;\" onclick=\"kswr_close_modalwindow();\">&#x2715;<\/div><div onclick=\"kswr_prevent_default(event)\" class=\"km-modal km-modal-video km-effect-1\" style=\"min-height:550px; width:1000px;\" id=\"gqCN4WAj\" ><div class=\"km-content\" style=\" background:#ffffff;padding-top:0px;padding-bottom:0px;padding-left:0px;padding-right:0px;\" >[vc_row_inner css=&#8221;.vc_custom_1483123664640{margin-bottom: 0px !important;padding-bottom: 0px !important;}&#8221;][vc_column_inner css=&#8221;.vc_custom_1483122414339{padding-top: 0px !important;padding-right: 0px !important;padding-bottom: 0px !important;padding-left: 0px !important;}&#8221;][vc_video link=&#8221;https:\/\/www.youtube.com\/watch?v=juWYhMoDTN0&#8243; align=&#8221;center&#8221; css=&#8221;.vc_custom_1483123493987{margin-bottom: 25px !important;padding-bottom: 0px !important;}&#8221;]<div class=\"kswr-heading-container kswr-theelement\" style=\"text-align:left;\">\n\t\t\t\t<div class=\"kswr-heading-title kswr-shortcode-element  \" data-fontsettings=\"font-size:22px;line-height:1.7em;letter-spacing:2px;\" style=\"font-size:22px;line-height:1.7em;letter-spacing:2px; font-family:Default;font-weight:500; margin-top:0px;margin-bottom:0px;color:#333;background-clip: inherit;background-color: inherit; -webkit-text-fill-color:#333;\">This is modal with video<\/div>\n\t\t\t\t<div class=\"kswr-heading-content kswr-shortcode-element  \" data-fontsettings=\"font-size:14px;\" style=\"font-size:14px; font-family:Default; margin-top:0px;margin-bottom:0px;color:#333333;\"><\/div>\n\t\t\t<\/div>[\/vc_column_inner][\/vc_row_inner][vc_row_inner css=&#8221;.vc_custom_1483123691287{margin-top: 0px !important;padding-top: 0px !important;}&#8221;][vc_column_inner width=&#8221;2\/3&#8243; css=&#8221;.vc_custom_1483123696055{padding-right: 0px !important;padding-left: 0px !important;}&#8221;][vc_column_text]<\/p>\n<p style=\"text-align: left; font-size: 14px; color: #444;\">Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean. A small river named Duden flows by their place and supplies it with the necessary regelialia.<\/p>\n<p>[\/vc_column_text][\/vc_column_inner][vc_column_inner width=&#8221;1\/3&#8243;]<div class=\"km-radial-progressbar-container kswr-theelement\" data-position=\"center\" ><div class=\"km-radial-progressbar\" data-progress=\"0\" style=\"background-color:#eee; width: 100px; height: 100px;\" data-value=\"74\" >\n    <div class=\"circle\">\n        <div class=\"mask full\" style=\"clip: rect(0px, 100px, 100px, 50px) ;\">\n            <div class=\"fill\" style=\"clip: rect(0px, 50px, 100px, 0px); background-color: #289fca;\"><\/div>\n        <\/div>\n        <div class=\"mask half\" style=\"clip: rect(0px, 100px, 100px, 50px) ;\">\n            <div class=\"fill\" style=\"clip: rect(0px, 50px, 100px, 0px); background-color: #289fca;\"><\/div>\n            <div class=\"fill fix\" style=\"clip: rect(0px, 50px, 100px, 0px); background-color: #289fca;\"><\/div>\n        <\/div>        \n    <\/div>\n    <div class=\"inset\" style=\"left:7px; top:7px; width:calc(100% - 14px); height:calc(100% - 14px);\">\n        <div class=\"percentage\" style=\"background: #ffffff; color:#444444\">\n            <div class=\"numbers\">\n              <div class=\"km-rad-percentc kswr-shortcode-element\" data-fontsettings=\"font-size:18px;\" style=\"font-size:18px;font-family:Default;font-weight:inherit;\"><span class=\"perc-value\">0<\/span> %<\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div><\/div>[\/vc_column_inner][\/vc_row_inner]<\/div><\/div><\/div>[\/vc_column][\/vc_row]<\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>[vc_row full_width=&#8221;stretch_row&#8221; gradient_colors=&#8221;%5B%7B%7D%5D&#8221; poverlay=&#8221;no-overlay&#8221; css=&#8221;.vc_custom_1507979420004{padding-top: 0px !important;padding-bottom: 60px !important;}&#8221; kswr_row_top_decor_enabled=&#8221;false&#8221; kswr_row_bottom_decor_enabled=&#8221;false&#8221;][vc_column width=&#8221;2\/3&#8243;][vc_column_text css=&#8221;.vc_custom_1507980359701{padding-top: 10px !important;}&#8221;] Possibility to create a modal popup where you can put any element you want. You\u00a0choose also from a styles and effects lists to give more uniqueness to your modal window. here are some example you can do with this great [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":12842,"menu_order":0,"comment_status":"closed","ping_status":"open","template":"","meta":{"footnotes":""},"class_list":["post-326","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/sedcarpolarizados.com\/index.php\/wp-json\/wp\/v2\/pages\/326","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sedcarpolarizados.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sedcarpolarizados.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sedcarpolarizados.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sedcarpolarizados.com\/index.php\/wp-json\/wp\/v2\/comments?post=326"}],"version-history":[{"count":0,"href":"https:\/\/sedcarpolarizados.com\/index.php\/wp-json\/wp\/v2\/pages\/326\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/sedcarpolarizados.com\/index.php\/wp-json\/wp\/v2\/pages\/12842"}],"wp:attachment":[{"href":"https:\/\/sedcarpolarizados.com\/index.php\/wp-json\/wp\/v2\/media?parent=326"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}