<!DOCTYPE html>
<html class="sp-html
			sp-seedprod sp-h-full" lang="en-US">
<head>
<title>ze.KARLOS | designer</title>
<meta name="description" content="multimedia designer">
<link href="assets/zekarlos_logo_2022.svg" rel="shortcut icon" type="image/x-icon" />
<meta property="og:url" content="https://zekarlos.com/" />
<meta property="og:type" content="website" />
<meta property="og:title" content="ze.KARLOS | designer" />
<meta property="og:description" content="multimedia designer" />
<meta name="twitter:card" content="summary" />
<meta name="twitter:title" content="ze.KARLOS | designer" />
<meta name="twitter:description" content="multimedia designer" />
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" id="seedprod-css-css" href="css/tailwind.min.css?ver=6.13.1" type="text/css" media="all" />
<style>
    #sp-page {
        color:#000000
    }

    #sp-page .sp-header-tag-h1, #sp-page .sp-header-tag-h2, #sp-page .sp-header-tag-h3, #sp-page .sp-header-tag-h4, #sp-page .sp-header-tag-h5, #sp-page .sp-header-tag-h6 {
        color:#000000
    }

    #sp-page h1, #sp-page h2, #sp-page h3, #sp-page h4, #sp-page h5, #sp-page h6 {
        color: #000000;
        font-family: 'Arial';
        font-weight: 400;
        font-style:normal
    }

    #sp-page a {
        color:#000000
    }

    #sp-page a:hover {
        color:#868686
    }

    #sp-page .btn {
        background-color:#000000
    }

    body {
        background-color: #fafafa;
    }

    @media only screen and (max-width: 480px) {
    }

    @media only screen and (min-width: 480px) {
    }
    </style>
<script type="14ef3977c705af6a20cec0b3-text/javascript">
    </script>
<script src="js/sp-scripts.min.js" defer type="14ef3977c705af6a20cec0b3-text/javascript"></script>
<script src="js/jquery.min.js" type="14ef3977c705af6a20cec0b3-text/javascript"></script>
</head>
<body class="spBgcover sp-h-full sp-antialiased sp-bg-slideshow">
<div id="sp-page" class="spBgcover sp-content-1" style="background-color: rgb(250, 250, 250); font-family: Almarai, sans-serif; font-weight: 300;">
<section id="sp-ks8a8s" class="sp-el-section " style="width: 600px; max-width: 100%; padding: 10px; margin-top: 60px;">
<div id="sp-vw3kvy" class="sp-el-row sm:sp-flex sp-w-full  sp-m-auto sp-justify-between" style="padding: 0px; width: auto; max-width: 1000px;">
<div id="sp-wz5ajq" class="sp-el-col  sp-w-full" style="width: calc(100% + 0px);">
<style type="text/css">
                    #sp-wz5ajq .sp-col-top .seedprod-shape-fill {
                        fill: undefined;
                    }

                    #sp-wz5ajq .sp-col-top svg {
                        width: undefined%;
                        height: undefinedpx;
                        transform: translateX(-50%);
                    }

                    #sp-wz5ajq .sp-col-bottom .seedprod-shape-fill {
                        fill: undefined;
                    }

                    #sp-wz5ajq .sp-col-bottom svg {
                        width: undefined%;
                        height: undefinedpx;
                        transform: translateX(-50%);
                    }
                    </style>
<div class="sp-col-shape sp-col-top" style="z-index: 0;">
<div></div>
</div>
<div class="sp-col-shape sp-col-bottom" style="z-index: 0;">
<div></div>
</div>
<figure id="sp-k4accv" class="sp-image-wrapper sp-el-block" style="margin: 0px; text-align: center;">
<span>

</span>
</figure>
<h1 id="sp-rchwtv" class="sp-css-target sp-el-block sp-headline-block-rchwtv sp-type-header" style="text-align: center; margin: 0px;"></h1>
<div id="tiny-vue_13101055021659633773182" class="sp-css-target sp-text-wrapper sp-el-block sp-text-wrapper-ss42wh mce-content-body html4-captions" style="margin: 0px; text-align: center; position: relative; font-size: 14px; line-height: 1.5; letter-spacing: 0px;">
<p>
<img class="alignnone wp-image-604 size-thumbnail" role="img" src="assets/zekarlos_logo_2022.svg" alt="Zé Karlos | multimedia designer" width="150" height="150" data-mce-src="assets/zekarlos_logo_2022.svg">
</p>
<p>designer</p>
<p>
<br data-mce-bogus="1">
</p>
<p style="text-align: center;" data-mce-style="text-align: center;">
<strong>|</strong>
<a href="https://zekarlos.tumblr.com/" data-mce-href="https://zekarlos.tumblr.com/">&nbsp;&nbsp;blog&nbsp;&nbsp;</a>
<strong>|</strong>
<a href="https://www.facebook.com/zekarlos" data-mce-href="https://www.facebook.com/zekarlos">&nbsp;&nbsp;facebook&nbsp;&nbsp;</a>
<strong>|</strong>
<a href="https://twitter.com/zekarlos" data-mce-href="https://twitter.com/zekarlos">&nbsp;&nbsp;x&nbsp;&nbsp;</a>
<strong>|</strong>
</p>
<p style="text-align: center;" data-mce-style="text-align: center;">
<p><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="3f575a5353507f455a545e4d53504c115c5052">[email&#160;protected]</a></p>
</p>
</div>
</div>
</div>
</section>
<section id="sp-qy2ukz" class="sp-el-section " style="width: 100%; max-width: 100%; padding: 10px;">
<div id="sp-y2q7z4" class="sp-el-row sm:sp-flex sp-w-full  sp-m-auto sp-justify-between" style="padding: 0px; width: auto; max-width: 1000px;">
<div id="sp-kc98i6" class="sp-el-col  sp-w-full" style="width: calc(100% + 0px);">
<style type="text/css">
                    #sp-kc98i6 .sp-col-top .seedprod-shape-fill {
                        fill: undefined;
                    }

                    #sp-kc98i6 .sp-col-top svg {
                        width: undefined%;
                        height: undefinedpx;
                        transform: translateX(-50%);
                    }

                    #sp-kc98i6 .sp-col-bottom .seedprod-shape-fill {
                        fill: undefined;
                    }

                    #sp-kc98i6 .sp-col-bottom svg {
                        width: undefined%;
                        height: undefinedpx;
                        transform: translateX(-50%);
                    }
                    </style>
<div class="sp-col-shape sp-col-top" style="z-index: 0;">
<div></div>
</div>
<div class="sp-col-shape sp-col-bottom" style="z-index: 0;">
<div></div>
</div>
<div id="sp-x7mrh1" class="sp-spacer" style="height: 60px;"></div>
</div>
</div>
</section>
</div>
<div class="tv">
<div class="screen mute" id="tv"></div>
</div>
<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script>(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML="window.__CF$cv$params={r:'8cc6084069626ed2',t:'MTcyNzg4NjE1Ni4wMDAwMDA='};var a=document.createElement('script');a.nonce='';a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();</script></body>
</html>
