{"id":897,"date":"2021-10-28T14:26:34","date_gmt":"2021-10-28T11:26:34","guid":{"rendered":"https:\/\/www.spiritedonline.com\/?page_id=897"},"modified":"2021-10-29T14:39:55","modified_gmt":"2021-10-29T11:39:55","slug":"avaleht","status":"publish","type":"page","link":"https:\/\/www.spiritedonline.com\/et\/","title":{"rendered":"Avaleht"},"content":{"rendered":"<p>[vc_row delay=&#8221;true&#8221; effect=&#8221;none&#8221; delay_timer=&#8221;200&#8243;][vc_column effect=&#8221;none&#8221;]<div class=\"wpb_content_element \"><style type=\"text\/css\"><\/style><header id=\"ut_header_69deed41edf8e\" class=\"section-header  ut-no-title-linebreak-mobile ut-no-lead-linebreak-mobile pt-style-7 header-left header-tablet-left header-mobile-center\"><h2 data-title=\"We are Spirited. We build websites.\"  data-responsive-font=\"section_title\" class=\"section-title  \"><span>We are Spirited. We build websites.<\/span><\/h2><div data-delay=\"0\" class=\"lead \"><p>We&#8217;ve been creating Websites, Online Magazines and e-Learning solutions since 2004.<\/p>\n<\/div><\/header><\/div>[vc_empty_space height=&#8221;20px&#8221;]<div class=\"wpb_content_element \">        \r\n        <script type=\"text\/javascript\">\r\n        (function($) {\r\n\r\n            \"use strict\";\r\n\r\n            \/* check if is in vc front end\r\n            ================================================== *\/\r\n            function inIframe() {\r\n\r\n                var field = 'vc_editable';\r\n                var url = window.location.href ;\r\n\r\n                if( url.indexOf('?' + field + '=') !== -1 ) {\r\n\r\n                    return true;\r\n\r\n                } else if( url.indexOf('&' + field + '=') !== -1 ) {\r\n\r\n                    return true;\r\n\r\n                } else {\r\n\r\n                    return false;\r\n\r\n                }\r\n\r\n            }\r\n\r\n            if( inIframe() ) {\r\n\r\n                $(window).trigger(\"load\");\r\n\r\n            }\r\n\r\n            $(window).on(\"load\", function(){\r\n\r\n                $(document).ready( function(){\r\n\r\n                var inc = \"0\";\r\n\r\n                function calculate_portfolio_item_width_with_gutter( $container, columns, guttersize, increament ) {\r\n                    \r\n                    var step = increament ? increament : 0.1,\r\n                        extra_spacing = $container.hasClass('ut-portfolio-item-container-with-background') ? guttersize : 0,\r\n                        size = ( $container.get(0).getBoundingClientRect().width - extra_spacing - guttersize ) \/ columns - ( guttersize * ( columns - 1 ) \/ columns ) - step;\r\n\r\n                    if( ( ( size + guttersize ) * columns ) < $container.get(0).getBoundingClientRect().width ) {\r\n                                                \r\n                        inc = 0;                        \r\n                        return size;                        \r\n                        \r\n                    } else {\r\n                        \r\n                        inc = inc + 0.2;\r\n                        return calculate_portfolio_item_width_with_gutter( $container, columns, guttersize, inc );\r\n                        \r\n                    }                    \r\n                \r\n                }\r\n\t\t\t\t\r\n                var $win = $(window),\r\n                    $container = $(\"#ut-portfolio-items-938\"),\r\n\t\t\t\t\tcolumns = 4,\r\n\t\t\t\t\tgutter = \"on\",\r\n\t\t\t\t\tgutterwidth = \"\",\r\n                    guttersize = \"1\";\r\n                \r\n\t\t\t\t$container.on( \"layoutComplete\", function( event, filteredItems ){\r\n\r\n\t\t\t\t\t$(filteredItems).each(function( index, element ){\r\n\r\n\t\t\t\t\t\t$(element.element).addClass(\"sorted\").css({\r\n\t\t\t\t\t\t\t\"opacity\" : \"1\", \"transform\" : \"scale(1)\" \t\t\t\t\t\t\t\t\t\t\t\t\t});\r\n\r\n\t\t\t\t\t});\r\n\r\n                    $container.addClass(\"layoutComplete\");\r\n\r\n                    $(window).trigger('scroll');\r\n                    $.waypoints(\"refresh\");\r\n                    $.force_appear();\r\n\r\n                    setTimeout(function(  ) {\r\n\r\n                        $(window).trigger('scroll');\r\n                        $.waypoints(\"refresh\");\r\n                        $.force_appear();\r\n\r\n                    }, 401 );\r\n\r\n\r\n\t\t\t\t});\r\n\t\t\t\t\r\n                var hide_timout;\r\n                \r\n\t\t\t\tfunction hide_portfolio_articles( selector ) {\r\n\r\n                    $container.removeClass(\"layoutComplete\");\r\n                    \r\n\t\t\t\t\tclearTimeout( hide_timout );\r\n                    \r\n\t\t\t\t\t$(\"> .ut-portfolio-article\", \"#ut-portfolio-items-938\").each(function(){\r\n\r\n\r\n\t\t\t\t\t\tif( $(window).width() <= 1024 ) {\r\n                            \r\n                            $(this).addClass(\"ut-portfolio-article-animation\").removeClass(\"sorted\").css({\r\n                                \"opacity\" : \"0\"\r\n                            }); \r\n                            \r\n                        } else {\r\n                        \r\n                            $(this).addClass(\"ut-portfolio-article-animation\").removeClass(\"sorted\").css({\r\n                                \"opacity\" : \"0\", \"transform\" : \"scale(0.001)\"                                                             }); \r\n                            \r\n                        } \r\n\r\n\t\t\t\t\t});\r\n\r\n\t\t\t\t\tsetTimeout( function() {\r\n\r\n\t\t\t\t\t\t$(\"> .ut-portfolio-article .ut-portfolio-article-animation-box\", \"#ut-portfolio-items-938\").each(function(){\r\n                            \r\n                            var $this = $(this);\r\n                            \r\n\t\t\t\t\t\t\t$this.clearQueue().css({\r\n\t\t\t\t\t\t\t\t\"visibility\" : \"hidden\",\r\n\t\t\t\t\t\t\t\t\"opacity\" : \"0\"\r\n\t\t\t\t\t\t\t}).removeClass( $this.children(\".ut-portfolio-item\").data(\"effect\") ); \r\n\r\n\t\t\t\t\t\t});\r\n\r\n                        hide_timout = setTimeout(function(  ) {\r\n\r\n                            $container.isotope({ filter: selector });\r\n                        \r\n                        }, 400 );\r\n                            \r\n\t\t\t\t\t}, 400 );\r\n\r\n\t\t\t\t}\r\n\r\n                function hide_and_relayout_portfolio_articles( callback ) {\r\n\r\n                    $container.removeClass(\"layoutComplete\");\r\n\r\n                    $(\"> .ut-portfolio-article\", \"#ut-portfolio-items-938\").each(function(){\r\n\r\n                        if( $(window).width() <= 1024 ) {\r\n\r\n                            $(this).addClass(\"ut-portfolio-article-animation\").removeClass(\"sorted\").css({\r\n                                \"opacity\" : \"0\"\r\n                            });\r\n\r\n                        } else {\r\n\r\n                            $(this).addClass(\"ut-portfolio-article-animation\").removeClass(\"sorted\").css({\r\n                                \"opacity\" : \"0\", \"transform\" : \"scale(0.001)\"                                                             });\r\n\r\n                        }\r\n\r\n                    });\r\n\r\n                    setTimeout( function() {\r\n\r\n                        if( callback && typeof(callback) === \"function\" ) {\r\n\r\n                            callback();\r\n\r\n                        }\r\n\r\n                    }, 350 );\r\n\r\n                }\r\n\r\n\t\t\t\tfunction ut_call_isotope( force_column, callback ) {\r\n\r\n\t\t\t\t\tif( $(window).width() > 1024) {\r\n\t\t\t\t\t\tcolumns = 4;\r\n                        guttersize = \"1\";\r\n\t\t\t\t\t} \r\n\r\n\t\t\t\t\tif( force_column ) {\r\n\t\t\t\t\t    columns = force_column;\r\n                    }\r\n\r\n\t\t\t\t\tif( $(window).width() <= 1024) {\r\n\t\t\t\t\t\tcolumns = 2;\r\n                        guttersize = \"1\";\r\n\t\t\t\t\t} \r\n                    \r\n\t\t\t\t\tif( $(window).width() <= 767) {\r\n                        columns = 1;\r\n                        guttersize = 1.5;\r\n\t\t\t\t\t} \t\t\t\t\r\n\t\t\t\t\t\r\n                    if( $(window).width() <= 400 ) {\r\n                        guttersize = 1;\r\n                    }\r\n\r\n\t\t\t\t\tif( gutter === \"on\" ) {\r\n                        \r\n                        $container.children().width( calculate_portfolio_item_width_with_gutter( $container, columns, ( 20 * guttersize ), false ) ).addClass(\"show\");\r\n\t\t\t\t\t\tgutterwidth = 20 * guttersize;\r\n                        \r\n\t\t\t\t\t} else {\r\n\t\t\t\t\t\t\r\n                        $container.children().width( $container.get(0).getBoundingClientRect().width \/ columns - 0.05 ).addClass(\"show\");\r\n\t\t\t\t\t\tgutterwidth = 0;\r\n                        \r\n\t\t\t\t\t}\r\n\r\n                    if( callback && typeof(callback) === \"function\" ) {\r\n\r\n                        callback( columns, gutterwidth );\r\n\r\n                    } else {\r\n\r\n                        $container.ut_require_js({\r\n                            plugin: 'isotope',\r\n                            source: 'isotope',\r\n                            callback: function (element) {\r\n\r\n                                element.addClass(\"animated\").isotope({\r\n\r\n                                    itemSelector : \".ut-portfolio-article\",\r\n                                    layoutMode: \"fitRows\",\r\n                                    masonry: { columnWidth: element.get(0).getBoundingClientRect().width \/ columns - gutterwidth },\r\n                                    itemPositionDataEnabled: true,\r\n                                    transitionDuration: 0\r\n\r\n                                }).isotope(\"layout\");\r\n\r\n                                $('.ut-lazy-wait', $container ).each(function (index, element ) {\r\n\r\n                                    $(element).removeClass('ut-lazy-wait');\r\n\r\n                                });\r\n\r\n                            }\r\n\r\n                        });\r\n\r\n                    }\r\n\r\n\t\t\t\t}\r\n\r\n                $(window).utresize(function(){\r\n\r\n                    \/* update isotope *\/\r\n                    ut_call_isotope();\r\n\r\n                });\r\n\r\n                \/* create isotope *\/\r\n                ut_call_isotope();\r\n\r\n\t\t\t\t\/* additional call for ajax filter *\/\r\n\t\t\t\t\r\n                    \/* Isotope Filtering\r\n                    ================================================== *\/\r\n                    $(\"#ut-portfolio-menu-938 a\").each(function( index ) {\r\n\r\n                        if( $(this).parent().hasClass('ut-portfolio-layout-change') ) {\r\n                            return true;\r\n                        }\r\n\r\n                        var searchforclass = $(this).attr(\"data-filter\");\r\n\r\n                        if( !$(searchforclass).length  ) {\r\n                            \/\/ hide filter if we do not have any children to filter\r\n                            $(this).hide();\r\n                        }\r\n\r\n                    });\r\n\r\n                    $(\"#ut-portfolio-menu-938 a\").on('click', function(event) {\r\n\r\n                        var $this = $(this);\r\n\r\n                        if( $this.parent().hasClass('ut-portfolio-layout-change') ) {\r\n                            return true;\r\n                        }\r\n\r\n                        if( $this.hasClass(\"selected\") ) {\r\n\r\n                            event.preventDefault();\r\n                            return;\r\n\r\n                        }\r\n\r\n                        var selector = $this.attr(\"data-filter\");\r\n\r\n                        if ( !$this.hasClass(\"selected\") ) {\r\n\r\n                            $this.parents(\"#ut-portfolio-menu-938\").find(\".selected\").removeClass(\"selected\");\r\n                            $this.addClass(\"selected\");\r\n\r\n                        }\r\n\r\n                        hide_portfolio_articles( selector );\r\n\r\n                        return false;\r\n\r\n                    });\r\n\r\n                    $(\"#ut-portfolio-menu-938 .ut-portfolio-layout-change a\").on('click', function(event) {\r\n\r\n                        var $this = $(this),\r\n                            $columns = $this.data('default-columns'),\r\n                            $columns_alternate = $this.data('alternate-columns');\r\n\r\n                        var selector = $(\"#ut-portfolio-menu-938 a.selected\").attr(\"data-filter\");\r\n\r\n                        \/\/ restore initial layout\r\n                        if( $this.hasClass('ut-alternate-columns-active') ) {\r\n\r\n                            hide_and_relayout_portfolio_articles( function () {\r\n\r\n                                ut_call_isotope( $columns, function ( columns, gutterwidth ) {\r\n\r\n                                    $(\"> .ut-portfolio-article .ut-portfolio-article-animation-box\", \"#ut-portfolio-items-938\").css({\r\n                                        \"visibility\" : \"hidden\",\r\n                                        \"opacity\" : \"0\"\r\n                                    });\r\n\r\n                                    setTimeout(function() {\r\n\r\n                                        $container.isotope({\r\n                                            filter: selector\r\n                                        });\r\n\r\n                                    }, 760 );\r\n\r\n                                });\r\n\r\n                                $this.removeClass('ut-alternate-columns-active');\r\n\r\n                            });\r\n\r\n                        \/\/ switch to alternate layout\r\n                        } else {\r\n\r\n                            hide_and_relayout_portfolio_articles( function () {\r\n\r\n                                ut_call_isotope( $columns_alternate, function ( columns, gutterwidth ) {\r\n\r\n                                    $(\"> .ut-portfolio-article .ut-portfolio-article-animation-box\", \"#ut-portfolio-items-938\").css({\r\n                                        \"visibility\" : \"hidden\",\r\n                                        \"opacity\" : \"0\"\r\n                                    });\r\n\r\n                                    setTimeout(function(  ) {\r\n\r\n                                        $container.isotope({\r\n                                            filter: selector\r\n                                        });\r\n\r\n                                    }, 760 );\r\n\r\n                                });\r\n\r\n                                $this.addClass('ut-alternate-columns-active');\r\n\r\n                            });\r\n\r\n                        }\r\n\r\n                        event.preventDefault();\r\n\r\n                    });\r\n\r\n\t\t\t\t\t\t\t\t       \r\n           \t\t});\r\n        \r\n            });\r\n\t\t\t\r\n        }(jQuery));\r\n\r\n        <\/script>        \r\n       \t\r\n\t\t<style id=\"ut-portfolio-custom-css-938\" type=\"text\/css\">.ut-portfolio-938 .ut-portfolio-info-c h3 {font-family:\"Roboto\" ; font-weight: 400 ;}.ut-portfolio-938 .portfolio-title {font-family:\"Roboto\" ; font-weight: 300 ;}.ut-portfolio-938 .ut-portfolio-info-c span {font-family:\"Roboto\" ;}.ut-portfolio-938 .ut-portfolio-info-c h3 { color: rgba(0, 0, 0, 1) ; }.ut-portfolio-938 .portfolio-title { color: rgba(0, 0, 0, 1); }.ut-portfolio-938 .ut-portfolio-title-wrap, .ut-portfolio-938 .portfolio-title { background: transparent; padding: 0; margin-top:20px }.ut-portfolio-938 .ut-portfolio-info-c, .ut-portfolio-938 .ut-portfolio-info-c span { color: #FFFFFF ; }.ut-portfolio-938 .ut-hover-layer .ut-portfolio-info { -webkit-justify-content: center !important; justify-content: center !important; }.ut-portfolio-938 .ut-hover-layer .ut-portfolio-info-c { align-self: center !important; text-align: center; }.ut-portfolio-938 .portfolio-style-two .ut-portfolio-info i { text-align: center ;}.ut-portfolio-938 .ut-rounded { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }.ut-portfolio-938 .ut-portfolio-menu li a { font-weight: normal !important; }.ut-portfolio-938 .ut-portfolio-menu li a { text-transform: uppercase !important; }.ut-portfolio-938 .ut-portfolio-menu li a { font-style: normal !important; }.ut-portfolio-938 .ut-portfolio-menu li a { letter-spacing: 0em !important; }.ut-portfolio-938 .ut-portfolio-menu li a { color: #333333 !important; }.ut-portfolio-938 .ut-portfolio-menu li a { background: #ffffff !important; }.ut-portfolio-938 .ut-portfolio-menu li a { border-color: #ffffff !important; }.ut-portfolio-938 .ut-portfolio-menu li a:hover { color: #333333 !important; }.ut-portfolio-938 .ut-portfolio-menu li a:hover { background: #ffffff !important; }.ut-portfolio-938 .ut-portfolio-menu li a:hover { border-color: #0066ff !important; }.ut-portfolio-938 .ut-portfolio-menu li a.selected { color: #333333 !important; }.ut-portfolio-938 .ut-portfolio-menu li a.selected { background: #ffffff !important; }.ut-portfolio-938 .ut-portfolio-menu li a.selected { border-color: #0066ff !important; }.ut-portfolio-938 .ut-hover-layer { background: rgba(0,102,255, 0.8); }<\/style><div id=\"ut-loader-938\" class=\"ut-portfolio-detail-loader\"><i class=\"Bklyn-Core-Rotate-2\"><\/i><\/div><a id=\"ut-portfolio-details-anchor-938\" href=\"#\" class=\"ut-portfolio-offset-anchor-top\"><\/a><div id=\"ut-portfolio-details-navigation-938\" class=\"ut-portfolio-details-navigation grid-container\" data-slideup-width=\"centered\"><a class=\"prev-portfolio-details\" data-wrap=\"938\" href=\"#\"><\/a><a class=\"close-portfolio-details\" data-wrap=\"938\" href=\"#\"><\/a><a class=\"next-portfolio-details\" data-wrap=\"938\" href=\"#\"><\/a><\/div><div id=\"ut-portfolio-details-wrap-938\" class=\"ut-portfolio-details-wrap clearfix\"><div id=\"ut-portfolio-details-938\" class=\"inner ut-portfolio-details\"><\/div><\/div><div class=\"clear\"><\/div><div id=\"ut-portfolio-wrap\" class=\"ut-portfolio-wrap ut-portfolio-938\" data-slideup-title=\"on\" data-slideup-width=\"centered\" data-textcolor=\"rgba(0, 0, 0, 1)\" data-opacity=\"0.8\" data-hovercolor=\"0,102,255\"><a class=\"ut-portfolio-offset-anchor\" style=\"top:-120px;\" id=\"ut-portfolio-items-938-anchor\"><\/a><div class=\"ut-portfolio-menu-wrap ut-portfolio-menu-wrap-right\" style=\"text-align:right;\"><ul id=\"ut-portfolio-menu-938\" class=\"ut-portfolio-menu style_one ut-portfolio-menu-20\"><li><a href=\"#\" data-filter=\"*\" class=\"selected\">N\u00e4ited<\/a><\/li><\/ul><\/div><div id=\"ut-portfolio-items-938\" class=\"ut-portfolio-item-container has-gutter guttersize-1 \"><\/div><\/div><\/div>[vc_empty_space height=&#8221;35px&#8221;][\/vc_column][\/vc_row]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>[vc_row delay=&#8221;true&#8221; effect=&#8221;none&#8221; delay_timer=&#8221;200&#8243;][vc_column effect=&#8221;none&#8221;][vc_empty_space height=&#8221;20px&#8221;][vc_empty_space height=&#8221;35px&#8221;][\/vc_column][\/vc_row]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.spiritedonline.com\/et\/wp-json\/wp\/v2\/pages\/897"}],"collection":[{"href":"https:\/\/www.spiritedonline.com\/et\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.spiritedonline.com\/et\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.spiritedonline.com\/et\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.spiritedonline.com\/et\/wp-json\/wp\/v2\/comments?post=897"}],"version-history":[{"count":2,"href":"https:\/\/www.spiritedonline.com\/et\/wp-json\/wp\/v2\/pages\/897\/revisions"}],"predecessor-version":[{"id":939,"href":"https:\/\/www.spiritedonline.com\/et\/wp-json\/wp\/v2\/pages\/897\/revisions\/939"}],"wp:attachment":[{"href":"https:\/\/www.spiritedonline.com\/et\/wp-json\/wp\/v2\/media?parent=897"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}