{"id":313,"date":"2020-10-08T09:02:20","date_gmt":"2020-10-08T07:02:20","guid":{"rendered":"https:\/\/viableart.com\/startseite\/"},"modified":"2021-01-10T18:47:48","modified_gmt":"2021-01-10T17:47:48","slug":"startseite","status":"publish","type":"page","link":"https:\/\/viableart.com\/en\/","title":{"rendered":"Home"},"content":{"rendered":"<!-- section start -->\n<section class=\"masthead -type-2 js-masthead js-masthead-type-2\">\n        <!-- shapes start -->\n        <div class=\"masthead-shapes -group-3\">\n          <div class=\"masthead-shapes__item -item-1\">\n            <div class=\"masthead-shapes__shape -white -shadow-light js-shape\"><\/div>\n          <\/div>\n          <div class=\"masthead-shapes__item -item-2\">\n            <div class=\"masthead-shapes__shape -white -shadow-light js-shape\"><\/div>\n          <\/div>\n          <div class=\"masthead-shapes__item -item-3\">\n            <div class=\"masthead-shapes__shape -white -shadow-light js-shape\"><\/div>\n          <\/div>\n        <\/div>\n        <!-- shapes end -->\n\n        <!-- content start -->\n        <div class=\"container-fluid px-24\">\n          <div class=\"row justify-content-center\">\n            <div class=\"col-md-9\">\n              <div class=\"masthead__content z-3\">\n                <div data-split=\"lines\" data-split-page-reveal>\n                  <h1 class=\"masthead__title fw-800 js-title\">\n                    <span class=\"text-accent\">Your digital partner<\/span><br>\n                    for professional websites, web applications &#038; mobile apps                  <\/h1>\n                <\/div>\n\n                <div data-split=\"lines\" data-split-page-reveal>\n                  <p class=\"masthead__text mt-40 md:mt-32 ml-56 sm:ml-0 js-text\">\n                  ViableArt develops professional websites, <br> web applications (PWA) and mobile apps <br> using the latest technologies &#8211; modular and responsive.                  <\/p>\n                <\/div>\n\n                <div class=\"masthead__button overflow-hidden mt-48 md:mt-40 sm:mt-40 ml-56 sm:ml-0\">\n                  <div class=\"js-button\">\n                    <a href=\"\/contact\" class=\"button -md -outline-black text-black\">\n                    Get in touch.                    <\/a>\n                  <\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n        <!-- content end -->\n\n        <!-- ui element start -->\n        <div class=\"ui-element -bottom-left js-ui\">\n          <div class=\"ui-element__social text-black\">\n            <a class=\"overflow-hidden\" href=\"https:\/\/www.facebook.com\/viableart\"><i class=\"fa fa-facebook js-ui-item\"><\/i><\/a>\n            <a class=\"overflow-hidden\" href=\"https:\/\/twitter.com\/ViableArt\" target><i class=\"fa fa-twitter js-ui-item\"><\/i><\/a>\n            <a class=\"overflow-hidden\" href=\"https:\/\/www.instagram.com\/viableartweb\/\"><i class=\"fa fa-instagram js-ui-item\"><\/i><\/a>\n          <\/div>\n        <\/div>\n        <!-- ui element end -->\n\n        <!-- ui-element start -->\n        <div class=\"ui-element -bottom sm:d-none js-ui\">\n          <button type=\"button\" class=\"ui-element__scroll text-black js-ui-scroll-button\">\n            scroll down\n            <i class=\"icon\" data-feather=\"arrow-down\"><\/i>\n          <\/button>\n        <\/div>\n        <!-- ui-element end -->\n      <\/section>\n      <!-- section end -->\n\n<!-- section start -->\n<section class=\"layout-pt-lg layout-pb-sm\">\n        <!-- container start -->\n        <div class=\"container\">\n          <!-- row start -->\n          <div data-anim-wrap class=\"row x-gap-48 y-gap-48 pb-80\">\n\n          <div class=\"col-xl-10 col-md-12\">\n              <div class=\"sectionHeading -sm\">\n                <h2 class=\"sectionHeading__subtitle\">\n                  Services<\/h2>\n                <p class=\"sectionHeading__title fw-600 text-black\">\n                We develop modern and innovative solutions for your company or your idea. The focus is on quality and usability.<\/p>\n              <\/div>\n            <\/div>\n\n        <\/div> \n        <!-- row end -->\n\n<div data-anim-wrap class=\"row x-gap-48 y-gap-48\">        <div class=\"col-lg-3 col-sm-6\">\n              <div class=\"serviceCard\">\n                <div class=\"serviceCard__content\">\n                  <div class=\"d-flex align-items-center ml-minus-4\">\n                    <div class=\"px-20 py-20 bg-white shadow-light rounded-full\">\n                      <i class=\"size-md str-width-md text-accent\" data-feather=\"edit\"><\/i>\n                    <\/div>\n                  <\/div>\n\n                  <h3 class=\"serviceCard__title text-2xl fw-500 text-black mt-40 md:mt-32\">\n                    Design                  <\/h3>\n                  <ul class=\"serviceCard__text mt-20 md:mt-12 servicelisting\"><li class=\"svg-padding\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"feather feather-check size-2xs str-width-lg text-accent mr-8\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>Corporate Design<\/li><li class=\"svg-padding\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"feather feather-check size-2xs str-width-lg text-accent mr-8\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>Webdesign<\/li><li class=\"svg-padding\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"feather feather-check size-2xs str-width-lg text-accent mr-8\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>User-Interface Design (UI)<\/li><li class=\"svg-padding\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"feather feather-check size-2xs str-width-lg text-accent mr-8\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>User-Experience Design (UX)<\/li><\/ul>                  <div class=\"mt-24 md:mt-16\">\n                    <a data-barba href=\"https:\/\/viableart.com\/en\/\/services\" class=\"button -icon text-black\">\n                    learn more                      <i class=\"icon size-xs str-width-md\" data-feather=\"arrow-right\"><\/i>\n                    <\/a>\n                  <\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n                <div class=\"col-lg-3 col-sm-6\">\n              <div class=\"serviceCard\">\n                <div class=\"serviceCard__content\">\n                  <div class=\"d-flex align-items-center ml-minus-4\">\n                    <div class=\"px-20 py-20 bg-white shadow-light rounded-full\">\n                      <i class=\"size-md str-width-md text-accent\" data-feather=\"sliders\"><\/i>\n                    <\/div>\n                  <\/div>\n\n                  <h3 class=\"serviceCard__title text-2xl fw-500 text-black mt-40 md:mt-32\">\n                    Web development                  <\/h3>\n                  <ul class=\"serviceCard__text mt-20 md:mt-12 servicelisting\"><li class=\"svg-padding\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"feather feather-check size-2xs str-width-lg text-accent mr-8\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>Websites<\/li><li class=\"svg-padding\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"feather feather-check size-2xs str-width-lg text-accent mr-8\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>WordPress Themes &#038; Plugins<\/li><li class=\"svg-padding\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"feather feather-check size-2xs str-width-lg text-accent mr-8\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>Online shop systems<br> (E-Commerce)<\/li><li class=\"svg-padding\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"feather feather-check size-2xs str-width-lg text-accent mr-8\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>Web applications (PWA)<\/li><li class=\"svg-padding\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"feather feather-check size-2xs str-width-lg text-accent mr-8\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>Interfaces (RESTful API&#8217;s)<\/li><\/ul>                  <div class=\"mt-24 md:mt-16\">\n                    <a data-barba href=\"https:\/\/viableart.com\/en\/\/services\" class=\"button -icon text-black\">\n                    learn more                      <i class=\"icon size-xs str-width-md\" data-feather=\"arrow-right\"><\/i>\n                    <\/a>\n                  <\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n                <div class=\"col-lg-3 col-sm-6\">\n              <div class=\"serviceCard\">\n                <div class=\"serviceCard__content\">\n                  <div class=\"d-flex align-items-center ml-minus-4\">\n                    <div class=\"px-20 py-20 bg-white shadow-light rounded-full\">\n                      <i class=\"size-md str-width-md text-accent\" data-feather=\"feather\"><\/i>\n                    <\/div>\n                  <\/div>\n\n                  <h3 class=\"serviceCard__title text-2xl fw-500 text-black mt-40 md:mt-32\">\n                    Mobile Apps                  <\/h3>\n                  <ul class=\"serviceCard__text mt-20 md:mt-12 servicelisting\"><li class=\"svg-padding\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"feather feather-check size-2xs str-width-lg text-accent mr-8\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>Native applications<\/li><li class=\"svg-padding\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"feather feather-check size-2xs str-width-lg text-accent mr-8\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>iOS applications<\/li><li class=\"svg-padding\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"feather feather-check size-2xs str-width-lg text-accent mr-8\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>Andorid applications<\/li><li class=\"svg-padding\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"feather feather-check size-2xs str-width-lg text-accent mr-8\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>Hybrid applications<\/li><\/ul>                  <div class=\"mt-24 md:mt-16\">\n                    <a data-barba href=\"https:\/\/viableart.com\/en\/\/services\" class=\"button -icon text-black\">\n                    learn more                      <i class=\"icon size-xs str-width-md\" data-feather=\"arrow-right\"><\/i>\n                    <\/a>\n                  <\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n                <div class=\"col-lg-3 col-sm-6\">\n              <div class=\"serviceCard\">\n                <div class=\"serviceCard__content\">\n                  <div class=\"d-flex align-items-center ml-minus-4\">\n                    <div class=\"px-20 py-20 bg-white shadow-light rounded-full\">\n                      <i class=\"size-md str-width-md text-accent\" data-feather=\"move\"><\/i>\n                    <\/div>\n                  <\/div>\n\n                  <h3 class=\"serviceCard__title text-2xl fw-500 text-black mt-40 md:mt-32\">\n                    Hosting &#038; Support                  <\/h3>\n                  <ul class=\"serviceCard__text mt-20 md:mt-12 servicelisting\"><li class=\"svg-padding\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"feather feather-check size-2xs str-width-lg text-accent mr-8\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>Web hosting<\/li><li class=\"svg-padding\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"feather feather-check size-2xs str-width-lg text-accent mr-8\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>WordPress hosting<\/li><li class=\"svg-padding\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"feather feather-check size-2xs str-width-lg text-accent mr-8\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>WordPress Update Service<\/li><li class=\"svg-padding\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"feather feather-check size-2xs str-width-lg text-accent mr-8\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>WordPress Backup Service<\/li><\/ul>                  <div class=\"mt-24 md:mt-16\">\n                    <a data-barba href=\"https:\/\/viableart.com\/en\/\/services\" class=\"button -icon text-black\">\n                    learn more                      <i class=\"icon size-xs str-width-md\" data-feather=\"arrow-right\"><\/i>\n                    <\/a>\n                  <\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n        <\/div>        <\/div>\n        <!-- container end -->\n      <\/section>\n      <!-- section end -->\n\n<!-- section start -->\n<section class=\"layout-pt-lg layout-pb-lg review-layout\" id=\"review-block_5f7efe66e7035\">\n        <!-- container start -->\n        <div class=\"container\">\n          <h2 class=\"sectionHeading__subtitle text-center\">Review<\/h2>\n          <div data-cursor data-cursor-label=\"DRAG\" class=\"overflow-hidden js-section-slider\" data-slider-col=\"base-1 lg-1 md-1 sm-1\" data-pagination data-loop>\n\n            <div class=\"swiper-wrapper\">\n\n                        \n                                                <div class=\"swiper-slide\">\n                        <div class=\"row justify-content-center\">\n                        <div class=\"col-lg-9 col-md-10\">\n                            <div class=\"testimonials text-center reviewcontent\">\n                            <!-- <p class=\"testimonials__comment text-3xl md:text-2xl sm:text-xl fw-500 leading-xl text-black\">\n                            <\/p> -->\n                            \n<p>The cooperation with ViableArt happens on a professional and reliable basis. The competent advice is complemented by extremely prompt and thorough work on the part of ViableArt. Complex projects can be evaluated calmly and professionally with understandable and well presented solutions.<\/p>\n\n                            <div class=\"testimonials__author mt-48\">\n                                <div class=\"mx-auto mb-20\">\n                                <img decoding=\"async\" src=\"https:\/\/viableart.com\/wp-content\/uploads\/ASUS-Logo-without-trademark-Black-01.png\" style=\"width:150px\">\n                                <\/div>\n\n                                <h5 class=\"text-lg capitalize fw-300\">ASUS Computer GmbH<\/h5>\n                            <\/div>\n                            <\/div>\n                        <\/div>\n                        <\/div>\n                    <\/div>\n                                    <div class=\"swiper-slide\">\n                        <div class=\"row justify-content-center\">\n                        <div class=\"col-lg-9 col-md-10\">\n                            <div class=\"testimonials text-center reviewcontent\">\n                            <!-- <p class=\"testimonials__comment text-3xl md:text-2xl sm:text-xl fw-500 leading-xl text-black\">\n                            <\/p> -->\n                            \n<p>Highly professional and absolutely reliable. All projects are planned and carried out at a very high level. The team around Mr. Voss has become an integral part of our considerations. We look forward to a long-term cooperation!<\/p>\n\n                            <div class=\"testimonials__author mt-48\">\n                                <div class=\"mx-auto mb-20\">\n                                <img decoding=\"async\" src=\"https:\/\/viableart.com\/wp-content\/uploads\/vismed_logo.png\" style=\"width:150px\">\n                                <\/div>\n\n                                <h5 class=\"text-lg capitalize fw-300\">vismed. GmbH<\/h5>\n                            <\/div>\n                            <\/div>\n                        <\/div>\n                        <\/div>\n                    <\/div>\n                                    <div class=\"swiper-slide\">\n                        <div class=\"row justify-content-center\">\n                        <div class=\"col-lg-9 col-md-10\">\n                            <div class=\"testimonials text-center reviewcontent\">\n                            <!-- <p class=\"testimonials__comment text-3xl md:text-2xl sm:text-xl fw-500 leading-xl text-black\">\n                            <\/p> -->\n                            \n<p>Sven Voss and his team contributed their entire experience and expertise to every phase of the project. Every single sub-task and also author&#8217;s corrections were implemented on time, confidently and precisely. For us as an agency, the cooperation was particularly pleasant and also a complete success for our customers!<\/p>\n\n                            <div class=\"testimonials__author mt-48\">\n                                <div class=\"mx-auto mb-20\">\n                                <img decoding=\"async\" src=\"https:\/\/viableart.com\/wp-content\/uploads\/appsalive.png\" style=\"width:150px\">\n                                <\/div>\n\n                                <h5 class=\"text-lg capitalize fw-300\">Hubert Assai, APPS ALIVE<\/h5>\n                            <\/div>\n                            <\/div>\n                        <\/div>\n                        <\/div>\n                    <\/div>\n                                            \n            <\/div>\n\n            <div class=\"pagination -dark js-pagination pt-4 mt-48\"><\/div>\n\n          <\/div>\n        <\/div>\n        <!-- container end -->\n      <\/section>\n      <!-- section end -->\n\n\n<!-- section start -->\n<section data-parallax=\"0.7\" class=\"layout-pt-lg layout-pb-lg\">\n        <div data-parallax-target class=\"overlay-black-md bg-image js-lazy\" data-bg=\"https:\/\/viableart.com\/wp-content\/themes\/viableart-master\/img\/backgrounds\/va_background_cta.jpg\"><\/div>\n\n        <!-- container start -->\n        <div class=\"container z-5\">\n          <!-- row start -->\n          <div class=\"row justify-content-center text-center\">\n            <div class=\"col-12\">\n              <p class=\"text-sm uppercase tracking-lg text-white mb-20\">\n                Bring your idea online              <\/p>\n\n              <h2 class=\"text-5xl sm:text-5xl xs:text-4xl leading-sm fw-700 text-white\">\n              Start your project today              <\/h2>\n\n              <p class=\"text-xl md:text-lg text-white mt-16\">\n              No matter if big or small &#8211; we bring your idea online!              <\/p>\n\n              <a href=\"https:\/\/viableart.com\/en\/contact\/\" class=\"button -md -white text-black mt-32\">\n              Inquire now              <\/a>\n            <\/div>\n          <\/div>\n          <!-- row end -->\n        <\/div>\n        <!-- container end -->\n      <\/section>\n      <!-- section end -->","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-313","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/viableart.com\/en\/wp-json\/wp\/v2\/pages\/313","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=313"}],"version-history":[{"count":16,"href":"https:\/\/viableart.com\/en\/wp-json\/wp\/v2\/pages\/313\/revisions"}],"predecessor-version":[{"id":364,"href":"https:\/\/viableart.com\/en\/wp-json\/wp\/v2\/pages\/313\/revisions\/364"}],"wp:attachment":[{"href":"https:\/\/viableart.com\/en\/wp-json\/wp\/v2\/media?parent=313"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}