{"id":3019,"date":"2018-06-27T10:51:09","date_gmt":"2018-06-27T10:51:09","guid":{"rendered":"http:\/\/wp.dexifly.com\/cuber\/?page_id=3019"},"modified":"2018-06-27T10:51:09","modified_gmt":"2018-06-27T10:51:09","slug":"modals","status":"publish","type":"page","link":"https:\/\/elegant-designs.net\/index.php\/elements\/modals\/","title":{"rendered":"Modals"},"content":{"rendered":"<div class=\"wpb-content-wrapper\"><p>[vc_row cuber_row_padding=&#8221;py-7&#8243; awb_type=&#8221;color&#8221; awb_stretch=&#8221;1&#8243; awb_color=&#8221;#f8f8f8&#8243;][vc_column width=&#8221;1\/6&#8243;][\/vc_column][vc_column width=&#8221;2\/3&#8243;][vc_column_text]<\/p>\n<h2 style=\"text-align: center;\">Modals<\/h2>\n<p>[\/vc_column_text][\/vc_column][vc_column width=&#8221;1\/6&#8243;][\/vc_column][\/vc_row][vc_row cuber_row_padding=&#8221;py-7&#8243;][vc_column width=&#8221;1\/3&#8243; el_class=&#8221;text-center&#8221;][vc_column_text]<\/p>\n<h4 style=\"text-align: center;\">Simple Modal<\/h4>\n<p style=\"text-align: center;\">Press button to show modal<\/p>\n<p>[\/vc_column_text]<a href=\"#modal-1\"    class=\"btn btn-primary modal-trigger\">Show Modal<\/a>[\/vc_column][vc_column width=&#8221;1\/3&#8243; el_class=&#8221;text-center&#8221;][vc_column_text]<\/p>\n<h4 style=\"text-align: center;\">Custom Width and Height<\/h4>\n<p style=\"text-align: center;\">Press button to show modal<\/p>\n<p>[\/vc_column_text]<a href=\"#modal-2\"    class=\"btn btn-info modal-trigger\">Show Modal<\/a>[\/vc_column][vc_column width=&#8221;1\/3&#8243; el_class=&#8221;text-center&#8221;][vc_column_text]<\/p>\n<h4 style=\"text-align: center;\">Image Bacground\u00a0Modal<\/h4>\n<p style=\"text-align: center;\">Press button to show modal<\/p>\n<p>[\/vc_column_text]<a href=\"#modal-3\"    class=\"btn btn-dark modal-trigger\">Show Modal<\/a>[\/vc_column][\/vc_row][vc_row][vc_column]\r\n        <div  id=\"modal-1\" class=\"modal mfp-hide\">\r\n            <div class=\"modal__container d-flex align-items-center\">\r\n                <div class=\"modal__body\">\r\n                    <\/p>\n<h3 class=\"mb-3\">Modal Header 1<\/h3>\n<p>Another journey chamber way yet females man. Way extensive and dejection get delivered deficient sincerity gentleman age. Too end instrument possession contrasted motionless. Calling offense six joy feeling. Coming merits and was talent enough far. Sir joy northward sportsmen education. Discovery incommode earnestly no he commanded if.\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    \r\n        <div  id=\"modal-2\" style=\"max-width: 900px; height:600px\" class=\"modal mfp-hide\">\r\n            <div class=\"modal__container d-flex align-items-center\">\r\n                <div class=\"modal__body\">\r\n                    <\/p>\n<h3 class=\"mb-3 mb-5\" style=\"text-align: center;\">Modal Header 2<\/h3>\n<p style=\"text-align: center;\"><div role=\"form\" class=\"wpcf7\" id=\"wpcf7-f2065-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\/3019#wpcf7-f2065-o1\" method=\"post\" class=\"wpcf7-form init\" novalidate=\"novalidate\" data-status=\"init\">\n<div style=\"display: none;\">\n<input type=\"hidden\" name=\"_wpcf7\" value=\"2065\" \/>\n<input type=\"hidden\" name=\"_wpcf7_version\" value=\"5.3.2\" \/>\n<input type=\"hidden\" name=\"_wpcf7_locale\" value=\"en_US\" \/>\n<input type=\"hidden\" name=\"_wpcf7_unit_tag\" value=\"wpcf7-f2065-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=\"row\">\n<div class=\"col-md-6\">\n        <span class=\"wpcf7-form-control-wrap your-name\"><input type=\"text\" name=\"your-name\" value=\"\" size=\"40\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" id=\"contact-name\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Your Name\" \/><\/span>\n     <\/div>\n<div class=\"col-md-6\">\n        <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\" id=\"contact-email\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Your Email\" \/><\/span>\n     <\/div>\n<div class=\"col-md-12\">\n       <span class=\"wpcf7-form-control-wrap your-subject\"><input type=\"text\" name=\"your-subject\" value=\"\" size=\"40\" class=\"wpcf7-form-control wpcf7-text\" id=\"contact-subject\" aria-invalid=\"false\" placeholder=\"Your Phone Number\" \/><\/span>\n     <\/div>\n<div class=\"col-md-12\">\n       <span class=\"wpcf7-form-control-wrap your-message\"><textarea name=\"your-message\" cols=\"40\" rows=\"10\" class=\"wpcf7-form-control wpcf7-textarea wpcf7-validates-as-required\" id=\"contact-message\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Your Message\"><\/textarea><\/span>\n     <\/div>\n<div id=\"cf7sr-6a1af83d281bb\" class=\"cf7sr-g-recaptcha\" data-theme=\"light\" data-type=\"image\" data-size=\"compact\" data-sitekey=\"6Lfgm4UrAAAAAI4OOKwx37QfkM7vBzRcuhR1KrQS\"><\/div><span class=\"wpcf7-form-control-wrap cf7sr-recaptcha\" data-name=\"cf7sr-recaptcha\"><input type=\"hidden\" name=\"cf7sr-recaptcha\" value=\"\" class=\"wpcf7-form-control\"><\/span><\/p>\n<div class=\"col-md-12 text-right\">\n        <input type=\"submit\" value=\"Send message\" class=\"wpcf7-form-control wpcf7-submit btn btn-primary\" \/>\n    <\/div>\n<\/div>\n<div class=\"wpcf7-response-output\" aria-hidden=\"true\"><\/div><\/form><\/div>\n<p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    \r\n        <div  id=\"modal-3\" style=\"max-width: 700px; height:400px\" data-background=\"https:\/\/elegant-designs.net\/wp-content\/uploads\/2018\/06\/pexels-photo-807598.jpeg\" data-bg-overlay=\"4\" class=\"modal mfp-hide image-holder color--white\">\r\n            <div class=\"modal__container d-flex align-items-center\">\r\n                <div class=\"modal__body\">\r\n                    <\/p>\n<h3 class=\"mb-3\">Modal Header 3<\/h3>\n<p>Another journey chamber way yet females man. Way extensive and dejection get delivered deficient sincerity gentleman age. Too end instrument possession contrasted motionless. Calling offense six joy feeling. Coming merits and was talent enough far. Sir joy northward sportsmen education. Discovery incommode earnestly no he commanded if.\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    \r\n        <div  id=\"modal-4\" data-autoshow=\"3000\" style=\"max-width: 700px; height:400px\" data-background=\"https:\/\/elegant-designs.net\/wp-content\/uploads\/2018\/05\/1_6LJZi-81Yk6dyzZrfF7YeA-1.jpeg\" data-bg-overlay=\"4\" class=\"modal mfp-hide image-holder color--white\">\r\n            <div class=\"modal__container d-flex align-items-center\">\r\n                <div class=\"modal__body\">\r\n                    <\/p>\n<h3 class=\"mb-3\" style=\"text-align: center;\">Autoshow Modal<\/h3>\n<p class=\"mb-4\" style=\"text-align: center;\">Another journey chamber way yet females man. Way extensive and dejection get delivered deficient sincerity gentleman age. Too end instrument possession contrasted motionless<\/p>\n<p><script>(function() {\n\twindow.mc4wp = window.mc4wp || {\n\t\tlisteners: [],\n\t\tforms: {\n\t\t\ton: function(evt, cb) {\n\t\t\t\twindow.mc4wp.listeners.push(\n\t\t\t\t\t{\n\t\t\t\t\t\tevent   : evt,\n\t\t\t\t\t\tcallback: cb\n\t\t\t\t\t}\n\t\t\t\t);\n\t\t\t}\n\t\t}\n\t}\n})();\n<\/script><!-- Mailchimp for WordPress v4.8.1 - https:\/\/wordpress.org\/plugins\/mailchimp-for-wp\/ --><form id=\"mc4wp-form-1\" class=\"mc4wp-form mc4wp-form-2205\" method=\"post\" data-id=\"2205\" data-name=\"Subscribe Form\" ><div class=\"mc4wp-form-fields\"><div class=\"group-form\">\n  \t<div class=\"group-form__input\">\n      <input type=\"email\" name=\"EMAIL\" placeholder=\"Your email address\" required \/>\n    <\/div>\n    <div class=\"group-form__button\">\n      <input type=\"submit\" class=\"btn btn-primary\" value=\"Subscribe\" \/>\n    <\/div>\n<\/div><\/div><label style=\"display: none !important;\">Leave this field empty if you're human: <input type=\"text\" name=\"_mc4wp_honeypot\" value=\"\" tabindex=\"-1\" autocomplete=\"off\" \/><\/label><input type=\"hidden\" name=\"_mc4wp_timestamp\" value=\"1780152381\" \/><input type=\"hidden\" name=\"_mc4wp_form_id\" value=\"2205\" \/><input type=\"hidden\" name=\"_mc4wp_form_element_id\" value=\"mc4wp-form-1\" \/><div class=\"mc4wp-response\"><\/div><\/form><!-- \/ Mailchimp for WordPress Plugin -->\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    [\/vc_column][\/vc_row]<\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>[vc_row cuber_row_padding=&#8221;py-7&#8243; awb_type=&#8221;color&#8221; awb_stretch=&#8221;1&#8243; awb_color=&#8221;#f8f8f8&#8243;][vc_column width=&#8221;1\/6&#8243;][\/vc_column][vc_column width=&#8221;2\/3&#8243;][vc_column_text] Modals [\/vc_column_text][\/vc_column][vc_column width=&#8221;1\/6&#8243;][\/vc_column][\/vc_row][vc_row cuber_row_padding=&#8221;py-7&#8243;][vc_column width=&#8221;1\/3&#8243; el_class=&#8221;text-center&#8221;][vc_column_text] Simple Modal Press button to show modal [\/vc_column_text][\/vc_column][vc_column width=&#8221;1\/3&#8243; el_class=&#8221;text-center&#8221;][vc_column_text] Custom Width and Height Press button to show modal [\/vc_column_text][\/vc_column][vc_column width=&#8221;1\/3&#8243; el_class=&#8221;text-center&#8221;][vc_column_text] Image Bacground\u00a0Modal Press button to show modal [\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column][\/vc_column][\/vc_row]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":1835,"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,"_vp_format_video_url":"","_vp_image_focal_point":[],"footnotes":""},"class_list":["post-3019","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v22.7 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Modals - Elegant Designs<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/elegant-designs.net\/index.php\/elements\/modals\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Modals - Elegant Designs\" \/>\n<meta property=\"og:description\" content=\"[vc_row cuber_row_padding=&#8221;py-7&#8243; awb_type=&#8221;color&#8221; awb_stretch=&#8221;1&#8243; awb_color=&#8221;#f8f8f8&#8243;][vc_column width=&#8221;1\/6&#8243;][\/vc_column][vc_column width=&#8221;2\/3&#8243;][vc_column_text] Modals [\/vc_column_text][\/vc_column][vc_column width=&#8221;1\/6&#8243;][\/vc_column][\/vc_row][vc_row cuber_row_padding=&#8221;py-7&#8243;][vc_column width=&#8221;1\/3&#8243; el_class=&#8221;text-center&#8221;][vc_column_text] Simple Modal Press button to show modal [\/vc_column_text][\/vc_column][vc_column width=&#8221;1\/3&#8243; el_class=&#8221;text-center&#8221;][vc_column_text] Custom Width and Height Press button to show modal [\/vc_column_text][\/vc_column][vc_column width=&#8221;1\/3&#8243; el_class=&#8221;text-center&#8221;][vc_column_text] Image Bacground\u00a0Modal Press button to show modal [\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column][\/vc_column][\/vc_row]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/elegant-designs.net\/index.php\/elements\/modals\/\" \/>\n<meta property=\"og:site_name\" content=\"Elegant Designs\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/elegant-designs.net\/index.php\/elements\/modals\/\",\"url\":\"https:\/\/elegant-designs.net\/index.php\/elements\/modals\/\",\"name\":\"Modals - Elegant Designs\",\"isPartOf\":{\"@id\":\"https:\/\/elegant-designs.net\/#website\"},\"datePublished\":\"2018-06-27T10:51:09+00:00\",\"dateModified\":\"2018-06-27T10:51:09+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/elegant-designs.net\/index.php\/elements\/modals\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/elegant-designs.net\/index.php\/elements\/modals\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/elegant-designs.net\/index.php\/elements\/modals\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/elegant-designs.net\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Elements\",\"item\":\"https:\/\/elegant-designs.net\/index.php\/elements\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Modals\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/elegant-designs.net\/#website\",\"url\":\"https:\/\/elegant-designs.net\/\",\"name\":\"Elegant Designs\",\"description\":\"Mobile App &amp; Web Development\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/elegant-designs.net\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Modals - Elegant Designs","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/elegant-designs.net\/index.php\/elements\/modals\/","og_locale":"en_US","og_type":"article","og_title":"Modals - Elegant Designs","og_description":"[vc_row cuber_row_padding=&#8221;py-7&#8243; awb_type=&#8221;color&#8221; awb_stretch=&#8221;1&#8243; awb_color=&#8221;#f8f8f8&#8243;][vc_column width=&#8221;1\/6&#8243;][\/vc_column][vc_column width=&#8221;2\/3&#8243;][vc_column_text] Modals [\/vc_column_text][\/vc_column][vc_column width=&#8221;1\/6&#8243;][\/vc_column][\/vc_row][vc_row cuber_row_padding=&#8221;py-7&#8243;][vc_column width=&#8221;1\/3&#8243; el_class=&#8221;text-center&#8221;][vc_column_text] Simple Modal Press button to show modal [\/vc_column_text][\/vc_column][vc_column width=&#8221;1\/3&#8243; el_class=&#8221;text-center&#8221;][vc_column_text] Custom Width and Height Press button to show modal [\/vc_column_text][\/vc_column][vc_column width=&#8221;1\/3&#8243; el_class=&#8221;text-center&#8221;][vc_column_text] Image Bacground\u00a0Modal Press button to show modal [\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column][\/vc_column][\/vc_row]","og_url":"https:\/\/elegant-designs.net\/index.php\/elements\/modals\/","og_site_name":"Elegant Designs","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/elegant-designs.net\/index.php\/elements\/modals\/","url":"https:\/\/elegant-designs.net\/index.php\/elements\/modals\/","name":"Modals - Elegant Designs","isPartOf":{"@id":"https:\/\/elegant-designs.net\/#website"},"datePublished":"2018-06-27T10:51:09+00:00","dateModified":"2018-06-27T10:51:09+00:00","breadcrumb":{"@id":"https:\/\/elegant-designs.net\/index.php\/elements\/modals\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/elegant-designs.net\/index.php\/elements\/modals\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/elegant-designs.net\/index.php\/elements\/modals\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/elegant-designs.net\/"},{"@type":"ListItem","position":2,"name":"Elements","item":"https:\/\/elegant-designs.net\/index.php\/elements\/"},{"@type":"ListItem","position":3,"name":"Modals"}]},{"@type":"WebSite","@id":"https:\/\/elegant-designs.net\/#website","url":"https:\/\/elegant-designs.net\/","name":"Elegant Designs","description":"Mobile App &amp; Web Development","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/elegant-designs.net\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"}]}},"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/elegant-designs.net\/index.php\/wp-json\/wp\/v2\/pages\/3019","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/elegant-designs.net\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/elegant-designs.net\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/elegant-designs.net\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/elegant-designs.net\/index.php\/wp-json\/wp\/v2\/comments?post=3019"}],"version-history":[{"count":0,"href":"https:\/\/elegant-designs.net\/index.php\/wp-json\/wp\/v2\/pages\/3019\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/elegant-designs.net\/index.php\/wp-json\/wp\/v2\/pages\/1835"}],"wp:attachment":[{"href":"https:\/\/elegant-designs.net\/index.php\/wp-json\/wp\/v2\/media?parent=3019"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}