{"id":330,"date":"2020-10-12T12:44:41","date_gmt":"2020-10-12T10:44:41","guid":{"rendered":"https:\/\/viableart.com\/services\/"},"modified":"2021-01-10T11:51:42","modified_gmt":"2021-01-10T10:51:42","slug":"services","status":"publish","type":"page","link":"https:\/\/viableart.com\/en\/services\/","title":{"rendered":"Services"},"content":{"rendered":"<!-- section start -->\n<section class=\"layout-pt-xl layout-pb-xl basiccontent\">\n        <!-- container start -->\n        <div data-anim-wrap class=\"container\">\n\n          <!-- row start -->\n          <div class=\"row\">\n                      <div class=\"col-xl-9  col-lg-11\">\n              <div data-anim-child=\"slide-up delay-1\" class=\"sectionHeading -lg\">\n                              <p class=\"sectionHeading__subtitle\">\n                    Overview                <\/p>\n                              <h1 class=\"sectionHeading__title leading-sm\">\n                Our Services                <\/h1>\n              <\/div>\n            <\/div>\n            \n            <div class=\"col-xl-9 col-lg-11 layout-pt-xs\" data-anim-child=\"slide-up delay-1\">\n                <p>We support you in the implementation of your idea or your project.<\/p>\n<p>From consulting to conception to development and the subsequent support, we offer you services in the field of design, web development, mobile app development and the associated support and hosting.<\/p>\n<p>If you are not sure, do not hesitate. We would be happy to advise you &#8211; free of charge and without obligation, of course.<br \/>\n<a class=\"underline\" href=\"https:\/\/viableart.com\/en\/contact\">Get in touch.<\/a><\/p>\n<p><a class=\"button -md -black text-white mt-32\" href=\"#design\">Design<\/a> <a class=\"button -md -black text-white mt-32\" href=\"#webentwicklung\">Web Development<\/a> <a class=\"button -md -black text-white mt-32\" href=\"#appentwicklung\">App Development<\/a> <a class=\"button -md -black text-white mt-32\" href=\"#hostingundsupport\">Hosting &amp; Support<\/a><\/p>\n            <\/div>\n            <!-- content end  -->\n          <\/div>\n          <!-- row end -->\n        <\/div>\n        <!-- container end -->\n      <\/section>\n      <!-- section end -->\n\n\n\n<section class=\"layout-pt-lg layout-pb-lg bg-dark-1 servicebox\" id=\"design\">\n        <!-- container start -->\n        <div class=\"container\">\n          <!-- row start -->\n          <div class=\"row align-items-center\">\n\n                    \n\n            <div class=\"col-lg-6 md:order-2 md:mt-48 \">\n              <div data-parallax=\"0.7\" class=\"ratio ratio-3:4\">\n                \n              <div id=\"jarallax-container-0\" style=\"position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; overflow: hidden; z-index: -100;\"><div data-parallax-target=\"\" class=\"bg-image js-lazy loaded\" style=\"object-fit: cover; object-position: 50% 50%; max-width: none; position: absolute; top: 0px; left: 0px; width: 584px; height: 853.759px; overflow: hidden; pointer-events: none; transform-style: preserve-3d; backface-visibility: hidden; will-change: transform, opacity; margin-top: 87.6203px; transform: translate3d(0px, 23.0797px, 0px); background-image: url(&quot;https:\/\/viableart.com\/wp-content\/uploads\/nick-adams-yTWq8n3-4k0-unsplash.jpg&quot;);\" data-ll-status=\"loaded\"><\/div><\/div><\/div>\n            <\/div>\n\n            <div class=\"col-lg-4 offset-lg-1 col-md-10 md:order-1\">\n              <div data-anim=\"slide-up delay-1\" class=\"is-in-view\">\n                <div class=\"d-flex\">\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                <h2 class=\"text-4xl sm:text-3xl fw-500 text-white mt-32\">\n                  Design                <\/h2>\n\n                <p class=\"text-lg fw-300 text-white mt-24\">A professional logo, the design of your website or the planning &#038; design for your application &#8211; a high-quality design is a must for us.<\/p>\n<ul class=\"serviceCard__text mt-20 md:mt-12\">\n<li class=\"text-white text-base ml-minus-4 mt-32\"><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>\n<li class=\"text-white text-base ml-minus-4 mt-32\"><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 design<\/li>\n<li class=\"text-white text-base ml-minus-4 mt-32\"><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>\n<li class=\"text-white text-base ml-minus-4 mt-32\"><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>\n<\/ul>\n              <\/div>\n            <\/div>\n\n          \n          <\/div>\n          <!-- row start -->\n        <\/div>\n        <!-- container start -->\n      <\/section>\n\n\n<section class=\"layout-pt-lg layout-pb-lg bg-dark-1 servicebox\" id=\"webentwicklung\">\n        <!-- container start -->\n        <div class=\"container\">\n          <!-- row start -->\n          <div class=\"row align-items-center\">\n\n          \n            <div class=\"col-lg-4 col-md-10 md:order-1\">\n              <div data-anim=\"slide-up delay-1\" class=\"is-in-view\">\n                \n                <div class=\"d-flex\">\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                <h2 class=\"text-4xl sm:text-3xl fw-500 text-white mt-32\">\n                  Web Development                <\/h2>\n\n                <p class=\"text-lg fw-300 text-white mt-24\">Using modern web technologies, we develop websites, web applications and interfaces for you. We also pay attention to the use of user-friendly CMS systems with which you can manage your content yourself with just a few clicks.<\/p>\n<ul class=\"serviceCard__text mt-20 md:mt-12\">\n<li class=\"text-white text-base ml-minus-4 mt-32\"><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>\n<li class=\"text-white text-base ml-minus-4 mt-32\"><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 &amp; Plugins<\/li>\n<li class=\"text-white text-base ml-minus-4 mt-32\"><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 (E-Commerce)<\/li>\n<li class=\"text-white text-base ml-minus-4 mt-32\"><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>\n<li class=\"text-white text-base ml-minus-4 mt-32\"><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\u2019s)<\/li>\n<\/ul>\n<p class=\"text-lg fw-300 text-white mt-24\">&nbsp;<\/p>\n\n              <\/div>\n            <\/div>\n\n            <div class=\"col-lg-7 offset-lg-1 md:order-2 md:mt-48 \">\n              <div data-parallax=\"0.7\" class=\"ratio ratio-4:3\">\n                \n              <div id=\"jarallax-container-1\" style=\"position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; overflow: hidden; z-index: -100;\"><div data-parallax-target=\"\" class=\"bg-image js-lazy loaded\" style=\"object-fit: cover; object-position: 50% 50%; max-width: none; position: absolute; top: 0px; left: 0px; width: 686.656px; height: 669.189px; overflow: hidden; pointer-events: none; transform-style: preserve-3d; backface-visibility: hidden; will-change: transform, opacity; margin-top: 179.905px; transform: translate3d(0px, -278.966px, 0px); background-image: url(&quot;https:\/\/viableart.com\/wp-content\/uploads\/viableart-referenz-asus-onlineportal-mac-1.png&quot;);\" data-ll-status=\"loaded\"><\/div><\/div><\/div>\n            <\/div>\n\n          \n          <\/div>\n          <!-- row start -->\n        <\/div>\n        <!-- container start -->\n      <\/section>\n\n\n<section class=\"layout-pt-lg layout-pb-lg bg-dark-1 servicebox\" id=\"appentwicklung\">\n        <!-- container start -->\n        <div class=\"container\">\n          <!-- row start -->\n          <div class=\"row align-items-center\">\n\n                    \n\n            <div class=\"col-lg-6 md:order-2 md:mt-48 \">\n              <div data-parallax=\"0.7\" class=\"ratio ratio-3:4\">\n                \n              <div id=\"jarallax-container-0\" style=\"position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; overflow: hidden; z-index: -100;\"><div data-parallax-target=\"\" class=\"bg-image js-lazy loaded\" style=\"object-fit: cover; object-position: 50% 50%; max-width: none; position: absolute; top: 0px; left: 0px; width: 584px; height: 853.759px; overflow: hidden; pointer-events: none; transform-style: preserve-3d; backface-visibility: hidden; will-change: transform, opacity; margin-top: 87.6203px; transform: translate3d(0px, 23.0797px, 0px); background-image: url(&quot;https:\/\/viableart.com\/wp-content\/uploads\/viableart-referenz-vetrad-onlineportal-iphone-clear.png&quot;);\" data-ll-status=\"loaded\"><\/div><\/div><\/div>\n            <\/div>\n\n            <div class=\"col-lg-4 offset-lg-1 col-md-10 md:order-1\">\n              <div data-anim=\"slide-up delay-1\" class=\"is-in-view\">\n                <div class=\"d-flex\">\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                <h2 class=\"text-4xl sm:text-3xl fw-500 text-white mt-32\">\n                  App Development                <\/h2>\n\n                <p class=\"text-lg fw-300 text-white mt-24\">In mobile app development, we rely on a modern and efficient solution with a focus on quality and usability. When it comes to realizing your ideas, there are no limits in the world of applications either.<\/p>\n<ul class=\"serviceCard__text mt-20 md:mt-12\">\n<li class=\"text-white text-base ml-minus-4 mt-32\"><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>\n<li class=\"text-white text-base ml-minus-4 mt-32\"><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>\n<li class=\"text-white text-base ml-minus-4 mt-32\"><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>\n<li class=\"text-white text-base ml-minus-4 mt-32\"><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>\n<\/ul>\n              <\/div>\n            <\/div>\n\n          \n          <\/div>\n          <!-- row start -->\n        <\/div>\n        <!-- container start -->\n      <\/section>\n\n\n<section class=\"layout-pt-lg layout-pb-lg bg-dark-1 servicebox\" id=\"hostingundsupport\">\n        <!-- container start -->\n        <div class=\"container\">\n          <!-- row start -->\n          <div class=\"row align-items-center\">\n\n          \n            <div class=\"col-lg-4 col-md-10 md:order-1\">\n              <div data-anim=\"slide-up delay-1\" class=\"is-in-view\">\n                \n                <div class=\"d-flex\">\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                <h2 class=\"text-4xl sm:text-3xl fw-500 text-white mt-32\">\n                  Hosting &#038; Support                <\/h2>\n\n                <p class=\"text-lg fw-300 text-white mt-24\">Whether big or small &#8211; we ensure that you get the right server performance and the right security for your new or existing project.<\/p>\n<ul class=\"serviceCard__text mt-20 md:mt-12\">\n<li class=\"text-white text-base ml-minus-4 mt-32\"><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>\n<li class=\"text-white text-base ml-minus-4 mt-32\"><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>Backup services for websites and applications<\/li>\n<li class=\"text-white text-base ml-minus-4 mt-32\"><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>\n<li class=\"text-white text-base ml-minus-4 mt-32\"><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>\n<li class=\"text-white text-base ml-minus-4 mt-32\"><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>\n<\/ul>\n\n              <\/div>\n            <\/div>\n\n            <div class=\"col-lg-7 offset-lg-1 md:order-2 md:mt-48 sm:d-none\">\n              <div data-parallax=\"0.7\" class=\"ratio ratio-4:3\">\n                \n              <div id=\"jarallax-container-1\" style=\"position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; overflow: hidden; z-index: -100;\"><div data-parallax-target=\"\" class=\"bg-image js-lazy loaded\" style=\"object-fit: cover; object-position: 50% 50%; max-width: none; position: absolute; top: 0px; left: 0px; width: 686.656px; height: 669.189px; overflow: hidden; pointer-events: none; transform-style: preserve-3d; backface-visibility: hidden; will-change: transform, opacity; margin-top: 179.905px; transform: translate3d(0px, -278.966px, 0px); background-image: url(&quot;https:\/\/viableart.com\/wp-content\/uploads\/viableart-php-node-wordpress-hosting.png&quot;);\" data-ll-status=\"loaded\"><\/div><\/div><\/div>\n            <\/div>\n\n          \n          <\/div>\n          <!-- row start -->\n        <\/div>\n        <!-- container start -->\n      <\/section>\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              Would you like to start your project?              <\/h2>\n\n              <p class=\"text-xl md:text-lg text-white mt-16\">\n              whether 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              Get in touch              <\/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-330","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/viableart.com\/en\/wp-json\/wp\/v2\/pages\/330","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=330"}],"version-history":[{"count":8,"href":"https:\/\/viableart.com\/en\/wp-json\/wp\/v2\/pages\/330\/revisions"}],"predecessor-version":[{"id":347,"href":"https:\/\/viableart.com\/en\/wp-json\/wp\/v2\/pages\/330\/revisions\/347"}],"wp:attachment":[{"href":"https:\/\/viableart.com\/en\/wp-json\/wp\/v2\/media?parent=330"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}