{"id":328,"date":"2020-10-08T09:02:51","date_gmt":"2020-10-08T07:02:51","guid":{"rendered":"https:\/\/viableart.com\/kontakt\/"},"modified":"2021-01-10T11:26:54","modified_gmt":"2021-01-10T10:26:54","slug":"contact","status":"publish","type":"page","link":"https:\/\/viableart.com\/en\/contact\/","title":{"rendered":"Contact"},"content":{"rendered":"\n     <!-- section start -->\n     <section class=\"layout-pt-xl layout-pb-xs\">\n        <!-- container start -->\n        <div data-anim-wrap class=\"container\">\n\n          <!-- row start -->\n          <div class=\"row\">\n            <div class=\"col-xl-9 offset-xl-1 col-lg-11\">\n              <div data-anim-child=\"slide-up delay-1\" class=\"sectionHeading -lg\">\n                <p class=\"sectionHeading__subtitle\">\n                  Become a customer                <\/p>\n                <h1 class=\"sectionHeading__title leading-sm\">\n                Contact us and start with your idea.                <\/h1>\n              <\/div>\n            <\/div>\n          <\/div>\n          <!-- row end -->\n\n          <!-- row start -->\n          <div data-anim-child=\"slide-up delay-2\" class=\"row justify-content-center layout-pt-md\">\n            <div class=\"col-xl-10\">\n              <div class=\"row x-gap-48 y-gap-48\">\n\n                <div class=\"col-lg-auto col-md-6\">\n                  <h4 class=\"text-xl fw-600\">\n                  Contact                  <\/h4>\n                  <div class=\"text-dark mt-12\">\n                    <div>\n                      <a class=\"button -underline\" href=\"mailto:hello@viableart.com\">hello@viableart.com<\/a>\n                    <\/div>\n                    <div class=\"mt-4\">\n                      <a class=\"button -underline\" href=\"tel:+4915257941976\">+49 152 579 41976<\/a>\n                    <\/div>\n                  <\/div>\n                <\/div>\n\n                <div class=\"col-md-auto\">\n                  <h4 class=\"text-xl fw-600\">\n                  Follow us                  <\/h4>\n                  <div class=\"social -bordered mt-16 md:mt-12\">\n\n                    <a class=\"social__item text-black border-dark\" href=\"https:\/\/www.facebook.com\/viableart\">\n                    <i class=\"fa fa-facebook\"><\/i>\n                  <\/a>\n                  <a class=\"social__item text-black border-dark\" href=\"https:\/\/twitter.com\/ViableArt\">\n                    <i class=\"fa fa-twitter\"><\/i>\n                  <\/a>\n                  <a class=\"social__item text-black border-dark\" href=\"https:\/\/www.instagram.com\/viableartweb\/\">\n                    <i class=\"fa fa-instagram\"><\/i>\n                  <\/a>\n\n                  <\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n          <!-- row end -->\n\n        <\/div>\n        <!-- container end -->\n      <\/section>\n      <!-- section end -->\n\n\n      <!-- section start -->\n      <section class=\"layout-pt-md layout-pb-lg\">\n        <!-- container start -->\n        <div class=\"container\">\n          <!-- row start -->\n          <div data-anim=\"slide-up delay-3\" class=\"row justify-content-center\">\n            <div class=\"col-xl-10\">\n              <div class=\"sectionHeading -sm\">\n                <h2 class=\"sectionHeading__title\">\n                How we can help you?                <\/h2>\n                <p class=\"text-black leading-md mt-12\">\n                Use the form or                  <a href=\"mailto:hello@viableart.com\" class=\"fw-700\">send us an email<\/a>.\n                <\/p>\n              <\/div>\n            <\/div>\n\n            <div class=\"w-1\/1\"><\/div>\n\n            <div class=\"col-xl-10 mt-48 sm:mt-32\">\n              <div class=\"contact-form -type-1\">\n                <form class=\"row x-gap-40 y-gap-32 js-ajax-form\" method=\"POST\" id=\"contactForm\" data-message-success=\"Your message has been sent! We will reply you as soon as possible.\" data-message-error=\"Something went wrong. Please contact us directly at <a href='hello@stukram.com'>hello@stukram.com<\/a>.\">\n                  <div class=\"col-lg-6\">\n                    <label class=\"js-input-group\">\n                    Name                      <input type=\"text\" name=\"name\" data-required placeholder=\"Name\">\n                      <span class=\"form__error\"><\/span>\n                    <\/label>\n                  <\/div>\n\n                  <div class=\"col-lg-6\">\n                    <label class=\"js-input-group\">\n                    Phone (optional)                      <input type=\"text\" name=\"phone\" placeholder=\"+49 123 \u2026\">\n                      <span class=\"form__error\"><\/span>\n                    <\/label>\n                  <\/div>\n\n                  <div class=\"col-lg-6\">\n                    <label class=\"js-input-group\">\n                    Email                      <input type=\"text\" name=\"email\" data-required placeholder=\"Email\">\n                      <span class=\"form__error\"><\/span>\n                    <\/label>\n                  <\/div>\n\n                  <div class=\"col-lg-6\">\n                    <label class=\"js-input-group\">\n                    Subject                      <input type=\"text\" name=\"subject\" data-required placeholder=\"How we can help you?\">\n                      <span class=\"form__error\"><\/span>\n                    <\/label>\n                  <\/div>\n\n                  <div class=\"col-12\">\n                    <label class=\"js-input-group\">\n                    Message                      <textarea name=\"message\" rows=\"2\" data-required placeholder=\"Message \u2026\"><\/textarea>\n                      <span class=\"form__error\"><\/span>\n                    <\/label>\n                  <\/div>\n\n                  <div class=\"col-12 ajax-form-alert js-ajax-form-alert\">\n                    <div class=\"ajax-form-alert__content\">\n                    <\/div>\n                  <\/div>\n\n                  <div class=\"col-12\">\n                    <button class=\"button -md -black text-white\" id=\"submitContact\">\n                    send                    <\/button>\n                  <\/div>\n                <\/form>\n              <\/div>\n            <\/div>\n\n            <div class=\"col-xl-10 mt-48 sm:mt-32 d-none\" id=\"msgText\">\n              Thank you, your message has been sent!<a class=\"\" href=\"https:\/\/viableart.com\/en\/\">Go back to home.<\/a>\n            <\/div>\n          <\/div>\n          <!-- row end -->\n        <\/div>\n        <!-- container end -->\n      <\/section>\n      <!-- section end -->\n     \n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-328","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/viableart.com\/en\/wp-json\/wp\/v2\/pages\/328","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/viableart.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/viableart.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/viableart.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/viableart.com\/en\/wp-json\/wp\/v2\/comments?post=328"}],"version-history":[{"count":2,"href":"https:\/\/viableart.com\/en\/wp-json\/wp\/v2\/pages\/328\/revisions"}],"predecessor-version":[{"id":333,"href":"https:\/\/viableart.com\/en\/wp-json\/wp\/v2\/pages\/328\/revisions\/333"}],"wp:attachment":[{"href":"https:\/\/viableart.com\/en\/wp-json\/wp\/v2\/media?parent=328"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}