<!DOCTYPE html>
<html lang="en-us">
<head>
    
    <script async src="https://www.googletagmanager.com/gtag/js?id=UA-42733768-1"></script>
    <script>
        window.dataLayer = window.dataLayer || [];
        function gtag(){dataLayer.push(arguments);}
        gtag('js', new Date());

        gtag('config', 'UA-42733768-1');
    </script>
    

    <base href="/">
    
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">

  <meta name="description">
  <meta name="keywords" content="null">

  <title>Krzysztof Kałucki - Krzysztof Kałucki</title>

  <meta property="og:url" content="https://kalucki.eu/sitemap.xml">
  <meta property="og:type" content="website">
  <meta property="og:locale" content="en_US" />
  <meta property="og:site_name" content="Krzysztof Kałucki - Krzysztof Kałucki"/>
  <meta property="og:title" content="Krzysztof Kałucki - Krzysztof Kałucki">
  <meta property="og:description">
  
  
  

  <meta name="twitter:title" content="Krzysztof Kałucki - Krzysztof Kałucki" />
  <meta name="twitter:description" />
  
  <meta name="twitter:card" content="summary_large_image" />

  <script type="application/ld+json">
    {
      "@context": "http://schema.org",
      "@type": "Organization",
      "url": "https://kalucki.eu/en-us/",
      "contactPoint" : [
      { "@type" : "ContactPoint",
      "telephone" : "+48-509-766-273",
      "contactType" : "sales"
      }]
    }
  </script>

  <script type="application/ld+json">
    {
          "@context": "http://schema.org",
          "@type": "BreadcrumbList",
          "itemListElement": [{
            "@type": "ListItem",
            "position": 1,
            "item": {
              "@id": "https://kalucki.eu/sitemap.xml",
              "name": "Krzysztof Kałucki - Krzysztof Kałucki"
            }
          }]
    }
  </script>


    
    <script>
        (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
            (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
            m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
        })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');

        ga('create', 'UA-42733768-1', 'auto');
        ga('send', 'pageview');
    </script>
    

    <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="css/lightbox.min.css">
    <link rel="stylesheet" type="text/css" href="css/main.css">

    <link rel="icon" type="image/png" href="img/favicon.png">

    <link rel="alternate"
          hreflang="en"
          href="https://kalucki.eu/sitemap.xml"/><link rel="alternate"
          hreflang="pl"
          href="https://kalucki.eu/sitemap.xml"/>
</head>

<body>

    <script>
        window.setInterval(animate, 1500);
        var width = (window.innerWidth > 0) ? window.innerWidth : screen.width;
        var lastContainerToAnimate = null;

        function animate() {
            var homeMosaicContainers = $('.home-mosaic-container');
            if (width <= 768)
                homeMosaicContainers = homeMosaicContainers.not(".home-mosaic-element-big");
            else
                homeMosaicContainers = homeMosaicContainers.not(".home-mosaic-element-small");
            var containerToAnimate;
            do {
                var containerIndexToAnimate = Math.floor(Math.random() * homeMosaicContainers.length);
                containerToAnimate = homeMosaicContainers[containerIndexToAnimate];
            } while (lastContainerToAnimate == containerToAnimate);
            var figures = containerToAnimate.getElementsByTagName("figure");
            var visibleFigure = findVisibleFigure(figures);
            var figureToShow = randomizeFigureToShow(figures);
            $(visibleFigure).animate({opacity: '0'}, 700);
            $(figureToShow).animate({opacity: '1'}, 700);
            lastContainerToAnimate = containerToAnimate;
        }

        function findVisibleFigure(figures) {
            for (var i = 0; i < figures.length; i++)
                if (isFigureVisible(figures[i]))
                    return figures[i];
        }

        function randomizeFigureToShow(figures) {
            var figure = null;
            do {
                figure = figures[Math.floor(Math.random() * figures.length)];
            } while (isFigureVisible(figure));
            return figure;
        }

        function isFigureVisible(figure) {
            return figure.style.opacity !== "0"
        }

        function goToTop() {
            document.body.scrollTop = 0;
            document.documentElement.scrollTop = 0;
            var collapsed = document.getElementsByClassName('vertical-menu-collapsed');
            if (collapsed.length > 0) {
                collapsed[0].classList.add('vertical-menu-not-collapsed');
                collapsed[0].classList.remove('vertical-menu-collapsed');
            }
            document.getElementsByClassName('nav-item-button')[0].style.display = 'none';
            return false;
        }
    </script>

    <div class="container">
        
    <nav class="navbar navbar-expand-md nav-vertical">
        <a class="navbar-brand navbar-brand-horizontal" href="/en-us/"><img src="img/logo.png"/></a>
        <a class="navbar-brand navbar-brand-vertical" href="/en-us/"><img src="img/logo_with_name.png"/></a>

        <ul class="navbar-nav mr-auto vertical-menu-collapsed">
            <li class="nav-item">
    <a class="nav-link"
       href="en-us/article/about-me">About me</a>
    
