{"id":3670,"date":"2021-05-29T13:51:20","date_gmt":"2021-05-29T11:51:20","guid":{"rendered":"http:\/\/www.studio-kubik.de\/?page_id=3670"},"modified":"2021-06-25T16:31:58","modified_gmt":"2021-06-25T14:31:58","slug":"projekt-starten","status":"publish","type":"page","link":"https:\/\/www.studio-kubik.de\/en\/projekt-starten\/","title":{"rendered":"Form test EN"},"content":{"rendered":"\n\n<div id=\"multi-step-form\" class=\"fw-wizard fw-more-than-five\" data-stepCount=\"7\"\n     data-wizardid=\"3\">\n  <div class=\"fw-wizard-step-header-container\">\n    <div class=\"fw-container\" data-redirect=\"\/en\/vielen-dank\">\n                  <div class=\"fw-wizard-step-header\" data-stepId=\"0\">\n            <h1>In 5 steps to your project<\/h1>\n            <p class=\"fw-copytext\"><\/p>\n          <\/div>\n                      <div class=\"fw-wizard-step-header\" data-stepId=\"1\">\n            <h1>What type of project is it going to be?<\/h1>\n            <p class=\"fw-copytext\"><\/p>\n          <\/div>\n                      <div class=\"fw-wizard-step-header\" data-stepId=\"2\">\n            <h1>How many square meters of floor space do you want?<\/h1>\n            <p class=\"fw-copytext\"><\/p>\n          <\/div>\n                      <div class=\"fw-wizard-step-header\" data-stepId=\"3\">\n            <h1>How much is it allowed to cost?<\/h1>\n            <p class=\"fw-copytext\"><\/p>\n          <\/div>\n                      <div class=\"fw-wizard-step-header\" data-stepId=\"4\">\n            <h1>Where is it going to be?<\/h1>\n            <p class=\"fw-copytext\"><\/p>\n          <\/div>\n                      <div class=\"fw-wizard-step-header\" data-stepId=\"5\">\n            <h1>When should it be ready?<\/h1>\n            <p class=\"fw-copytext\"><\/p>\n          <\/div>\n                      <div class=\"fw-wizard-step-header\" data-stepId=\"6\">\n            <h1>Please share your contact details with us<\/h1>\n            <p class=\"fw-copytext\"><\/p>\n          <\/div>\n                <\/div>\n  <\/div>\n  <div class=\"fw-progress-bar-container \">\n    <div class=\"fw-container\">\n        <div class=\"fw-progress-wrap\">\n    <ul class=\"fw-progress-bar\" id=\"fwProgressBar\"\n        data-activecolor=\"#fff\"\n        data-donecolor=\"#fff\"\n        data-nextcolor=\"#fff\"\n        data-buttoncolor=\"#fff\">\n                <li class=\"fw-progress-step\"\n            data-id=\"0\">\n            <span class=\"fw-progress-bar-bar\"><\/span>\n            <span class=\"fw-txt-ellipsis\" data-title=\"Let's Go!\">0<\/span>\n                    <\/li>\n                    <li class=\"fw-progress-step\"\n            data-id=\"1\">\n            <span class=\"fw-progress-bar-bar\"><\/span>\n            <span class=\"fw-txt-ellipsis\" data-title=\"What?\">1<\/span>\n                    <\/li>\n                    <li class=\"fw-progress-step\"\n            data-id=\"2\">\n            <span class=\"fw-progress-bar-bar\"><\/span>\n            <span class=\"fw-txt-ellipsis\" data-title=\"How large?\">2<\/span>\n                    <\/li>\n                    <li class=\"fw-progress-step\"\n            data-id=\"3\">\n            <span class=\"fw-progress-bar-bar\"><\/span>\n            <span class=\"fw-txt-ellipsis\" data-title=\"Costs?\">3<\/span>\n                    <\/li>\n                    <li class=\"fw-progress-step\"\n            data-id=\"4\">\n            <span class=\"fw-progress-bar-bar\"><\/span>\n            <span class=\"fw-txt-ellipsis\" data-title=\"Where?\">4<\/span>\n                            <span class=\"fw-circle\"><\/span>\n                <span class=\"fw-circle-1\"><\/span>\n                <span class=\"fw-circle-2\"><\/span>\n                    <\/li>\n                    <li class=\"fw-progress-step\"\n            data-id=\"5\">\n            <span class=\"fw-progress-bar-bar\"><\/span>\n            <span class=\"fw-txt-ellipsis\" data-title=\"When?\">5<\/span>\n                    <\/li>\n                    <li class=\"fw-progress-step\"\n            data-id=\"6\">\n            <span class=\"fw-progress-bar-bar\"><\/span>\n            <span class=\"fw-txt-ellipsis\" data-title=\"Thats it!\">6<\/span>\n                    <\/li>\n                <\/ul>\n<\/div>\n    <\/div>\n  <\/div>\n  <div class=\"fw-wizard-step-container\">\n    <div class=\"fw-container\">\n                  <div class=\"fw-wizard-step\" data-stepId=\"0\">\n              <div class=\"fw-step-part \" data-partId=\"0\">\n\t<h2 class=\"fw-step-part-title \">\n\t\t\tLets go\t<\/h2>\n\t<div class=\"fw-clearfix\"><\/div>\n\t<div class=\"fw-step-part-body\">\n\t\t\t\t\t\t\t\t\t<div class=\"fw-step-block\" data-blockId=\"3\" data-type=\"fw-paragraph\">\n\t\t\t<div class=\"fw-paragraph-container\">\n\t\t\t\t<p>Great that you are here! We are already looking forward to your project! So that we know quickly how we can help you, you have to help us first: tell us with 5 clicks the key data of your project. We will get back to you as soon as possible.<\/p>\n\t\t\t<\/div>\n\t\t\t<div class=\"fw-clearfix\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n<\/div>\n\t\t\t                <div class=\"fw-button-part\"><button class=\"fw-btn fw-progress-next\">Begin!<\/button><\/div>\n                              <div class=\"fw-clearfix\"><\/div>\n          <\/div>\n                      <div class=\"fw-wizard-step\" data-stepId=\"1\">\n              <div class=\"fw-step-part \" data-partId=\"0\">\n\t<h2 class=\"fw-step-part-title \">\n\t\t\tWhat\t<\/h2>\n\t<div class=\"fw-clearfix\"><\/div>\n\t<div class=\"fw-step-part-body\">\n\t\t\t\t\t\t\t\t\t<div class=\"fw-step-block\" data-blockId=\"3\" data-type=\"fw-radio\" data-required=\"false\">\n\t\t\t\t\t\t\t\t<span class=\"fw-choice fw-radio-row\">\n\t\t\t\t\t\t<input id=\"fw-3-1-0-0-1\" type=\"radio\" name=\"fw-3-1-0-0\" class=\"fw-radio\" data-id=\"1\">\n\t\t\t\t\t\t<label class=\"fw-progress-next\" for=\"fw-3-1-0-0-1\" data-labelId=\"1\">New building<\/label>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"fw-choice fw-radio-row\">\n\t\t\t\t\t\t<input id=\"fw-3-1-0-0-2\" type=\"radio\" name=\"fw-3-1-0-0\" class=\"fw-radio\" data-id=\"2\">\n\t\t\t\t\t\t<label class=\"fw-progress-next\" for=\"fw-3-1-0-0-2\" data-labelId=\"2\">Rebuild<\/label>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"fw-choice fw-radio-row\">\n\t\t\t\t\t\t<input id=\"fw-3-1-0-0-3\" type=\"radio\" name=\"fw-3-1-0-0\" class=\"fw-radio\" data-id=\"3\">\n\t\t\t\t\t\t<label class=\"fw-progress-next\" for=\"fw-3-1-0-0-3\" data-labelId=\"3\">Renovation<\/label>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n<\/div>\n\t\t\t                <div class=\"fw-button-part\"><button class=\"fw-btn fw-button-previous fw-progress-previous\">Back<\/button>\n                  <span class=\"fw-button-split\">&nbsp;|&nbsp;<\/span>\n                  <button class=\"fw-btn fw-progress-next\">Next<\/button>\n                <\/div>\n                              <div class=\"fw-clearfix\"><\/div>\n          <\/div>\n                      <div class=\"fw-wizard-step\" data-stepId=\"2\">\n              <div class=\"fw-step-part \" data-partId=\"0\">\n\t<h2 class=\"fw-step-part-title \">\n\t\t\tHow large\t<\/h2>\n\t<div class=\"fw-clearfix\"><\/div>\n\t<div class=\"fw-step-part-body\">\n\t\t\t\t\t\t\t      <div class=\"fw-step-block\" data-blockId=\"3\" data-type=\"fw-text\" data-required=\"false\">\n        <div class=\"fw-input-container\">\n          <input\n            type=\"text\"\n            class=\"fw-text-input fw-number-input fw-progress-enter\"\n            id=\"msf-text-m2\"\n            data-id=\"text\">\n          <label for=\"msf-text-m2\" >m2<\/label>\n        <\/div>\n        <div class=\"fw-clearfix\"><\/div>\n      <\/div>\n        \t\t\t\t<\/div>\n<\/div>\n\t\t\t                <div class=\"fw-button-part\"><button class=\"fw-btn fw-button-previous fw-progress-previous\">Back<\/button>\n                  <span class=\"fw-button-split\">&nbsp;|&nbsp;<\/span>\n                  <button class=\"fw-btn fw-progress-next\">Next<\/button>\n                <\/div>\n                              <div class=\"fw-clearfix\"><\/div>\n          <\/div>\n                      <div class=\"fw-wizard-step\" data-stepId=\"3\">\n              <div class=\"fw-step-part \" data-partId=\"0\">\n\t<h2 class=\"fw-step-part-title \">\n\t\t\tCosts\t<\/h2>\n\t<div class=\"fw-clearfix\"><\/div>\n\t<div class=\"fw-step-part-body\">\n\t\t\t\t\t\t\t      <div class=\"fw-step-block\" data-blockId=\"3\" data-type=\"fw-text\" data-required=\"false\">\n        <div class=\"fw-input-container\">\n          <input\n            type=\"text\"\n            class=\"fw-text-input fw-number-input fw-progress-enter\"\n            id=\"msf-text-eur\"\n            data-id=\"text\">\n          <label for=\"msf-text-eur\" >EUR<\/label>\n        <\/div>\n        <div class=\"fw-clearfix\"><\/div>\n      <\/div>\n        \t\t\t\t<\/div>\n<\/div>\n\t\t\t                <div class=\"fw-button-part\"><button class=\"fw-btn fw-button-previous fw-progress-previous\">Back<\/button>\n                  <span class=\"fw-button-split\">&nbsp;|&nbsp;<\/span>\n                  <button class=\"fw-btn fw-progress-next\">Next<\/button>\n                <\/div>\n                              <div class=\"fw-clearfix\"><\/div>\n          <\/div>\n                      <div class=\"fw-wizard-step\" data-stepId=\"4\">\n              <div class=\"fw-step-part \" data-partId=\"0\">\n\t<h2 class=\"fw-step-part-title \">\n\t\t\tWhere\t<\/h2>\n\t<div class=\"fw-clearfix\"><\/div>\n\t<div class=\"fw-step-part-body\">\n\t\t\t\t\t\t\t      <div class=\"fw-step-block\" data-blockId=\"3\" data-type=\"fw-text\" data-required=\"false\">\n        <div class=\"fw-input-container\">\n          <input\n            type=\"text\"\n            class=\"fw-text-input fw-number-input fw-progress-enter\"\n            id=\"msf-text-zip\"\n            data-id=\"text\">\n          <label for=\"msf-text-zip\" >ZIP<\/label>\n        <\/div>\n        <div class=\"fw-clearfix\"><\/div>\n      <\/div>\n        \t\t\t\t<\/div>\n<\/div>\n\t\t\t                <div class=\"fw-button-part\"><button class=\"fw-btn fw-button-previous fw-progress-previous\">Back<\/button>\n                  <span class=\"fw-button-split\">&nbsp;|&nbsp;<\/span>\n                  <button class=\"fw-btn fw-progress-next\">Next<\/button>\n                <\/div>\n                              <div class=\"fw-clearfix\"><\/div>\n          <\/div>\n                      <div class=\"fw-wizard-step\" data-stepId=\"5\">\n              <div class=\"fw-step-part \" data-partId=\"0\">\n\t<h2 class=\"fw-step-part-title \">\n\t\t\tWhen\t<\/h2>\n\t<div class=\"fw-clearfix\"><\/div>\n\t<div class=\"fw-step-part-body\">\n\t\t\t\t\t\t\t\t\t<div class=\"fw-step-block\" data-blockId=\"3\" data-type=\"fw-date\" data-required=\"false\">\n\t\t\t<div class=\"fw-input-container\">\n\t\t\t\t<input\n          type=\"text\"\n          id=\"msf-date-date\"\n          class=\"fw-text-input fw-datepicker-here fw-progress-enter\" data-id=\"date\" data-language=\"en\"\n          data-dateformat=\"dd.mm.yy\">\n        <label for=\"msf-date-date\">\n          <span class=\"fa fa-calendar form-control-feedback\" aria-hidden=\"true\"><\/span>\n        <\/label>\n\t\t\t<\/div>\n\t\t\t<div class=\"fw-clearfix\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n<\/div>\n\t\t\t                <div class=\"fw-button-part\"><button class=\"fw-btn fw-button-previous fw-progress-previous\">Back<\/button>\n                  <span class=\"fw-button-split\">&nbsp;|&nbsp;<\/span>\n                  <button class=\"fw-btn fw-progress-next\">Next<\/button>\n                <\/div>\n                              <div class=\"fw-clearfix\"><\/div>\n          <\/div>\n                      <div class=\"fw-wizard-step\" data-stepId=\"6\">\n              <div class=\"fw-step-part \" data-partId=\"0\">\n\t<h2 class=\"fw-step-part-title \">\n\t\t\tContact details\t<\/h2>\n\t<div class=\"fw-clearfix\"><\/div>\n\t<div class=\"fw-step-part-body\">\n\t\t\t\t\t\t\t\t\t<div class=\"fw-step-block\" data-blockId=\"3\" data-type=\"fw-text\" data-required=\"true\">\n\t\t\t<div class=\"fw-input-container\">\n\t\t\t\t<input\n          placeholder=\"Name\"\n\t\t\t\t\ttype=\"text\" \n\t\t\t\t\tclass=\"fw-text-input fw-progress-enter\"\n\t\t\t\t\tid=\"msf-text-name\"\n\t\t\t\t\tdata-id=\"text\">\n\t\t\t<\/div>\n\t\t\t<div class=\"fw-clearfix\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"fw-step-block\" data-blockId=\"3\" data-type=\"fw-email\" data-required=\"true\">\n\t\t\t<div class=\"fw-input-container\">\n        <input\n          placeholder=\"Mail\"\n          type=\"text\"\n          id=\"msf-mail-mail\"\n          class=\"fw-text-input fw-progress-enter\" data-id=\"email\"\n        >\n\t\t\t<\/div>\n\t\t\t<div class=\"fw-clearfix\"><\/div>\n\t\t<\/div>\n\t  \t\t\t\t<\/div>\n<\/div>\n\t\t\t                <div class=\"fw-button-part\"><button type=\"button\" class=\"fw-btn fw-btn-submit\" id=\"fwBtnSubmit\">Send!<\/button><\/div>\n                              <div class=\"fw-clearfix\"><\/div>\n          <\/div>\n                <\/div>\n  <\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"template-parts\/page-static.php","meta":{"_exactmetrics_skip_tracking":false,"_exactmetrics_sitenote_active":false,"_exactmetrics_sitenote_note":"","_exactmetrics_sitenote_category":0,"footnotes":""},"class_list":["post-3670","page","type-page","status-publish","hentry"],"translation":{"provider":"WPGlobus","version":"3.0.2","language":"en","enabled_languages":["de","en"],"languages":{"de":{"title":true,"content":true,"excerpt":false},"en":{"title":true,"content":true,"excerpt":false}}},"_links":{"self":[{"href":"https:\/\/www.studio-kubik.de\/en\/wp-json\/wp\/v2\/pages\/3670","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.studio-kubik.de\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.studio-kubik.de\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.studio-kubik.de\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.studio-kubik.de\/en\/wp-json\/wp\/v2\/comments?post=3670"}],"version-history":[{"count":4,"href":"https:\/\/www.studio-kubik.de\/en\/wp-json\/wp\/v2\/pages\/3670\/revisions"}],"predecessor-version":[{"id":3754,"href":"https:\/\/www.studio-kubik.de\/en\/wp-json\/wp\/v2\/pages\/3670\/revisions\/3754"}],"wp:attachment":[{"href":"https:\/\/www.studio-kubik.de\/en\/wp-json\/wp\/v2\/media?parent=3670"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}