{"id":473,"date":"2015-12-20T15:39:55","date_gmt":"2015-12-20T15:39:55","guid":{"rendered":"http:\/\/demo.themelogi.com\/navian\/?page_id=473"},"modified":"2015-12-20T15:39:55","modified_gmt":"2015-12-20T15:39:55","slug":"button-popup","status":"publish","type":"page","link":"https:\/\/ihramm.com\/index.php\/elements\/button-popup\/","title":{"rendered":"Button Popup"},"content":{"rendered":"<p>[vc_row tlg_text_align=&#8221;text-center&#8221;][vc_column width=&#8221;1\/3&#8243;]<div id=\"iconbox-69f16285b7006\" class=\"   \"><div class=\"icon-link\"><div class=\"relative mb0\"><div class=\"icon-image\"><img src=\"https:\/\/ihramm.com\/wp-content\/uploads\/2019\/06\/groups-600x600.jpg\" alt=\"icon-image\" \/><div class=\"image-overlay\"><div class=\"image-overlay-inner\">\n    \t\t\t\t\t\t<i  class=\"ti-comment-alt\"><\/i><h2  class=\"widgettitle\">Contact modal form<\/h2><\/div><\/div><\/div><h5  class=\"widgettitle \">Contact modal form<\/h5><div  class=\"icon-content\"><p>Create your modal popup with the Modal Button element in Visual Composer<\/p>\n<\/div><\/div><\/div><\/div><script type=\"text\/javascript\">jQuery(document).ready(function(){jQuery('head').append('<style type=\"text\/css\" id=\"tlg-custom-css-iconbox-69f16285b7006\">#iconbox-69f16285b7006 .boxed-icon:hover{background-color:#445dfd!important;}#iconbox-69f16285b7006 .boxed-animate:before{background-color:#445dfd!important;}#iconbox-69f16285b7006 .boxed.boxed-intro.boxed-scroll .title{background-color:#445dfd!important;}#iconbox-69f16285b7006 .boxed.boxed-intro.boxed-scroll .icon-image .image-overlay-inner .widgettitle:before{background-color:#445dfd!important;}#iconbox-69f16285b7006 .animate-center .image-overlay-inner .widgettitle:before{background-color:#445dfd!important;}<\/style>');});<\/script><div class=\"tlg-spacer  \" data-height=\"20\" data-height-tablet=\"20\" data-height-mobile=\"20\" style=\"clear:both;display:block;height:20px;\"><\/div><a  id=\"btn-69f16285b75b6\" class=\"md-trigger btn btn-primary-line btn-rounded btn-sm  \" data-modal=\"modal-69f16285b75b7\" href=\"#\">Modal contact<i class=\"ti-angle-right\"><\/i><\/a><div class=\"modal-button\"><div id=\"modal-69f16285b75b7\" class=\" md-modal md-modal-1 text-center\"><div class=\"md-content\"><div class=\"md-content-inner\"><div class=\"headings-title \"><div class=\"mb40 mb-xs-40 text-center\"><h5  class=\"widgettitle\">Get in touch<\/h5><div  class=\"widgetsubtitle\">You can put anything to this modal<\/div><\/div><\/div><div class=\"wpcf7 no-js\" id=\"wpcf7-f681-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-f681-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=\"681\" \/>\n<input type=\"hidden\" name=\"_wpcf7_version\" value=\"5.7.2\" \/>\n<input type=\"hidden\" name=\"_wpcf7_locale\" value=\"en_US\" \/>\n<input type=\"hidden\" name=\"_wpcf7_unit_tag\" value=\"wpcf7-f681-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=\"flat-input\">\n\t<div class=\"overflow-hidden\">\n\t\t<div class=\"half-column half-column-left\">\n\t\t\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\" placeholder=\"Name\" value=\"\" type=\"text\" name=\"your-name\" \/><\/span>\n\t\t\t<\/p>\n\t\t<\/div>\n\t\t<div class=\"half-column half-column-right\">\n\t\t\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=\"Email address\" value=\"\" type=\"email\" name=\"your-email\" \/><\/span>\n\t\t\t<\/p>\n\t\t<\/div>\n\t<\/div>\n\t<div class=\"overflow-hidden\">\n\t\t<div class=\"half-column half-column-left\">\n\t\t\t<p><span class=\"wpcf7-form-control-wrap\" data-name=\"your-subject\"><input size=\"40\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Subject\" value=\"\" type=\"text\" name=\"your-subject\" \/><\/span>\n\t\t\t<\/p>\n\t\t<\/div>\n\t\t<div class=\"half-column half-column-right\">\n\t\t\t<p><span class=\"wpcf7-form-control-wrap\" data-name=\"your-phone\"><input size=\"40\" class=\"wpcf7-form-control wpcf7-text\" aria-invalid=\"false\" placeholder=\"Phone Number\" value=\"\" type=\"text\" name=\"your-phone\" \/><\/span>\n\t\t\t<\/p>\n\t\t<\/div>\n\t<\/div>\n\t<p><span class=\"wpcf7-form-control-wrap\" data-name=\"your-message\"><textarea cols=\"40\" rows=\"10\" class=\"wpcf7-form-control wpcf7-textarea\" aria-invalid=\"false\" placeholder=\"Message\" name=\"your-message\"><\/textarea><\/span>\n\t<\/p>\n\t<p><button type=\"submit\" class=\"wpcf7-submit wpcf7-submit-custom btn btn-filled btn-new ti-arrow-right\">SEND MESSAGE<\/button>\n\t<\/p>\n<\/div><div class=\"wpcf7-response-output\" aria-hidden=\"true\"><\/div><\/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=&#8221;1\/3&#8243;]<div id=\"iconbox-69f16285b7bd8\" class=\"   \"><div class=\"icon-link\"><div class=\"relative mb0\"><div class=\"icon-image\"><img src=\"https:\/\/ihramm.com\/wp-content\/uploads\/2019\/06\/group-laps-600x600.jpg\" alt=\"icon-image\" \/><div class=\"image-overlay\"><div class=\"image-overlay-inner\">\n    \t\t\t\t\t\t<i  class=\"ti-email\"><\/i><h2  class=\"widgettitle\">Subscribe modal form<\/h2><\/div><\/div><\/div><h5  class=\"widgettitle \">Subscribe modal form<\/h5><div  class=\"icon-content\"><p>Create your modal popup with the Modal Button element in Visual Composer<\/p>\n<\/div><\/div><\/div><\/div><script type=\"text\/javascript\">jQuery(document).ready(function(){jQuery('head').append('<style type=\"text\/css\" id=\"tlg-custom-css-iconbox-69f16285b7bd8\">#iconbox-69f16285b7bd8 .boxed-icon:hover{background-color:#445dfd!important;}#iconbox-69f16285b7bd8 .boxed-animate:before{background-color:#445dfd!important;}#iconbox-69f16285b7bd8 .boxed.boxed-intro.boxed-scroll .title{background-color:#445dfd!important;}#iconbox-69f16285b7bd8 .boxed.boxed-intro.boxed-scroll .icon-image .image-overlay-inner .widgettitle:before{background-color:#445dfd!important;}#iconbox-69f16285b7bd8 .animate-center .image-overlay-inner .widgettitle:before{background-color:#445dfd!important;}<\/style>');});<\/script><div class=\"tlg-spacer  \" data-height=\"20\" data-height-tablet=\"20\" data-height-mobile=\"20\" style=\"clear:both;display:block;height:20px;\"><\/div><a  id=\"btn-69f16285b7e56\" class=\"md-trigger btn btn-primary-line btn-rounded btn-sm  \" data-modal=\"modal-69f16285b7e57\" href=\"#\">Modal subscription<i class=\"ti-angle-right\"><\/i><\/a><div class=\"modal-button\"><div id=\"modal-69f16285b7e57\" class=\"image-bg md-modal md-modal-1 text-center\"><div class=\"md-content\"><div class=\"md-content-inner\"><div class=\"headings-title \"><div class=\"mb40 mb-xs-40 text-center\"><h5  class=\"widgettitle\">Get in touch<\/h5><div class=\"divider-wrap\"><i  class=\"ti-info\"><\/i><div class=\"tlg-divider tlg-divider-large\" style=\"\"><\/div><\/div><div  class=\"widgetsubtitle\">You can put anything to this modal<\/div><\/div><\/div><div class=\"wpcf7 no-js\" id=\"wpcf7-f3409-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-f3409-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=\"3409\" \/>\n<input type=\"hidden\" name=\"_wpcf7_version\" value=\"5.7.2\" \/>\n<input type=\"hidden\" name=\"_wpcf7_locale\" value=\"en_US\" \/>\n<input type=\"hidden\" name=\"_wpcf7_unit_tag\" value=\"wpcf7-f3409-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=\"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 ml-0\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Your Name\" value=\"\" 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\" placeholder=\"Email Address\" value=\"\" type=\"email\" name=\"your-email\" \/><\/span><input class=\"wpcf7-form-control has-spinner wpcf7-submit mr-0\" type=\"submit\" value=\"Free instant Access\" \/>\n\t<\/p>\n\t<p class=\"sub\">* Sign up now for FREE 5 days course\n\t<\/p>\n<\/div><div class=\"wpcf7-response-output\" aria-hidden=\"true\"><\/div><\/form><\/div><\/div><div class=\"background-content\"><img width=\"1920\" height=\"1278\" src=\"https:\/\/ihramm.com\/wp-content\/uploads\/2019\/02\/restaurants.jpg\" class=\"background-image\" alt=\"page-header\" decoding=\"async\" loading=\"lazy\" srcset=\"https:\/\/ihramm.com\/wp-content\/uploads\/2019\/02\/restaurants.jpg 1920w, https:\/\/ihramm.com\/wp-content\/uploads\/2019\/02\/restaurants-300x200.jpg 300w, https:\/\/ihramm.com\/wp-content\/uploads\/2019\/02\/restaurants-1024x682.jpg 1024w, https:\/\/ihramm.com\/wp-content\/uploads\/2019\/02\/restaurants-768x511.jpg 768w, https:\/\/ihramm.com\/wp-content\/uploads\/2019\/02\/restaurants-1536x1022.jpg 1536w, https:\/\/ihramm.com\/wp-content\/uploads\/2019\/02\/restaurants-600x399.jpg 600w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/><div class=\"background-overlay\" style=\"opacity:0.2;\"><\/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=&#8221;1\/3&#8243;]<div id=\"iconbox-69f16285b82e5\" class=\"   \"><div class=\"icon-link\"><div class=\"relative mb0\"><div class=\"icon-image\"><img src=\"https:\/\/ihramm.com\/wp-content\/uploads\/2019\/06\/cheergroups-600x600.jpg\" alt=\"icon-image\" \/><div class=\"image-overlay\"><div class=\"image-overlay-inner\">\n    \t\t\t\t\t\t<i  class=\"ti-control-play\"><\/i><h2  class=\"widgettitle\">Video content modal<\/h2><\/div><\/div><\/div><h5  class=\"widgettitle \">Video content modal<\/h5><div  class=\"icon-content\"><p>Create your modal popup with the Modal Button element in Visual Composer<\/p>\n<\/div><\/div><\/div><\/div><script type=\"text\/javascript\">jQuery(document).ready(function(){jQuery('head').append('<style type=\"text\/css\" id=\"tlg-custom-css-iconbox-69f16285b82e5\">#iconbox-69f16285b82e5 .boxed-icon:hover{background-color:#445dfd!important;}#iconbox-69f16285b82e5 .boxed-animate:before{background-color:#445dfd!important;}#iconbox-69f16285b82e5 .boxed.boxed-intro.boxed-scroll .title{background-color:#445dfd!important;}#iconbox-69f16285b82e5 .boxed.boxed-intro.boxed-scroll .icon-image .image-overlay-inner .widgettitle:before{background-color:#445dfd!important;}#iconbox-69f16285b82e5 .animate-center .image-overlay-inner .widgettitle:before{background-color:#445dfd!important;}<\/style>');});<\/script><div class=\"tlg-spacer  \" data-height=\"20\" data-height-tablet=\"20\" data-height-mobile=\"20\" style=\"clear:both;display:block;height:20px;\"><\/div><a  id=\"btn-69f16285b8721\" class=\"md-trigger btn btn-primary-line btn-rounded btn-sm  \" data-modal=\"modal-69f16285b8722\" href=\"#\">Modal video<i class=\"ti-angle-right\"><\/i><\/a><div class=\"modal-button\"><div id=\"modal-69f16285b8722\" class=\" md-modal md-modal-7 text-center\"><div class=\"md-content\"><div class=\"md-content-inner\">[vc_column_text]<\/p>\n<p><iframe loading=\"lazy\" title=\"Don&#039;t Blink: 12 Terrific Fast Typography Templates That&#039;ll Take Your Video to the Next Level\" width=\"1170\" height=\"658\" src=\"https:\/\/www.youtube.com\/embed\/qZEPs3vmYB4?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\" 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][vc_row tlg_background_style=&#8221;bg-dark&#8221; tlg_padding=&#8221;pt180 pb180 pt-xs-80 pb-xs-80&#8243; tlg_enable_overlay=&#8221;yes&#8221; tlg_text_align=&#8221;text-center&#8221; css=&#8221;.vc_custom_1562064673705{background-image: url(http:\/\/ihramm.com\/wp-content\/uploads\/2019\/06\/collaboratings.jpg?id=8304) !important;}&#8221; tlg_bg_overlay=&#8221;#fa4e40&#8243; tlg_bg_overlay_value=&#8221;8&#8243; tlg_bg_gradient_color=&#8221;#49c5b6&#8243;][vc_column width=&#8221;1\/6&#8243;][\/vc_column][vc_column width=&#8221;2\/3&#8243;]<div class=\"headings-title \"><div class=\"mb40 mb-xs-40 text-center\"><h5  class=\"widgettitle\">Modal Video Button<\/h5><div class=\"divider-wrap\"><div class=\"tlg-divider \" style=\"\"><\/div><\/div><\/div><\/div>[vc_column_text]We have the skills and resources to create professional films. Whether you want a corporate promotional film or a record of a conference we can provide the services you require.[\/vc_column_text]<a  id=\"btn-69f16285b874b\" class=\"md-trigger play btn-sm  \" data-modal=\"modal-69f16285b874c\" href=\"#\"><div class=\"play-button large inline\"><\/div><\/a><div class=\"modal-button\"><div id=\"modal-69f16285b874c\" class=\" md-modal md-modal-7 text-center\"><div class=\"md-content\"><div class=\"md-content-inner\">[vc_column_text]<\/p>\n<p><iframe loading=\"lazy\" title=\"Don&#039;t Blink: 12 Terrific Fast Typography Templates That&#039;ll Take Your Video to the Next Level\" width=\"1170\" height=\"658\" src=\"https:\/\/www.youtube.com\/embed\/qZEPs3vmYB4?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\" 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_column width=&#8221;1\/6&#8243;][\/vc_column][\/vc_row]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>[vc_row tlg_text_align=&#8221;text-center&#8221;][vc_column width=&#8221;1\/3&#8243;][\/vc_column][vc_column width=&#8221;1\/3&#8243;][\/vc_column][vc_column width=&#8221;1\/3&#8243;][\/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_enable_overlay=&#8221;yes&#8221; tlg_text_align=&#8221;text-center&#8221; css=&#8221;.vc_custom_1562064673705{background-image: url(http:\/\/ihramm.com\/wp-content\/uploads\/2019\/06\/collaboratings.jpg?id=8304) !important;}&#8221; tlg_bg_overlay=&#8221;#fa4e40&#8243; tlg_bg_overlay_value=&#8221;8&#8243; tlg_bg_gradient_color=&#8221;#49c5b6&#8243;][vc_column width=&#8221;1\/6&#8243;][\/vc_column][vc_column width=&#8221;2\/3&#8243;][vc_column_text]We have the skills and resources to create professional films. Whether you want a corporate promotional film or a record of a conference we can provide the services you require.[\/vc_column_text][\/vc_column][vc_column width=&#8221;1\/6&#8243;][\/vc_column][\/vc_row]<\/p>\n","protected":false},"author":1,"featured_media":8301,"parent":133,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/ihramm.com\/index.php\/wp-json\/wp\/v2\/pages\/473"}],"collection":[{"href":"https:\/\/ihramm.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ihramm.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ihramm.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ihramm.com\/index.php\/wp-json\/wp\/v2\/comments?post=473"}],"version-history":[{"count":0,"href":"https:\/\/ihramm.com\/index.php\/wp-json\/wp\/v2\/pages\/473\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/ihramm.com\/index.php\/wp-json\/wp\/v2\/pages\/133"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/ihramm.com\/index.php\/wp-json\/wp\/v2\/media\/8301"}],"wp:attachment":[{"href":"https:\/\/ihramm.com\/index.php\/wp-json\/wp\/v2\/media?parent=473"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}