{"id":3058,"date":"2024-08-02T13:37:36","date_gmt":"2024-08-02T10:37:36","guid":{"rendered":"https:\/\/moa.maxopen.com.ua\/?page_id=3058"},"modified":"2024-08-02T13:37:36","modified_gmt":"2024-08-02T10:37:36","slug":"our-portfolio","status":"publish","type":"page","link":"https:\/\/moa.maxopen.com.ua\/en\/our-portfolio\/","title":{"rendered":"Our portfolio"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"3058\" class=\"elementor elementor-3058 elementor-2903\">\n\t\t\t\t<div class=\"elementor-element elementor-element-660e3a0 e-flex e-con-boxed e-con e-parent\" data-id=\"660e3a0\" 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-f97817d elementor-widget elementor-widget-text-editor\" data-id=\"f97817d\" data-element_type=\"widget\" id=\"data-our-portfolio-block\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>MaxOpen is a team of professionals of over 8 years of experience in IT. We have developed a big amount of projects that are effectively operating today in Ukraine, European countries and USA.<\/p><p>Our team is working with a wide range of technologies, such as:<\/p><p>\u25e6 WordPress websites<\/p><p>\u25e6 Laravel websites<\/p><p>\u25e6 Open\u0441art online stores<\/p><p>\u25e6 CRM systems<\/p><p>\u25e6 Flutter apps<\/p><p>\u25e6 Telegram-bots<\/p><p>\u25e6 Web apps<\/p><p>\u25e6 Google\/Facebook\/Telegram\/Instagram Ads<\/p><p>Our team counts 35+ professionals with different stacks and work with maximum effort to create a product, perfectly matching your business goals and needs.<\/p><p>Feel free to contact for creating your ideas!<\/p>\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-40c9241 e-flex e-con-boxed e-con e-parent\" data-id=\"40c9241\" 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-506ad5d elementor-widget elementor-widget-shortcode\" data-id=\"506ad5d\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-shortcode\"><style>\n    .portfolio__slider-wrapper {\n        margin-bottom: 50px;\n    }    \n    .page-title-wrapper .page-title {\n        width: max-content;\n        margin: auto;\n    }\n    .portfolio__slider-wrapper {\n        position: relative;\n        width: calc(100vw);\n        left: 50%;\n        margin-left: -50vw;\n    }\n    @media(max-width: 768px) {\n        .portfolio__slider-wrapper {\n            position: relative;\n            width: 100%;\n            left: unset;\n            margin-left: unset;\n        }\n    }\n    \n    .portfolio__slider {\n        position: absolute;\n        left: 0;\n        top: 0;\n        display: flex;\n        align-items: center;\n    }\n    .portfolio__slider-item {\n        width: 100%;\n    }\n    .portfolio__slider video,\n    .portfolio__slider iframe {\n        width: 100%;\n        pointer-events: none;\n    }\n    @media(max-width: 768px) {\n        .portfolio__slider video,\n        .portfolio__slider iframe {\n            width: 100vw;\n            height: 56vw;\n        }\n    }\n    \n    .portfolio__slider .owl-item {\n        pointer-events: all;\n        \n    }\n    .portfolio__slider .owl-stage-outer {\n        overflow: hidden;\n    }\n    .portfolio__slider .owl-stage {\n        display: flex !important;\n    }\n    .portfolio__slider .owl-nav {\n        display: flex;\n        justify-content: center;\n        gap: 50px;\n        position: absolute;\n        top: -85px;\n        z-index: 5;\n        width: 100vw;\n    }\n    @media(max-width: 768px) {\n        .portfolio__slider .owl-nav {\n            justify-content: space-around;\n            gap: 0;\n        }\n    }\n    \n    .portfolio__slider .owl-nav button {\n        width: max-content;\n    }\n    .portfolio__slider .owl-dots {\n        display: none;\n    }\n    .portfolio__slider-item:hover .portfolio__slider-title {\n        color: #0A9FA3;\n        margin-top: 0px;\n        opacity: 1;\n        transition: .5s;\n    }\n    .portfolio__slider-title {\n        font-size: 24px;\n        color: #fff;\n        text-align: center;\n        text-transform: uppercase;\n        margin-top: -50px;\n        opacity: 0;\n        transition: .5s;\n    }\n    @media(max-width: 768px) {\n        .portfolio__slider-title {\n            width: 100vw;\n            display: flex;\n            justify-content: center;\n            margin-top: 0px;\n            opacity: 1;\n            transition: .5s;\n        }\n    }\n    .no-scroll {\n    overflow: hidden;\n}\n#data-our-portfolio-block p{\n  text-indent: 1em;\nmargin-bottom: 0.5em;  \n}\n<\/style>\n<div class=\"portfolio__slider-wrapper\">\n    <div class=\"portfolio__slider\">\n                <a href=\"https:\/\/chromatelle.com\" class=\"portfolio__slider-item\" target=\"_blank\">\n            <video autoplay muted loop>\n                <source src=\"http:\/\/moa.maxopen.com.ua\/wp-content\/uploads\/2024\/06\/portfolio-video.webm\" type=\"video\/webm\">\n                <source src=\"http:\/\/moa.maxopen.com.ua\/wp-content\/uploads\/2024\/06\/portfolio-video1.mp4\" type=\"video\/mp4\">\n            <\/video>\n            <div class=\"portfolio__slider-title\">chromatelle.com<\/div>\n        <\/a>\n            <\/div>\n<\/div>\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/jquery\/3.6.0\/jquery.min.js\"><\/script>\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/OwlCarousel2\/2.3.4\/owl.carousel.min.js\"><\/script>\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/jquery-mousewheel\/3.1.13\/jquery.mousewheel.min.js\"><\/script>\n\n<script>\n        \n       \n    function debounce(func, wait) {\n        let timeout;\n        return function(...args) {\n            clearTimeout(timeout);\n            timeout = setTimeout(() => func.apply(this, args), wait);\n        }\n    }\n\n    $(document).ready(function() {\n        var portfolio_owl = $('.portfolio__slider');\n        portfolio_owl.owlCarousel({\n            loop:true,\n            nav:true,\n            margin:50,\n            responsive:{\n                0:{\n                    items:1,\n                    margin:0,\n                },\n                576:{\n                    items:2,\n                    margin:50,\n                }, \n                768:{\n                    items:3\n                },\n                992:{\n                    items:4\n                },\n                1024:{\n                    freeDrag: false,\n                    pullDrag: false,\n                    touchDrag: false,\n                    mouseDrag: false,\n                }\n            }\n        });\n        var portfolio_owl = $(\".portfolio__slider\");\n        portfolio_owl.owlCarousel({\n            items: 3,\n            loop: true,\n            margin: 10,\n            nav: true,\n            autoplay: true,\n            autoplayTimeout: 3000,\n            autoplayHoverPause: true\n        });\n        if($(window).width() > 1024) {\n            function disableScroll() {\n                document.body.classList.add('no-scroll');\n            }\n\n            function enableScroll() {\n                document.body.classList.remove('no-scroll');\n            }\n        }\n        var debouncedScroll = debounce(function(e) {\n            var delta = e.originalEvent.wheelDelta || -e.originalEvent.detail || e.originalEvent.deltaY;\n\n            if (delta > 0) {\n                portfolio_owl.trigger('prev.owl.carousel', [1000]);\n            } else {\n                portfolio_owl.trigger('next.owl.carousel', [1000]);\n            }\n\n            e.preventDefault();\n            e.stopPropagation();\n            return false;\n        }, 200); \/\/ \u0417\u0430\u0434\u0435\u0440\u0436\u043a\u0430 \u0432 200 \u043c\u0438\u043b\u043b\u0438\u0441\u0435\u043a\u0443\u043d\u0434\n\n        $('.portfolio__slider').on('mouseenter', function() {\n            disableScroll();\n        });\n\n        $('.portfolio__slider').on('mouseleave', function() {\n            enableScroll();\n        });\n\n        $('.portfolio__slider').on('wheel mousewheel DOMMouseScroll', debouncedScroll);\n\n        function setOwlNav() {\n            var portfolio_slider_height = $(\".portfolio__slider\").height();\n            $(\".portfolio__slider-wrapper\").height(portfolio_slider_height);\n        }\n        setOwlNav();\n        $(window).on(\"resize\", function() {\n            setOwlNav();\n        })\n    });\n        \n<\/script><\/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":"","meta":{"footnotes":""},"class_list":["post-3058","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/moa.maxopen.com.ua\/en\/wp-json\/wp\/v2\/pages\/3058","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/moa.maxopen.com.ua\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/moa.maxopen.com.ua\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/moa.maxopen.com.ua\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/moa.maxopen.com.ua\/en\/wp-json\/wp\/v2\/comments?post=3058"}],"version-history":[{"count":1,"href":"https:\/\/moa.maxopen.com.ua\/en\/wp-json\/wp\/v2\/pages\/3058\/revisions"}],"predecessor-version":[{"id":3059,"href":"https:\/\/moa.maxopen.com.ua\/en\/wp-json\/wp\/v2\/pages\/3058\/revisions\/3059"}],"wp:attachment":[{"href":"https:\/\/moa.maxopen.com.ua\/en\/wp-json\/wp\/v2\/media?parent=3058"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}