{"id":63,"date":"2025-12-25T10:39:14","date_gmt":"2025-12-25T10:39:14","guid":{"rendered":"https:\/\/demo.wpgem.co\/Roofnest\/project-details\/"},"modified":"2025-12-25T10:39:14","modified_gmt":"2025-12-25T10:39:14","slug":"project-details","status":"publish","type":"page","link":"https:\/\/demo.wpgem.co\/Roofnest\/project-details\/","title":{"rendered":"Project Details"},"content":{"rendered":"\t\t<div data-elementor-type=\"page\" data-elementor-id=\"63\" class=\"elementor elementor-63 elementor-bc-flex-widget\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d8f6cec e-flex e-con-boxed e-con e-parent\" data-id=\"d8f6cec\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1dcbdbed elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"1dcbdbed\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Our Projects<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3073dcab elementor-icon-list--layout-inline elementor-align-center elementor-list-item-link-full_width elementor-invisible elementor-widget elementor-widget-icon-list\" data-id=\"3073dcab\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;,&quot;_animation_delay&quot;:200}\" data-widget_type=\"icon-list.default\">\n\t\t\t\t\t\t\t<ul class=\"elementor-icon-list-items elementor-inline-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item elementor-inline-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"#\">\n\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Home<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item elementor-inline-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"icon icon-right-arrow\"><\/i>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Projects<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-499fb736 e-con-full e-flex elementor-invisible e-con e-child\" data-id=\"499fb736\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;animation&quot;:&quot;fadeIn&quot;,&quot;animation_delay&quot;:400}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7bb86d5e elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"7bb86d5e\" data-element_type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\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-731c963c e-flex e-con-boxed e-con e-parent\" data-id=\"731c963c\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-9889ab e-con-full e-flex e-con e-child\" data-id=\"9889ab\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6c3079b9 elementor-invisible elementor-widget elementor-widget-text-editor\" data-id=\"6c3079b9\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Our Project<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4974f9a2 elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"4974f9a2\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;,&quot;_animation_delay&quot;:200}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Roof Coating and Protection<\/h2>\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4c1ac3bd e-grid e-con-full elementor-invisible e-con e-child\" data-id=\"4c1ac3bd\" data-element_type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;fadeInUp&quot;,&quot;animation_delay&quot;:400}\">\n\t\t<div class=\"elementor-element elementor-element-351ca32f e-con-full e-flex e-con e-child\" data-id=\"351ca32f\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2738b57a elementor-widget elementor-widget-text-editor\" data-id=\"2738b57a\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Client<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-24983e43 elementor-widget elementor-widget-text-editor\" data-id=\"24983e43\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Resident Owner<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6872a82e e-con-full e-flex e-con e-child\" data-id=\"6872a82e\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2cd9499a elementor-widget elementor-widget-text-editor\" data-id=\"2cd9499a\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Location<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3b688a33 elementor-widget elementor-widget-text-editor\" data-id=\"3b688a33\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Austin, TX<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-65e7980c e-con-full e-flex e-con e-child\" data-id=\"65e7980c\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-184fa71c elementor-widget elementor-widget-text-editor\" data-id=\"184fa71c\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Surface Area<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7f885f34 elementor-widget elementor-widget-text-editor\" data-id=\"7f885f34\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>1500 sqft<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5c3d773b e-con-full e-flex e-con e-child\" data-id=\"5c3d773b\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2a71afc2 elementor-widget elementor-widget-text-editor\" data-id=\"2a71afc2\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Services<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-14aca2af elementor-widget elementor-widget-text-editor\" data-id=\"14aca2af\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Coating &amp; Protection<\/p>\t\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<div class=\"elementor-element elementor-element-3cb04556 elementor-invisible elementor-widget elementor-widget-image\" data-id=\"3cb04556\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;}\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"800\" height=\"534\" src=\"https:\/\/demo.wpgem.co\/Roofnest\/wp-content\/uploads\/2025\/12\/closeup-shot-of-a-modern-built-house-on-a-blue-sky-BYZEY4P-1024x683.jpg\" class=\"attachment-large size-large wp-image-230\" alt=\"\" srcset=\"https:\/\/demo.wpgem.co\/Roofnest\/wp-content\/uploads\/2025\/12\/closeup-shot-of-a-modern-built-house-on-a-blue-sky-BYZEY4P-1024x683.jpg 1024w, https:\/\/demo.wpgem.co\/Roofnest\/wp-content\/uploads\/2025\/12\/closeup-shot-of-a-modern-built-house-on-a-blue-sky-BYZEY4P-300x200.jpg 300w, https:\/\/demo.wpgem.co\/Roofnest\/wp-content\/uploads\/2025\/12\/closeup-shot-of-a-modern-built-house-on-a-blue-sky-BYZEY4P-768x512.jpg 768w, https:\/\/demo.wpgem.co\/Roofnest\/wp-content\/uploads\/2025\/12\/closeup-shot-of-a-modern-built-house-on-a-blue-sky-BYZEY4P-1536x1024.jpg 1536w, https:\/\/demo.wpgem.co\/Roofnest\/wp-content\/uploads\/2025\/12\/closeup-shot-of-a-modern-built-house-on-a-blue-sky-BYZEY4P-2048x1365.jpg 2048w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-59615a40 elementor-widget elementor-widget-heading\" data-id=\"59615a40\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Project Challenge<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-559a448f elementor-widget elementor-widget-text-editor\" data-id=\"559a448f\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Donec scelerisque enim in velit consectetur maximus. Sed porttitor interdum condimentum. Mauris convallis nibh felis, id imperdiet urna congue ut. Pellentesque laoreet vehicula turpis nec varius. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse nec tellus varius, vulputate urna sit amet, vulputate eros. Phasellus ultricies, ipsum quis aliquet faucibus, augue odio vulputate turpis, et convallis augue neque nec ante.<\/p><p>Nulla urna dolor, consectetur nec feugiat non, imperdiet sed orci. Suspendisse a fringilla tortor, gravida ultrices justo. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Mauris interdum dolor sed volutpat vestibulum. Aliquam vitae turpis pretium eros finibus dapibus.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6d61e51e elementor-widget elementor-widget-heading\" data-id=\"6d61e51e\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Project Solution<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-799b6aba elementor-widget elementor-widget-text-editor\" data-id=\"799b6aba\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Cras at ultricies nisi. Etiam suscipit nulla diam, ut cursus turpis fermentum eu. Aenean massa tellus, commodo at ligula accumsan, scelerisque placerat justo. Praesent fermentum justo neque, sit amet lacinia lectus interdum a. Cras ut congue risus. Vivamus viverra eleifend sem. Mauris a consequat ipsum. Aenean lobortis magna et aliquam imperdiet.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-20ea3563 elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list\" data-id=\"20ea3563\" data-element_type=\"widget\" data-widget_type=\"icon-list.default\">\n\t\t\t\t\t\t\t<ul class=\"elementor-icon-list-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-circle\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Praesent sagittis pellentesque felis<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-circle\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Curabitur vestibulum, metus at volutpat<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-circle\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Duis a imperdiet ante, vel mattis urna<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-32988176 elementor-widget elementor-widget-text-editor\" data-id=\"32988176\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Ut malesuada ex diam, in ultrices ante malesuada porttitor. Duis a imperdiet ante, vel mattis urna. Sed ac ex vel lorem bibendum tempor. Aenean rutrum mi sit amet metus maximus, vitae ultricies leo ultrices. In condimentum metus eu lacinia auctor.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4c9bc89a elementor-widget elementor-widget-heading\" data-id=\"4c9bc89a\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Project Result<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6965fd62 elementor-widget elementor-widget-text-editor\" data-id=\"6965fd62\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Vivamus ligula urna, mollis at odio id, auctor scelerisque ligula. Nunc a maximus est. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Aenean fermentum massa metus, sed laoreet arcu rhoncus vitae. Vestibulum et urna et erat porttitor eleifend. Vestibulum vestibulum leo nisi, eget pretium orci fringilla ut.<\/p><p>Pellentesque pharetra augue ut est sollicitudin volutpat. Pellentesque magna enim, fermentum eget quam nec, finibus molestie tellus. Quisque faucibus arcu sed iaculis porttitor. Aliquam erat volutpat. Nam quam nulla, fermentum ut turpis nec, pretium suscipit nulla. Mauris id finibus risus. Mauris molestie neque ligula, vel elementum magna iaculis.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4f1defb7 e-con-full e-flex e-con e-child\" data-id=\"4f1defb7\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-5c4d7f66 e-con-full e-flex elementor-invisible e-con e-child\" data-id=\"5c4d7f66\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;animation&quot;:&quot;fadeInUp&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1362c32a elementor-widget elementor-widget-heading\" data-id=\"1362c32a\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h5 class=\"elementor-heading-title elementor-size-default\">Get a free quotation<\/h5>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-234bc0a0 elementor-widget elementor-widget-metform\" data-id=\"234bc0a0\" data-element_type=\"widget\" data-widget_type=\"metform.default\">\n\t\t\t\t\t<div id=\"mf-response-props-id-72\" data-previous-steps-style=\"\" data-editswitchopen=\"\" data-response_type=\"alert\" data-erroricon=\"fas fa-exclamation-triangle\" data-successicon=\"fas fa-check\" data-messageposition=\"top\" class=\"   mf-scroll-top-no\">\n\t\t<div class=\"formpicker_warper formpicker_warper_editable\" data-metform-formpicker-key=\"72\" >\n\t\t\t\t\n\t\t\t<div class=\"mf-widget-container\">\n\t\t\t\t\r\n\t\t<div\r\n\t\t\tid=\"metform-wrap-234bc0a0-72\"\r\n\t\t\tclass=\"mf-form-wrapper\"\r\n\t\t\tdata-form-id=\"72\"\r\n\t\t\tdata-action=\"https:\/\/demo.wpgem.co\/Roofnest\/wp-json\/metform\/v1\/entries\/insert\/72\"\r\n\t\t\tdata-wp-nonce=\"ef01a6396d\"\r\n\t\t\tdata-form-nonce=\"498242e2e8\"\r\n\t\t\tdata-quiz-summery = \"false\"\r\n\t\t\tdata-save-progress = \"false\"\r\n\t\t\tdata-form-type=\"contact_form\"\r\n\t\t\tdata-stop-vertical-effect=\"\"\r\n\t\t\t><\/div>\r\n\r\n\r\n\t\t<!----------------------------- \r\n\t\t\t* controls_data : find the the props passed indie of data attribute\r\n\t\t\t* props.SubmitResponseMarkup : contains the markup of error or success message\r\n\t\t\t* https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/JavaScript\/Reference\/Template_literals\r\n\t\t--------------------------- -->\r\n\r\n\t\t\t\t<script type=\"text\/mf\" class=\"mf-template\">\r\n\t\t\tfunction controls_data (value){\r\n\t\t\t\tlet currentWrapper = \"mf-response-props-id-72\";\r\n\t\t\t\tlet currentEl = document.getElementById(currentWrapper);\r\n\t\t\t\t\r\n\t\t\t\treturn currentEl ? currentEl.dataset[value] : false\r\n\t\t\t}\r\n\r\n\r\n\t\t\tlet is_edit_mode = '' ? true : false;\r\n\t\t\tlet message_position = controls_data('messageposition') || 'top';\r\n\r\n\t\t\t\r\n\t\t\tlet message_successIcon = controls_data('successicon') || '';\r\n\t\t\tlet message_errorIcon = controls_data('erroricon') || '';\r\n\t\t\tlet message_editSwitch = controls_data('editswitchopen') === 'yes' ? true : false;\r\n\t\t\tlet message_proClass = controls_data('editswitchopen') === 'yes' ? 'mf_pro_activated' : '';\r\n\t\t\t\r\n\t\t\tlet is_dummy_markup = is_edit_mode && message_editSwitch ? true : false;\r\n\r\n\t\t\t\r\n\t\t\treturn html`\r\n\t\t\t\t<form\r\n\t\t\t\t\tclassName=\"metform-form-content\"\r\n\t\t\t\t\tref=${parent.formContainerRef}\r\n\t\t\t\t\tonSubmit=${ validation.handleSubmit( parent.handleFormSubmit ) }\r\n\t\t\t\t\r\n\t\t\t\t\t>\r\n\t\t\t\r\n\t\t\t\r\n\t\t\t\t\t${is_dummy_markup ? message_position === 'top' ?  props.ResponseDummyMarkup(message_successIcon, message_proClass) : '' : ''}\r\n\t\t\t\t\t${is_dummy_markup ? ' ' :  message_position === 'top' ? props.SubmitResponseMarkup`${parent}${state}${message_successIcon}${message_errorIcon}${message_proClass}` : ''}\r\n\r\n\t\t\t\t\t<!--------------------------------------------------------\r\n\t\t\t\t\t*** IMPORTANT \/ DANGEROUS ***\r\n\t\t\t\t\t${html``} must be used as in immediate child of \"metform-form-main-wrapper\"\r\n\t\t\t\t\tclass otherwise multistep form will not run at all\r\n\t\t\t\t\t---------------------------------------------------------->\r\n\r\n\t\t\t\t\t<div className=\"metform-form-main-wrapper\" key=${'hide-form-after-submit'} ref=${parent.formRef}>\r\n\t\t\t\t\t${html`\r\n\t\t\t\t\t\t\t\t<div data-elementor-type=\"wp-post\" key=\"2\" data-elementor-id=\"72\" className=\"elementor elementor-72 elementor-bc-flex-widget\" data-elementor-post-type=\"metform-form\">\n\t\t\t\t<div className=\"elementor-element elementor-element-202fef2a e-flex e-con-boxed e-con e-parent\" data-id=\"202fef2a\" data-element_type=\"container\">\n\t\t\t\t\t<div className=\"e-con-inner\">\n\t\t<div className=\"elementor-element elementor-element-a65b596 e-con-full e-flex e-con e-child\" data-id=\"a65b596\" data-element_type=\"container\">\n\t\t\t\t<div className=\"elementor-element elementor-element-63676699 elementor-widget__width-inherit elementor-widget elementor-widget-mf-listing-fname\" data-id=\"63676699\" data-element_type=\"widget\" data-settings=\"{&quot;mf_input_name&quot;:&quot;mf-listing-fname&quot;}\" data-widget_type=\"mf-listing-fname.default\">\n\t\t\t\t\t\n\t\t<div className=\"mf-input-wrapper\">\n\t\t\t\t\t\t\t<label className=\"mf-input-label\" htmlFor=\"mf-input-text-63676699\">\n\t\t\t\t\t${ parent.decodeEntities(`Your Name`) } \t\t\t\t\t<span className=\"mf-input-required-indicator\">*<\/span>\n\t\t\t\t<\/label>\n\t\t\t\n\t\t\t<input type=\"text\" className=\"mf-input \" id=\"mf-input-text-63676699\" \n\t\t\t\tname=\"mf-listing-fname\" \n\t\t\t\tplaceholder=\"${ parent.decodeEntities(`Jhon Doe`) } \"\n\t\t\t\tonInput=${ parent.handleChange }\n\n\t\t\t\t\t\t\t\t\taria-invalid=${validation.errors['mf-listing-fname'] ? 'true' : 'false'}\n\t\t\t\t\tref=${ el => parent.activateValidation({\"message\":\"This field is required.\",\"minLength\":1,\"maxLength\":\"\",\"type\":\"none\",\"required\":true,\"expression\":\"null\"}, el) }\n\t\t\t\t\t\t\t\/>\n\n\t\t\t\t\t\t\t<${validation.ErrorMessage}\n\t\t\t\t\terrors=${validation.errors}\n\t\t\t\t\tname=\"mf-listing-fname\"\n\t\t\t\t\tas=${html`<span className=\"mf-error-message\"><\/span>`}\n\t\t\t\t\t\/>\n\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div className=\"elementor-element elementor-element-195e1322 e-con-full e-flex e-con e-child\" data-id=\"195e1322\" data-element_type=\"container\">\n\t\t<div className=\"elementor-element elementor-element-ae5b29f e-con-full e-flex e-con e-child\" data-id=\"ae5b29f\" data-element_type=\"container\">\n\t\t\t\t<div className=\"elementor-element elementor-element-60bbf73 elementor-widget__width-inherit elementor-widget elementor-widget-mf-telephone\" data-id=\"60bbf73\" data-element_type=\"widget\" data-settings=\"{&quot;mf_input_name&quot;:&quot;mf-telephone&quot;}\" data-widget_type=\"mf-telephone.default\">\n\t\t\t\t\t\n\t\t<div className=\"mf-input-wrapper\">\n\t\t\t\t\t\t\t<label className=\"mf-input-label\" htmlFor=\"mf-input-telephone-60bbf73\">\n\t\t\t\t\t${ parent.decodeEntities(`Phone`) } \t\t\t\t\t<span className=\"mf-input-required-indicator\">*<\/span>\n\t\t\t\t<\/label>\n\t\t\t\n\t\t\t<input\n\t\t\t\ttype=\"tel\"\n\t\t\t\tclassName=\"mf-input \"\n\t\t\t\tid=\"mf-input-telephone-60bbf73\" \n\t\t\t\tname=\"mf-telephone\"\n\t\t\t\tplaceholder=\"${ parent.decodeEntities(`+1 (234) 567 890`) } \"\n\t\t\t\t\t\t\t\t\tonInput=${parent.handleChange}\n\t\t\t\t\taria-invalid=${validation.errors['mf-telephone'] ? 'true' : 'false'}\n\t\t\t\t\tref=${el => parent.activateValidation({\"message\":\"This field is required.\",\"minLength\":1,\"maxLength\":\"\",\"type\":\"none\",\"required\":true,\"expression\":\"null\"}, el)}\n\t\t\t\t\t\t\t\t\/>\n\t\t\t\n\t\t\t\t\t\t\t<${validation.ErrorMessage}\n\t\t\t\t\terrors=${validation.errors}\n\t\t\t\t\tname=\"mf-telephone\"\n\t\t\t\t\tas=${html`<span className=\"mf-error-message\"><\/span>`}\n\t\t\t\t\t\/>\n\t\t\t\n\t\t\t\n\t\t<\/div>\n\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div className=\"elementor-element elementor-element-3f4fb90b e-con-full e-flex e-con e-child\" data-id=\"3f4fb90b\" data-element_type=\"container\">\n\t\t\t\t<div className=\"elementor-element elementor-element-6ec043c0 elementor-widget__width-inherit elementor-widget elementor-widget-mf-email\" data-id=\"6ec043c0\" data-element_type=\"widget\" data-settings=\"{&quot;mf_input_name&quot;:&quot;mf-email&quot;}\" data-widget_type=\"mf-email.default\">\n\t\t\t\t\t\r\n\t\t<div className=\"mf-input-wrapper\">\r\n\t\t\t\t\t\t\t<label className=\"mf-input-label\" htmlFor=\"mf-input-email-6ec043c0\">\r\n\t\t\t\t\t${ parent.decodeEntities(`Email`) } \t\t\t\t\t<span className=\"mf-input-required-indicator\">*<\/span>\r\n\t\t\t\t<\/label>\r\n\t\t\t\r\n\t\t\t<input \r\n\t\t\t\ttype=\"email\" \r\n\t\t\t\t \r\n\t\t\t\tdefaultValue=\"\" \r\n\t\t\t\tclassName=\"mf-input \" \r\n\t\t\t\tid=\"mf-input-email-6ec043c0\" \r\n\t\t\t\tname=\"mf-email\" \r\n\t\t\t\tplaceholder=\"${ parent.decodeEntities(`example@mail.com`) } \" \r\n\t\t\t\t \r\n\t\t\t\tonBlur=${parent.handleChange} onFocus=${parent.handleChange} aria-invalid=${validation.errors['mf-email'] ? 'true' : 'false' } \r\n\t\t\t\tref=${el=> parent.activateValidation({\"message\":\"This field is required.\",\"emailMessage\":\"Please enter a valid Email address\",\"minLength\":1,\"maxLength\":\"\",\"type\":\"none\",\"required\":true,\"expression\":\"null\"}, el)}\r\n\t\t\t\t\t\t\t\/>\r\n\r\n\t\t\t\t\t\t<${validation.ErrorMessage} \r\n\t\t\t\terrors=${validation.errors} \r\n\t\t\t\tname=\"mf-email\" \r\n\t\t\t\tas=${html`<span className=\"mf-error-message\"><\/span>`}\r\n\t\t\t\/>\r\n\t\t\t\r\n\t\t\t\t\t<\/div>\r\n\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div className=\"elementor-element elementor-element-68538d6f e-con-full e-flex e-con e-child\" data-id=\"68538d6f\" data-element_type=\"container\">\n\t\t\t\t<div className=\"elementor-element elementor-element-560c236d elementor-widget__width-inherit elementor-widget elementor-widget-mf-multi-select\" data-id=\"560c236d\" data-element_type=\"widget\" data-settings=\"{&quot;mf_input_name&quot;:&quot;mf-multi-select&quot;,&quot;mf_input_list&quot;:[{&quot;label&quot;:&quot;Roof Installation&quot;,&quot;value&quot;:&quot;value-1&quot;,&quot;_id&quot;:&quot;c968bb9&quot;,&quot;mf_input_option_status&quot;:&quot;&quot;,&quot;mf_input_option_selected&quot;:&quot;&quot;},{&quot;label&quot;:&quot;Roof Replacement&quot;,&quot;value&quot;:&quot;value-2&quot;,&quot;_id&quot;:&quot;aab90d9&quot;,&quot;mf_input_option_status&quot;:&quot;&quot;,&quot;mf_input_option_selected&quot;:&quot;&quot;},{&quot;label&quot;:&quot;Emergency Service&quot;,&quot;value&quot;:&quot;value-3&quot;,&quot;_id&quot;:&quot;a7488d8&quot;,&quot;mf_input_option_status&quot;:&quot;&quot;,&quot;mf_input_option_selected&quot;:&quot;&quot;},{&quot;label&quot;:&quot;Other&quot;,&quot;value&quot;:&quot;value-4&quot;,&quot;_id&quot;:&quot;c138999&quot;,&quot;mf_input_option_status&quot;:&quot;&quot;,&quot;mf_input_option_selected&quot;:&quot;&quot;}]}\" data-widget_type=\"mf-multi-select.default\">\n\t\t\t\t\t\r\n        \r\n\t\t<div className=\"mf-input-wrapper\">\r\n\t\t\t\t\t\t\t<label className=\"mf-input-label\" htmlFor=\"mf-input-multi-select-560c236d\">\r\n\t\t\t\t\t${ parent.decodeEntities(`Select Service`) } \t\t\t\t\t<span className=\"mf-input-required-indicator\">*<\/span>\r\n\t\t\t\t<\/label>\r\n\t\t\t\r\n            <${props.Select}\r\n                isOptionDisabled=${option => option.mf_input_option_status === 'disabled'}\r\n                className=${\"mf-input mf-input-multiselect  \" + ( validation.errors['mf-multi-select'] ? 'mf-invalid' : '' )}\r\n                classNamePrefix=\"mf_multiselect\"\r\n                value=${parent.getValue(\"mf-multi-select\") && [{\"label\":\"Roof Installation\",\"value\":\"value-1\",\"_id\":\"c968bb9\",\"mf_input_option_status\":\"\",\"mf_input_option_selected\":\"\"},{\"label\":\"Roof Replacement\",\"value\":\"value-2\",\"_id\":\"aab90d9\",\"mf_input_option_status\":\"\",\"mf_input_option_selected\":\"\"},{\"label\":\"Emergency Service\",\"value\":\"value-3\",\"_id\":\"a7488d8\",\"mf_input_option_status\":\"\",\"mf_input_option_selected\":\"\"},{\"label\":\"Other\",\"value\":\"value-4\",\"_id\":\"c138999\",\"mf_input_option_status\":\"\",\"mf_input_option_selected\":\"\"}].filter(item => {\r\n                    if(parent.state.formData['mf-multi-select'] && parent.state.formData['mf-multi-select'].indexOf(item.value) != -1 ){\r\n                        return item;\r\n                    }\r\n                })}\r\n                name='mf-multi-select'\r\n                placeholder=\"${ parent.decodeEntities(`Select Service`) } \"\r\n                options=${[{\"label\":\"Roof Installation\",\"value\":\"value-1\",\"_id\":\"c968bb9\",\"mf_input_option_status\":\"\",\"mf_input_option_selected\":\"\"},{\"label\":\"Roof Replacement\",\"value\":\"value-2\",\"_id\":\"aab90d9\",\"mf_input_option_status\":\"\",\"mf_input_option_selected\":\"\"},{\"label\":\"Emergency Service\",\"value\":\"value-3\",\"_id\":\"a7488d8\",\"mf_input_option_status\":\"\",\"mf_input_option_selected\":\"\"},{\"label\":\"Other\",\"value\":\"value-4\",\"_id\":\"c138999\",\"mf_input_option_status\":\"\",\"mf_input_option_selected\":\"\"}]}\r\n                onChange=${(el) => {\r\n                    setValue(\"mf-multi-select\", '');\r\n                    if(el != null){\r\n                        setValue(\"mf-multi-select\", el, true);\r\n                    }\r\n                    parent.multiSelectChange(el, 'mf-multi-select');\r\n                }}\r\n                ref=${() => {\r\n\t\t\t\t                    register({ name: \"mf-multi-select\" }, parent.activateValidation({\"message\":\"This field is required.\",\"minLength\":1,\"maxLength\":\"\",\"type\":\"none\",\"required\":true}));\r\n                    if(parent.state?.submitted !== true){\r\n                        if ( parent.getValue(\"mf-multi-select\") === '' && false ) {\r\n                            parent.setValue( 'mf-multi-select', '[]');\r\n                            parent.multiSelectChange('[]', 'mf-multi-select');\r\n                        }\r\n                    }\r\n                }}\r\n                isMulti\r\n            \/>\r\n            \r\n            \t\t\t\t<${validation.ErrorMessage}\r\n\t\t\t\t\terrors=${validation.errors}\r\n\t\t\t\t\tname=\"mf-multi-select\"\r\n\t\t\t\t\tas=${html`<span className=\"mf-error-message\"><\/span>`}\r\n\t\t\t\t\t\/>\r\n\t\t\t\r\n\t\t\t            \r\n        <\/div>\r\n\r\n\t\t\r\n        \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div className=\"elementor-element elementor-element-402e4299 e-con-full e-flex e-con e-child\" data-id=\"402e4299\" data-element_type=\"container\">\n\t\t\t\t<div className=\"elementor-element elementor-element-2a2e772c elementor-widget__width-inherit elementor-widget elementor-widget-mf-textarea\" data-id=\"2a2e772c\" data-element_type=\"widget\" data-settings=\"{&quot;mf_input_name&quot;:&quot;mf-textarea&quot;}\" data-widget_type=\"mf-textarea.default\">\n\t\t\t\t\t\r\n\t\t<div className=\"mf-input-wrapper\">\r\n\t\t\t\t\t\t\t<label className=\"mf-input-label\" htmlFor=\"mf-input-text-area-2a2e772c\">\r\n\t\t\t\t\t${ parent.decodeEntities(`Message`) } \t\t\t\t\t<span className=\"mf-input-required-indicator\"><\/span>\r\n\t\t\t\t<\/label>\r\n\t\t\t\r\n\t\t\t<textarea className=\"mf-input mf-textarea \" id=\"mf-input-text-area-2a2e772c\"\r\n\t\t\t\tname=\"mf-textarea\" \r\n\t\t\t\tplaceholder=\"${ parent.decodeEntities(`Hello there!`) } \"\r\n\t\t\t\tcols=\"30\" rows=\"10\"\r\n\t\t\t\t\t\t\t\t\tonInput=${ parent.handleChange }\r\n\t\t\t\t\taria-invalid=${validation.errors['mf-textarea'] ? 'true' : 'false'}\r\n\t\t\t\t\tref=${ el => parent.activateValidation({\"message\":\"This field is required.\",\"minLength\":1,\"maxLength\":\"\",\"type\":\"none\",\"required\":false,\"expression\":\"null\"}, el)}\r\n\t\t\t\t\t\t\t\t><\/textarea>\r\n\r\n\t\t\t\t\t\t\t<${validation.ErrorMessage}\r\n\t\t\t\t\terrors=${validation.errors}\r\n\t\t\t\t\tname=\"mf-textarea\"\r\n\t\t\t\t\tas=${html`<span className=\"mf-error-message\"><\/span>`}\r\n\t\t\t\t\t\/>\r\n\t\t\t\t\t\t\t\t<\/div>\r\n\r\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div className=\"elementor-element elementor-element-421417d7 mf-btn--justify mf-btn--tablet-justify mf-btn--mobile-justify elementor-widget elementor-widget-mf-button\" data-id=\"421417d7\" data-element_type=\"widget\" data-widget_type=\"mf-button.default\">\n\t\t\t\t\t\t\t<div className=\"mf-btn-wraper \" data-mf-form-conditional-logic-requirement=\"\">\r\n\t\t\t\t\t\t\t<button type=\"submit\" className=\"metform-btn metform-submit-btn \" id=\"\">\r\n\t\t\t\t\t<span>${ parent.decodeEntities(`Submit Form`) } <\/span>\r\n\t\t\t\t<\/button>\r\n\t\t\t        <\/div>\r\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\t\t\t\t\t`}\r\n\t\t\t\t\t<\/div>\r\n\r\n\t\t\t\t\t${is_dummy_markup ? message_position === 'bottom' ? props.ResponseDummyMarkup(message_successIcon, message_proClass) : '' : ''}\r\n\t\t\t\t\t${is_dummy_markup ? ' ' : message_position === 'bottom' ? props.SubmitResponseMarkup`${parent}${state}${message_successIcon}${message_errorIcon}${message_proClass}` : ''}\r\n\t\t\t\t\r\n\t\t\t\t<\/form>\r\n\t\t\t`\r\n\t\t<\/script>\r\n\r\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t<\/div>\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":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-63","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/demo.wpgem.co\/Roofnest\/wp-json\/wp\/v2\/pages\/63","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/demo.wpgem.co\/Roofnest\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/demo.wpgem.co\/Roofnest\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/demo.wpgem.co\/Roofnest\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/demo.wpgem.co\/Roofnest\/wp-json\/wp\/v2\/comments?post=63"}],"version-history":[{"count":0,"href":"https:\/\/demo.wpgem.co\/Roofnest\/wp-json\/wp\/v2\/pages\/63\/revisions"}],"wp:attachment":[{"href":"https:\/\/demo.wpgem.co\/Roofnest\/wp-json\/wp\/v2\/media?parent=63"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}