</li>
            <li class="nav-item">
    <a class="nav-link"
       href="en-us/article/cartoon">Cartoon</a>
    
</li>
            <li class="nav-item">
    <a class="nav-link"
       href="en-us/article/for-kids">For children</a>
    
</li>
            <li class="nav-item">
    <a class="nav-link"
       href="en-us/article/illustration">Illustration</a>
    
</li>
            <li class="nav-item">
    <a class="nav-link"
       href="en-us/article/comics">Comix</a>
    
</li>
            <li class="nav-item">
    <a class="nav-link"
       href="en-us/article/logotype">Logotype</a>
    
</li>
            <li class="nav-item">
    <a class="nav-link"
       href="en-us/article/storyboard">Storyboard</a>
    
</li>
            <button class="nav-item-button" type="button" onclick="return switchMenu();">
                <span>Portfolio</span>
            </button>
            <li class="nav-item">
    <a class="nav-link"
       href="en-us/article/contact">Contact</a>
    
</li>
        </ul>

        <script>
            function switchMenu() {
                var collapsed = document.getElementsByClassName('vertical-menu-collapsed');
                var notCollapsed = document.getElementsByClassName('vertical-menu-not-collapsed');
                if (collapsed.length > 0) {
                    collapsed[0].classList.add('vertical-menu-not-collapsed');
                    collapsed[0].classList.remove('vertical-menu-collapsed');
                } else if (notCollapsed.length > 0) {
                    notCollapsed[0].classList.add('vertical-menu-collapsed');
                    notCollapsed[0].classList.remove('vertical-menu-not-collapsed');
                }
                document.getElementsByClassName('nav-item-button')[0].style.display = 'none';
                return false;
            }
        </script>
    </nav>

    <nav class="navbar navbar-expand-md nav-horizontal">
        <a class="navbar-brand" href="/en-us/"><img src="img/logo.png"/></a>

        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarsExampleDefault" aria-controls="navbarsExampleDefault" aria-expanded="false" aria-label="Toggle navigation">
            <span class="navbar-toggler-icon"></span>
        </button>

        <div class="collapse navbar-collapse" id="navbarsExampleDefault">
            <ul class="navbar-nav mr-auto">
                
                    <li class="nav-item">
    <a class="nav-link"
       href="en-us/article/about-me">About me</a>
    
</li>
                
                    <li class="nav-item">
    <a class="nav-link"
       href="en-us/article/cartoon">Cartoon</a>
    
</li>
                
                    <li class="nav-item">
    <a class="nav-link"
       href="en-us/article/for-kids">For children</a>
    
</li>
                
                    <li class="nav-item">
    <a class="nav-link"
       href="en-us/article/illustration">Illustration</a>
    
</li>
                
                    <li class="nav-item">
    <a class="nav-link"
       href="en-us/article/comics">Comix</a>
    
</li>
                
                    <li class="nav-item">
    <a class="nav-link"
       href="en-us/article/logotype">Logotype</a>
    
</li>
                
                    <li class="nav-item">
    <a class="nav-link"
       href="en-us/article/storyboard">Storyboard</a>
    
</li>
                
                    <li class="nav-item">
    <a class="nav-link"
       href="en-us/article/contact">Contact</a>
    
