{"id":412,"date":"2020-02-06T10:27:51","date_gmt":"2020-02-06T10:27:51","guid":{"rendered":"https:\/\/litho.themezaa.com\/?page_id=412"},"modified":"2020-02-06T10:27:51","modified_gmt":"2020-02-06T10:27:51","slug":"modal-simple","status":"publish","type":"page","link":"https:\/\/can-mali.com\/index.php\/modal-simple\/","title":{"rendered":"Simple modal"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"412\" class=\"elementor elementor-412\">\n\t\t\t\t<div class=\" elementor-element elementor-element-2d8fb2c e-flex e-con-boxed elementor-invisible e-con e-parent\" data-fullscreen-column-settings=\"{&quot;fullscreen&quot;:&quot;&quot;}\" data-id=\"2d8fb2c\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;fadeIn&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\" elementor-element elementor-element-bb4142a e-con-full e-flex e-con e-child\" data-fullscreen-column-settings=\"{&quot;fullscreen&quot;:&quot;&quot;}\" data-id=\"bb4142a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9a4c89c elementor-widget elementor-widget-litho-heading\" data-id=\"9a4c89c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"litho-heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h6 class=\"litho-heading elementor-size-default\"><span class=\"litho-primary-title\">Simple modal popup\n<\/span><\/h6>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9e6c497 elementor-widget elementor-widget-text-editor\" data-id=\"9e6c497\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>A modal popup disables the usual ways to close popups.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d22ea1a elementor-widget elementor-widget-litho-popup\" data-id=\"d22ea1a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"litho-popup.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t<div id=\"elementor-lightbox-d22ea1a\" class=\"modal-main-wrap mfp-hide\">\n\t\t\t\t\t\t<div class=\"modal-wrap\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"popup-title\">SIMPLE MODAL POPUP<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"popup-content\"><p>Lorem ipsum is simply dummy text of the printing and typesetting industry lorem ipsum has been the industry's standard dummy text ever.<\/p><\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<button class=\"btn popup-modal-dismiss\">DISMISS<\/button>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-wrapper simple-model-popup elementor-wrapper simple-model-popup\">\n\t\t\t\t<div class=\"litho-popup-wrapper\">\n\t\t\t\t\t\t\t\t<a class=\"elementor-button-wrapper litho-button-wrapper modal-popup\" href=\"#elementor-lightbox-d22ea1a\">\n\t\t\t\t<div class=\"elementor-button elementor-size-md\">\n\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">OPEN MODAL<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t<\/div>\n\t\t\t<\/a>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\" elementor-element elementor-element-72f4aed e-flex e-con-boxed elementor-invisible e-con e-parent\" data-fullscreen-column-settings=\"{&quot;fullscreen&quot;:&quot;&quot;}\" data-id=\"72f4aed\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;animation&quot;:&quot;fadeIn&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\" elementor-element elementor-element-e760910 e-con-full e-flex e-con e-child\" data-fullscreen-column-settings=\"{&quot;fullscreen&quot;:&quot;&quot;}\" data-id=\"e760910\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-411f296 elementor-widget elementor-widget-litho-heading\" data-id=\"411f296\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"litho-heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h6 class=\"litho-heading elementor-size-default\"><span class=\"litho-primary-title\">Dialog with css animation\n<\/span><\/h6>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3992913 elementor-widget elementor-widget-text-editor\" data-id=\"3992913\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Animations are added with simple CSS transitions, you can make them look however you wish.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-725d801 elementor-widget elementor-widget-litho-popup\" data-id=\"725d801\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"litho-popup.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t<div id=\"elementor-lightbox-725d801\" class=\"modal-main-wrap mfp-hide zoom-anim-dialog\">\n\t\t\t\t\t\t<div class=\"modal-wrap\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"popup-title\">OPEN WITH FADE-ZOOM ANIMATION<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"popup-content\">Lorem ipsum is simply dummy text of the printing and typesetting industry lorem ipsum has been the industry's standard dummy text ever.<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<button class=\"btn popup-modal-dismiss\">DISMISS<\/button>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-wrapper simple-model-popup elementor-wrapper simple-model-popup\">\n\t\t\t\t<div class=\"litho-popup-wrapper\">\n\t\t\t\t\t\t\t\t<a class=\"elementor-button-wrapper litho-button-wrapper popup-with-zoom-anim\" href=\"#elementor-lightbox-725d801\">\n\t\t\t\t<div class=\"elementor-button elementor-size-md\">\n\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">OPEN WITH FADE-ZOOM ANIMATION<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t<\/div>\n\t\t\t<\/a>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\" elementor-element elementor-element-ac4aee1 e-flex e-con-boxed elementor-invisible e-con e-parent\" data-fullscreen-column-settings=\"{&quot;fullscreen&quot;:&quot;&quot;}\" data-id=\"ac4aee1\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;fadeIn&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\" elementor-element elementor-element-d0bdda6 e-con-full e-flex e-con e-child\" data-fullscreen-column-settings=\"{&quot;fullscreen&quot;:&quot;&quot;}\" data-id=\"d0bdda6\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-dadf3c8 elementor-widget elementor-widget-litho-heading\" data-id=\"dadf3c8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"litho-heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h6 class=\"litho-heading elementor-size-default\"><span class=\"litho-primary-title\">Dialog with css animation\n<\/span><\/h6>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0a13d20 elementor-widget elementor-widget-text-editor\" data-id=\"0a13d20\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Animations are added with simple CSS transitions, you can make them look however you wish.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f3dae84 elementor-widget elementor-widget-litho-popup\" data-id=\"f3dae84\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"litho-popup.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t<div id=\"elementor-lightbox-f3dae84\" class=\"modal-main-wrap mfp-hide zoom-anim-dialog\">\n\t\t\t\t\t\t<div class=\"modal-wrap\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"popup-title\">OPEN WITH FADE-ZOOM ANIMATION<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"popup-content\">Lorem ipsum is simply dummy text of the printing and typesetting industry lorem ipsum has been the industry's standard dummy text ever.<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<button class=\"btn popup-modal-dismiss\">DISMISS<\/button>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-wrapper simple-model-popup elementor-wrapper simple-model-popup\">\n\t\t\t\t<div class=\"litho-popup-wrapper\">\n\t\t\t\t\t\t\t\t<a class=\"elementor-button-wrapper litho-button-wrapper popup-with-move-anim\" href=\"#elementor-lightbox-f3dae84\">\n\t\t\t\t<div class=\"elementor-button elementor-size-md\">\n\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">OPEN WITH FADE-ZOOM ANIMATION<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t<\/div>\n\t\t\t<\/a>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Simple modal popup A modal popup disables the usual ways to close popups. SIMPLE MODAL POPUP Lorem ipsum is simply dummy text of the printing and typesetting industry lorem ipsum has been the industry&rsquo;s standard dummy text ever. DISMISS OPEN MODAL Dialog with css animation Animations are added with simple CSS transitions, you can make [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":164,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-412","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Simple modal - Litho<\/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:\/\/can-mali.com\/index.php\/modal-simple\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Simple modal - Litho\" \/>\n<meta property=\"og:description\" content=\"Simple modal popup A modal popup disables the usual ways to close popups. SIMPLE MODAL POPUP Lorem ipsum is simply dummy text of the printing and typesetting industry lorem ipsum has been the industry&rsquo;s standard dummy text ever. DISMISS OPEN MODAL Dialog with css animation Animations are added with simple CSS transitions, you can make [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/can-mali.com\/index.php\/modal-simple\/\" \/>\n<meta property=\"og:site_name\" content=\"Litho\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/can-mali.com\\\/index.php\\\/modal-simple\\\/\",\"url\":\"https:\\\/\\\/can-mali.com\\\/index.php\\\/modal-simple\\\/\",\"name\":\"Simple modal - Litho\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/can-mali.com\\\/#website\"},\"datePublished\":\"2020-02-06T10:27:51+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/can-mali.com\\\/index.php\\\/modal-simple\\\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/can-mali.com\\\/index.php\\\/modal-simple\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/can-mali.com\\\/index.php\\\/modal-simple\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/can-mali.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Simple modal\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/can-mali.com\\\/#website\",\"url\":\"https:\\\/\\\/can-mali.com\\\/\",\"name\":\"Litho\",\"description\":\"Centrale anti-nuisible\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/can-mali.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Simple modal - Litho","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:\/\/can-mali.com\/index.php\/modal-simple\/","og_locale":"fr_FR","og_type":"article","og_title":"Simple modal - Litho","og_description":"Simple modal popup A modal popup disables the usual ways to close popups. SIMPLE MODAL POPUP Lorem ipsum is simply dummy text of the printing and typesetting industry lorem ipsum has been the industry&rsquo;s standard dummy text ever. DISMISS OPEN MODAL Dialog with css animation Animations are added with simple CSS transitions, you can make [&hellip;]","og_url":"https:\/\/can-mali.com\/index.php\/modal-simple\/","og_site_name":"Litho","twitter_card":"summary_large_image","twitter_misc":{"Dur\u00e9e de lecture estim\u00e9e":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/can-mali.com\/index.php\/modal-simple\/","url":"https:\/\/can-mali.com\/index.php\/modal-simple\/","name":"Simple modal - Litho","isPartOf":{"@id":"https:\/\/can-mali.com\/#website"},"datePublished":"2020-02-06T10:27:51+00:00","breadcrumb":{"@id":"https:\/\/can-mali.com\/index.php\/modal-simple\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/can-mali.com\/index.php\/modal-simple\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/can-mali.com\/index.php\/modal-simple\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/can-mali.com\/"},{"@type":"ListItem","position":2,"name":"Simple modal"}]},{"@type":"WebSite","@id":"https:\/\/can-mali.com\/#website","url":"https:\/\/can-mali.com\/","name":"Litho","description":"Centrale anti-nuisible","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/can-mali.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"}]}},"_links":{"self":[{"href":"https:\/\/can-mali.com\/index.php\/wp-json\/wp\/v2\/pages\/412","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/can-mali.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/can-mali.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/can-mali.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/can-mali.com\/index.php\/wp-json\/wp\/v2\/comments?post=412"}],"version-history":[{"count":0,"href":"https:\/\/can-mali.com\/index.php\/wp-json\/wp\/v2\/pages\/412\/revisions"}],"wp:attachment":[{"href":"https:\/\/can-mali.com\/index.php\/wp-json\/wp\/v2\/media?parent=412"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}