{"id":48,"date":"2025-12-25T10:39:11","date_gmt":"2025-12-25T10:39:11","guid":{"rendered":"https:\/\/demo.wpgem.co\/Roofnest\/service-details\/"},"modified":"2025-12-25T10:39:11","modified_gmt":"2025-12-25T10:39:11","slug":"service-details","status":"publish","type":"page","link":"https:\/\/demo.wpgem.co\/Roofnest\/service-details\/","title":{"rendered":"Service Details"},"content":{"rendered":"\t\t<div data-elementor-type=\"page\" data-elementor-id=\"48\" class=\"elementor elementor-48 elementor-bc-flex-widget\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3cce3aa9 e-flex e-con-boxed e-con e-parent\" data-id=\"3cce3aa9\" 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-6c8bdb11 elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"6c8bdb11\" 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 Services<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-139e1521 elementor-icon-list--layout-inline elementor-align-center elementor-list-item-link-full_width elementor-invisible elementor-widget elementor-widget-icon-list\" data-id=\"139e1521\" 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\">Services<\/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-6a1b1ad8 e-con-full e-flex elementor-invisible e-con e-child\" data-id=\"6a1b1ad8\" 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-1fb26e7 elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"1fb26e7\" 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-280edaa3 e-flex e-con-boxed e-con e-parent\" data-id=\"280edaa3\" 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-6957b240 elementor-invisible elementor-widget elementor-widget-text-editor\" data-id=\"6957b240\" 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 Service<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-78837b27 elementor-widget__width-initial elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"78837b27\" 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 Installation Services<\/h2>\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7166cbaf e-con-full e-flex e-con e-child\" data-id=\"7166cbaf\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-10a5bb37 e-con-full e-flex e-con e-child\" data-id=\"10a5bb37\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2c0121b2 elementor-invisible elementor-widget elementor-widget-image\" data-id=\"2c0121b2\" 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\/worker-on-construction-site-79QPSB7-1024x683.jpg\" class=\"attachment-large size-large wp-image-236\" alt=\"\" srcset=\"https:\/\/demo.wpgem.co\/Roofnest\/wp-content\/uploads\/2025\/12\/worker-on-construction-site-79QPSB7-1024x683.jpg 1024w, https:\/\/demo.wpgem.co\/Roofnest\/wp-content\/uploads\/2025\/12\/worker-on-construction-site-79QPSB7-300x200.jpg 300w, https:\/\/demo.wpgem.co\/Roofnest\/wp-content\/uploads\/2025\/12\/worker-on-construction-site-79QPSB7-768x512.jpg 768w, https:\/\/demo.wpgem.co\/Roofnest\/wp-content\/uploads\/2025\/12\/worker-on-construction-site-79QPSB7-1536x1024.jpg 1536w, https:\/\/demo.wpgem.co\/Roofnest\/wp-content\/uploads\/2025\/12\/worker-on-construction-site-79QPSB7.jpg 1800w\" 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-4cb30c8d elementor-widget elementor-widget-heading\" data-id=\"4cb30c8d\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">About Roof Installations<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2a4d6967 elementor-widget elementor-widget-text-editor\" data-id=\"2a4d6967\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Our roof installation services are designed to provide your home with a durable, weather-resistant roof that enhances the look of your property. Whether you need a new roof for your home or a commercial property, we offer various materials and styles to suit your needs. 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-5faf24fd elementor-widget elementor-widget-heading\" data-id=\"5faf24fd\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Why choose our roof installations?<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-434ce019 elementor-widget elementor-widget-text-editor\" data-id=\"434ce019\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Our installations combine top-quality materials and expert craftsmanship, ensuring durability and style for your home\u2019s protection.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-52f8efba elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list\" data-id=\"52f8efba\" 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\">High-quality materials for maximum durability.<\/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\">Licensed and experienced team for reliable craftsmanship.<\/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\">Energy-efficient options are available.<\/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\">Comprehensive warranties on all installations.<\/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-40754f7a elementor-widget elementor-widget-text-editor\" data-id=\"40754f7a\" 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-6968bdd7 elementor-widget elementor-widget-heading\" data-id=\"6968bdd7\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Our Installation Process<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-65c047f6 elementor-widget elementor-widget-text-editor\" data-id=\"65c047f6\" 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 class=\"elementor-element elementor-element-7752f5c6 elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list\" data-id=\"7752f5c6\" 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\">Consultation: We start with a free consultation to understand your needs.<\/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\">Roof Inspection: A thorough roof inspection to assess your requirements.<\/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\">Proposal: A detailed proposal with clear timelines and pricing.<\/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\">Installation: Expert installation using top-tier materials, completed on time.<\/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>\n\t\t<div class=\"elementor-element elementor-element-5cf273b6 e-con-full e-flex elementor-invisible e-con e-child\" data-id=\"5cf273b6\" 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-1d0fc9f4 elementor-widget elementor-widget-heading\" data-id=\"1d0fc9f4\" 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-4a7f550f elementor-widget elementor-widget-metform\" data-id=\"4a7f550f\" 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-4a7f550f-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-48","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/demo.wpgem.co\/Roofnest\/wp-json\/wp\/v2\/pages\/48","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=48"}],"version-history":[{"count":0,"href":"https:\/\/demo.wpgem.co\/Roofnest\/wp-json\/wp\/v2\/pages\/48\/revisions"}],"wp:attachment":[{"href":"https:\/\/demo.wpgem.co\/Roofnest\/wp-json\/wp\/v2\/media?parent=48"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}