</li>
                
            </ul>

            <div class="ml-3">
                <img src="img/kalucki.png"/>
            </div>
        </div>
    </nav>

    </div>

    <main role="main" class="container">
        <div class="row">
            <div class="home-mosaic">
                <div style="display: block; float: left;">
                    <div>
                        <div class="home-mosaic-container square home-mosaic-element-big" style="display: block; float: left;">
                            <figure>
                                <img src="https://biblog.byteimagination.com/v1/image/140285bd73de733bad06de79cae2452df7d946e36ac0b15c1c6f0164706786a5"/>
                            </figure>
                            <figure>
                                <img src="https://biblog.byteimagination.com/v1/image/7fa2e71efafd848bed3552afb155215f2d326bd8b8fac21f74a1504024a6cf41"/>
                            </figure>
                            <figure>
                                <img src="https://biblog.byteimagination.com/v1/image/812018a4c153aec4a5886b432adca23f60a8f347ba75d37ed55e5fbbdfdfc130"/>
                            </figure>
                            <figure>
                                <img src="https://biblog.byteimagination.com/v1/image/e8bf3622665ec1f914f0c64ab3e3d6b9b54a0b276991fb5cdbe5c7b811a29ac0"/>
                            </figure>
                            <figure>
                                <img src="https://biblog.byteimagination.com/v1/image/9a61eb5b1b64359c5095d7c6d27bf329ba1f281c0d2696950b70852085092214"/>
                            </figure>
                        </div>
                        <div class="home-mosaic-container square home-mosaic-element-big" style="display: block; float: left;">
                            <figure>
                                <img src="https://biblog.byteimagination.com/v1/image/5608b6a6545540c15a1e5f604a1fee6cf66ab4308562b3b11c78e624fdd43a1e"/>
                            </figure>
                            <figure>
                                <img src="https://biblog.byteimagination.com/v1/image/2733b63b21f844c26e6b26b4c2cdf21a28b8a2cea1938d447842ebc247141502"/>
                            </figure>
                            <figure>
                                <img src="https://biblog.byteimagination.com/v1/image/f69febf13237ea9d56a28723ff6314e81602e3754ed373581f1825c6adc23c48"/>
                            </figure>
                            <figure>
                                <img src="https://biblog.byteimagination.com/v1/image/8bfc24f2228b35994bc91d82fe07c9c510f8f76c7f127c33ed4766b6bcfba90a"/>
                            </figure>
                            <figure>
                                <img src="https://biblog.byteimagination.com/v1/image/55f2bc9cea01fe42481080f4816f4e278646ca04d8ff74ef4137616bedfdef9a"/>
                            </figure>
                        </div>
                    </div>
                    <div>
                        <div class="home-mosaic-container horizontal home-mosaic-element-big" style="display: block; float: left;">
                            <figure>
                                <img src="https://biblog.byteimagination.com/v1/image/1daae827b21be2feaeb25d60ea60285abafb661df4eca6fe9c278e087bc74cb4"/>
                            </figure>
                            <figure>
                                <img src="https://biblog.byteimagination.com/v1/image/5261a6d269239508dee39343b41efa28cabb90866b35f8625e526b484703d24d"/>
                            </figure>
                            <figure>
                                <img src="https://biblog.byteimagination.com/v1/image/35350482c5333a030a330e1971fc3a8c5a2b31d0023a4fb0ab327e1400806fc3"/>
                            </figure>
                            <figure>
                                <img src="https://biblog.byteimagination.com/v1/image/1e851523e888a71ee3bc698648b6b9e34da207dbc33b0108ff4b930351cc8dd4"/>
                            </figure>
                            <figure>
                                <img src="https://biblog.byteimagination.com/v1/image/12e5c925e1b64ec2c85e7751f7e232c57451ccdf34221678e2a9edfa80254538"/>
                            </figure>
                        </div>
                    </div>

                    <div>
                        <div class="home-mosaic-container square home-mosaic-element-small" style="display: block; float: left;">
                            <figure>
                                <img src="https://biblog.byteimagination.com/v1/image/751bf19963290f0e756e41acad42aa94bb667a405ff2b5b7f856d9abe71c7b9b"/>
                            </figure>
                            <figure>
                                <img src="https://biblog.byteimagination.com/v1/image/ff48884fd85867f6e066cf70ac332f4bd6bed9831fb15e9a5baa51f9e26f0578"/>
                            </figure>
                            <figure>
                                <img src="https://biblog.byteimagination.com/v1/image/0c15a3f096251c51df05baace1c83bda00b05d98a1c5bba097f4c345f7f0441c"/>
                            </figure>
                            <figure>
                                <img src="https://biblog.byteimagination.com/v1/image/c5ab3dc2a6df3496939d2e7f9e8cdfc670d1e8763f44dbe31d0e724895a1825e"/>
                            </figure>
                            <figure>
                                <img src="https://biblog.byteimagination.com/v1/image/3eb3fe824c3fc8ab21ee794965a0299c90d4f9087377df61fa2f1db8f3f47653"/>
                            </figure>
                        </div>
                        <div class="home-mosaic-container square home-mosaic-element-small" style="display: block; float: left;">
                            <figure>
                                <img src="https://biblog.byteimagination.com/v1/image/bcd6dbb4eea548ca631e2f620659a0308d0764f836302758c39a805c70f8a9e7"/>
                            </figure>
                            <figure>
                                <img src="https://biblog.byteimagination.com/v1/image/95c27b05a6b6a334e1a5901a0c22c4f8a2dcc64df317e754f5f980a9a6de663d"/>
                            </figure>
                            <figure>
                                <img src="https://biblog.byteimagination.com/v1/image/b3ad373dc26c83cbfa64dd2262acd652c04b308b7807544770df89184fc6a6c8"/>
                            </figure>
                            <figure>
                                <img src="https://biblog.byteimagination.com/v1/image/e10329d147d67abb9607d0e27a3ec60d4d51daaacc2032491dc8919c593dec65"/>
                            </figure>
                            <figure>
                                <img src="https://biblog.byteimagination.com/v1/image/cc5beb5ef13c69cdfb042cb621e064c6fef11acfb0ba8033f07dc0368829e105"/>
                            </figure>
                        </div>
                    </div>
                    <div>
                        <div class="home-mosaic-container horizontal home-mosaic-element-small" style="display: block; float: left;">
                            <figure>
                                <img src="https://biblog.byteimagination.com/v1/image/6181d9b498a7a503cc9802fce8b4ded507b132f17b2574e9a6ba438ef4959061"/>
                            </figure>
                            <figure>
                                <img src="https://biblog.byteimagination.com/v1/image/f9c58d6f67dca644d6dccf35045df708b73d4873ff5775769edb56046745bec4"/>
                            </figure>
                            <figure>
                                <img src="https://biblog.byteimagination.com/v1/image/17e294f1a7da4346336fe8871fa2c10e7df0d6f330eb36145be6b35c858b571f"/>
                            </figure>
                            <figure>
                                <img src="https://biblog.byteimagination.com/v1/image/c0f71c010a544f84b30c14d93fd217f798b8e29bbe107bc1e93244b55a998635"/>
                            </figure>
                            <figure>
                                <img src="https://biblog.byteimagination.com/v1/image/dbd2fbe90642b9c67b6d38ec2cab08371b1b09dcfdfc2834330224c401e01e3b"/>
                            </figure>
                        </div>
                    </div>
                </div>

                <div style="display: block; float: left;">
                    <div>
                        <div style="display: block; float: left;">
                            <div class="home-mosaic-container vertical home-mosaic-right-side home-mosaic-element-big">
                                <figure>
                                    <img src="https://biblog.byteimagination.com/v1/image/09dc3d297b30f7d866bb48d7be9fdd659d68927407369639fe4ca1f6ade95b97"/>
                                </figure>
                                <figure>
                                    <img src="https://biblog.byteimagination.com/v1/image/308bb2fbfa644103e056e426c913b668c08ae94f164eb183e975291ab46c6b18"/>
                                </figure>
                                <figure>
                                    <img src="https://biblog.byteimagination.com/v1/image/42b13317bca67b63feedff83b0bf20ad43008b18cfdc941b3fad231fc57704e0"/>
                                </figure>
                                <figure>
                                    <img src="https://biblog.byteimagination.com/v1/image/18006ac5e6459e18279e5beeddfacf5d370c1c59e8f4335863b17f93451cc787"/>
                                </figure>
                                <figure>
                                    <img src="https://biblog.byteimagination.com/v1/image/44faa63b852dbdb00dbe15ccc7e76eef501fb8a6e6471d8a8ab8241148a5996a"/>
                                </figure>
                            </div>
                        </div>
                        <div style="display: block; float: left;">
                            <div class="home-mosaic-container square home-mosaic-right-side home-mosaic-element-big">
                                <figure>
                                    <img src="https://biblog.byteimagination.com/v1/image/c1319018ce823f112adc21625395df6cd9d97a9ae6d3efda41c7ce5d9c3251b1"/>
                                </figure>
                                <figure>
                                    <img src="https://biblog.byteimagination.com/v1/image/4dd97a86690952c126963176c4aec48f9d7d6fbc516d8c9a284aa225160e46d1"/>
                                </figure>
                                <figure>
                                    <img src="https://biblog.byteimagination.com/v1/image/59922e9c63a291cb65c2e9ab85dc1e6d467caaec80fcdad88cd141f203b0b5a5"/>
                                </figure>
                                <figure>
                                    <img src="https://biblog.byteimagination.com/v1/image/2889c45b248f63e396420f0d8c64c99f00e9c4a1dfd2f068d0481803ef38486a"/>
                                </figure>
                                <figure>
                                    <img src="https://biblog.byteimagination.com/v1/image/d2717becb908c835f329fd931f63e3fd982bb4e03c16fff5fa8ac5069aa5856d"/>
                                </figure>
                            </div>
                            <div class="home-mosaic-container square home-mosaic-right-side home-mosaic-element-big">
                                <figure>
                                    <img src="https://biblog.byteimagination.com/v1/image/810f273202bf8737abf07585630d9e40a526698bc50754c5c1cbaf107230ba67"/>
                                </figure>
                                <figure>
                                    <img src="https://biblog.byteimagination.com/v1/image/7dccee798b8c04cf056c6541996f5b0dc6cf4b0ebd1f597fe0788f5b76d4f837"/>
                                </figure>
                                <figure>
                                    <img src="https://biblog.byteimagination.com/v1/image/94c6d186ee2b30443e7ee98ebb17b9695ef9d43bea4b5e2a70bfb070189548aa"/>
                                </figure>
                                <figure>
                                    <img src="https://biblog.byteimagination.com/v1/image/62124c289a561599c7a2a1334200165a1496b01192ed51cb6add54ac30f3f425"/>
                                </figure>
                                <figure>
                                    <img src="https://biblog.byteimagination.com/v1/image/9d1e982daf5ace33426c69866265bfa7757b8daa08e750dfdf4f3cbf0bc1f8d6"/>
                                </figure>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="row">
            <div class="col-12 col-md p-3 mb-5 d-flex flex-column flex-md-row justify-content-between about-me-footer"
                 onclick="return goToTop();">I invite you to take a look at my portfolio:)</div>
        </div>
    </main>

    <main role="main" class="container">
        <div class="row">
            
    <footer class="pt-4 my-md-5 pt-md-5">
        <div class="row">
            <div class="col-12 col-md mt-5">
                <small class="d-block mb-3 text-muted">Webpage by <a class="text-muted" href="http://byteimagination.com" target="_blank" rel="noopener noreferrer">Byte Imagination</a></small>
            </div>
        </div>
        <div class="row">
            <div class="col-12 col-md">
                <h5>I use Cookies</h5>
                <small class="d-block mb-3 text-muted">I use cookies information and similar technologies to store small amount of data on your device for statistics and commercial and to adjust to your individual needs. They may be used by third party companies I cooperate with. You can change your browser&#39;s cookie policy in it&#39;s settings.</small>
            </div>
        </div>
    </footer>

        </div>
    </main>

    
    <script src="js/jquery-3.3.1.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/lightbox.min.js"></script>


    <script>
        $('document').ready(function(){
            var homeMosaicContainers = $('.home-mosaic-container');
            for (var i = 0; i < homeMosaicContainers.length; i++) {
                var figures = homeMosaicContainers[i].getElementsByTagName("figure");
                for (var j = 0; j < figures.length - 1; j++) {
                    figures[j].style.opacity = "0";
                }
                figures[figures.length - 1].style.opacity = "1";
            }

            if (width <= 768) {
                var squares = document.getElementsByClassName('square');
                for (i = 0; i < squares.length; i++) {
                    var newWidth = width / 2.0;
                    var ratio = newWidth / squares[i].clientWidth;
                    squares[i].style.width = "" + newWidth + "px";
                    squares[i].style.height = "" + (squares[i].clientHeight * ratio) + "px";
                }
                var horizontals = document.getElementsByClassName('horizontal');
                for (i = 0; i < horizontals.length; i++) {
                    var newWidth = width;
                    var ratio = newWidth / horizontals[i].clientWidth;
                    horizontals[i].style.width = "" + newWidth + "px";
                    horizontals[i].style.height = "" + (horizontals[i].clientHeight * ratio) + "px";
                }
            }
        });
    </script>
</body>
</html>
